/*
main style sheet
macharron@arteca.com
Last edit: 2010-02-16
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td, button { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit;}
ul, ol { list-style-type: none;}

body { padding-bottom: 30px; background: #fff; font-size: .75em; color: #222; font-family: Arial, Helvetica, sans-serif; text-align: center; }
 
 
/* //////////////////////////////////////////////////////////////////////////
!general */
 
a { color: #222; text-decoration: none;}
a:hover, a:active, a:focus { color: #C06; text-decoration: underline; }
a.selected { cursor: default; text-decoration: none!important;}
a.selected:hover, a.selected:active, a.selected:focus { cursor: default!important;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 18, 2012 */
@font-face {
    font-family: 'LondonMMRegular';
    src: url('fonts/londonmm-webfont.eot');
    src: url('fonts/londonmm-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/londonmm-webfont.woff') format('woff'),
         url('fonts/londonmm-webfont.ttf') format('truetype'),
         url('fonts/londonmm-webfont.svg#LondonMMRegular') format('svg');
    font-weight: normal; font-style: normal;
}

#header #ls-menu a, #ls-menu-sub>li>a, .t-main { font-family: LondonMMRegular, Arial, Helvetica, sans-serif; font-weight: : normal;}


#header li a,
#ls-menu-sub li a { color: #484747;}

.link-modify,
#ls-menu-store #bt-logout a:hover,
.text a,
label a,
.buttons-set p a,
.help,
.box-title a:hover,
.data-table a { color: #C06; }

.link-remove { color: #999; }

/* !visited */
a:visited {}
 
/* ****** */
/* !title */
h1, h2, h3, h4, h5, h6 { }
h1 a, h2 a, h3 a, h5 a, h6 a { }
h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus,
h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus,
h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus { }
 
h1 { }
h2 { }
h3, #product-infos span.price { margin-bottom: 15px; text-transform: uppercase; font-size: 1.3em; }
h4 { margin-bottom: 10px; font-size: 1.16em; font-weight: bold; }
h5 { margin-bottom: 5px; font-weight: bold; }
h6 { }


/* ********************************* */
/* !class gen */
.hide { position: absolute; margin-left: -9000px!important;}
.big { font-size: 1.16em; line-height: 1.2em;}
.center { text-align: center;}
.clear { clear: both;}
.clearer { width: 100%!important; clear: both!important; height: 0!important; line-height: 0!important; font-size: 1px!important; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important; border: none!important}
.float { float: left!important;}
.float-r { float: right!important;}
.hidden { visibility: hidden;}
.none, .printonly { display: none!important;}
.no-float { float: none!important;}
.normal { font-size: 1em;}
.right { text-align: right;}
.selfclear { width: 100%; overflow: hidden;}
.small { font-size: .916em;}
.no-space { margin-bottom: 0!important;}
.space { margin-bottom: 10px!important;}
.spaced { margin-bottom: 15px!important;}
.spaced-sml { margin-bottom: 5px!important;}
.spaced-big { margin-bottom: 30px!important;}
.spaced-top { margin-top: 15px!important;}
.sup { font-size: 0.83em; position: relative; top: -2px;}
.top { text-align: right;}


/* ********************************* */
/* !forms */
fieldset, .fieldset { margin-bottom: 30px;}

.form-list { margin-bottom: 15px;}
	.form-list li { margin-bottom: 5px;}
	.form-list .fields { margin-bottom: 15px;}
	.form-list .wide, .field { margin-bottom: 3px;}

label { font-weight: bold; font-size: .916em;}
label a { font-weight: bold;}

.i-txt input, .input-box input, textarea { padding: 2px 0; background: #fff; border: 1px solid #ccc;}

.i-lg {}
	.i-lg .i-txt, .i-lg .i-area, .i-lg .i-sel { margin-bottom: 10px;}
	.i-lg label { float: left; width: 85px; margin-top: 5px; margin-right: 8px; text-align: right;}
	.i-lg .i-txt input, .i-lg .i-area textarea, .i-lg .i-sel select, .i-lg .input-box { float: left;}
	.i-lg .submit, .i-lg .buttons-set, .i-lg .i-inside { display: block; margin-left: 95px;}
	.i-lg .i-txt input, .i-lg .i-sel select, .input-box input, .input-box select { width: 175px;}
	.i-lg .i-area textarea, .input-box textarea { width: 350px;}
	.i-lg li { margin-bottom: 10px;}
		
	.i-check label { float: none; font-weight: normal;}
	.i-check input, .i-check .input-box { display: inline; width: auto; margin-right: 3px; border: none;}

	.i-larger label { width: 100px;}
	.i-larger .submit, .i-larger .buttons-set, .i-larger .i-inside { margin-left: 110px;}
	
	.i-larger2 label { width: 130px;}
	.i-larger2 .i-txt input, .i-larger2 .i-sel select, .i-larger2 .input-box input, .i-larger2 .input-box select { width: 145px;}
	.i-larger2 .submit, .i-larger2 .buttons-set, .i-larger2 .i-inside { margin-left: 140px;}
	
	.i-lg .no-lg { margin-left: 0;}

.i-smaller input { width: 30px;}
.i-small input { width: 50px;}
.i-small select { width: 70px;}
.i-med input { width: 140px;}
.i-long select { width: 300px;}

p.required { font-style: italic; color: #ccc; margin-bottom: 25px;}
.required em { padding-right: 3px;}

.help { margin: 0 0 0 10px; font-size: .916em;}

.buttons-set { margin: 10px 0 30px;}
	.buttons-set button, .buttons-set p { float: left; margin-right: 10px;}
	.buttons-set p { margin-top: 4px; font-size: .916em;}
	
	button, .btn-remove2, .bt-add, .bt { cursor: pointer; padding: 3px 10px; background: #f4f4f4; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #666!important; font-size: .916em;}
	button:hover, .btn-remove2:hover, .bt-add:hover, .bt:hover { background-color: #e1e1e1; text-decoration: none;}
	.btn-remove2, .bt-add { padding: 3px 5px; line-height: 1em; /* font-weight: bold; */}

.messages { margin-bottom: 15px;}
	.messages ul { padding-bottom: 10px; margin-left: 20px; list-style-type: disc;}
	.messages ul li { margin-bottom: 5px;}
	.error-msg, .success-msg { padding: 15px 15px 0; background: #ff9f99;}
	.success-msg { background: #b2f8be;}
.validation-advice { color: #f80000; font-size: .916em;}


/* ********************************* */
/* !cols */
#wrapper { position: relative; width: 863px; margin: 17px auto 0; text-align: left; border: 1px solid #bababa;}

#content { float: none; width: 843px; margin-left: 10px; margin-bottom: 10px; background: url(../img/bg-content.png) 0 0 repeat-y;}
.full #content { margin-bottom: 0; background-image: url(../img/bg-content-full.png);}
.cart #content { margin-bottom: 0; background-image: url(../img/bg-content-cart.png);}
.page-print #content { width: 833px; margin-left: 15px; background-image: none;}
	
	#col { float: right; width: 640px;}
	.full #col { width: 485px;}
	.cart #col { width: 610px; padding: 0 15px;}
	.page-print #col { width: 100%;}

	
#sidebar { float: left; width: 151px; margin-top: 10px; padding: 12px 21px 0 21px; background: #f4f4f4 url(../img/bg-side.png) 64px 2px no-repeat;}


/* ********************************* */
/* !header */
#header { position: relative; margin-bottom: 15px; padding: 10px 10px 0;}
	#header h1 { width: 194px; float: left; background: #000 url(../img/bg-logo.png) 205px 30px no-repeat;}
	#header h1 a { display: block; width: 100%; height: 94px; background: url(../img/logo.png) 0 0 no-repeat; text-indent: -9999px;}
	
	#menu-bar, #bar-inner { float: right; width: 640px; height: 94px;}
	#menu-bar { position: relative; background: url(../img/bg-header.png) 0 0 repeat-x;}
	#bar-inner { background: url(../img/bg-header-flowr.png) 389px 23px no-repeat;}
	
	#header ul li { display: inline;}
	
	#ls-menu { float: left; width: 620px; margin: 55px 0 0 15px; font-size: 1.33em; text-transform: uppercase; border-left: 1px solid #222; display: inline;}
	#ls-menu li { position: static; padding: 0 5px 0 3px; border-right: 1px solid #222;}
	#ls-menu #bt-acc { padding-left: 5px;}
	
	#ls-menu-store { position: absolute; top: 22px; right: 22px; text-align: right; font-size: .916em;}
	#ls-menu-store li { margin-left: 10px;}
	#bt-lang a { font-weight: bold;}
	#ls-menu-store #bt-logout a { color: #999;}
	
	#header li a:hover,
	.cms-boutique #bt-bou a, .catalog-category-view #bt-bou a, .catalog-product-view #bt-bou a,
	.cms-accueil #bt-acc a,
	.cms-raffael-pro #bt-pro a,
	.cms-distributeur #bt-dis a,
	.cms-pointsdevente #bt-pdv a { color: #C06;}
	
	.full #header, .cart #header { margin-bottom: 0;}
	.full #header h1 { width: 347px;}
	.full #menu-bar, .full #bar-inner { width: 485px;}
	.full #ls-menu { width: 469px;}
	.full #bar-inner { background-position: 269px 23px;}
	
.print-head { background: #000;}


/* ********************************* */
/* !content */

.bt-add { font-size: .916em;}
.bt-outofstock, .bt-outofstock:hover { color: #ccc; font-size: .916em; text-decoration: none; cursor: default; padding-left: 5px;}

.t-main { padding: 0 2px 20px; padding-left: 10px; font-size: 2.5em;}
	.t-main, .t-main * { text-transform: uppercase;}
	.full .t-main, .cart .t-main { margin-top: 15px;}
	.cart .t-main { margin-left: -5px; padding-left: 0;}
	.page-print .t-main { padding: 20px 0 0;}

/* !home */	
#slider { width: 465px; height: 351px; overflow: hidden; margin-top: -10px; margin-left: 10px;}
	#slider ul { float: left; width: 9999px;}
	#slider li { float: left; width: 465px;}

#bloc-acc { margin: 20px 0 0; font-size: .916em;}
	#bloc-acc div { float: left; width: 150px; margin-left: 20px;}
	#bloc-acc div p { font-weight: bold;}
	#bloc-acc .float-r { width: 210px; text-align: justify; margin: 0 20px 0 0;}
	
#banner-cases { margin: 0 0 10px 10px;}

/* !product list */	
#ls-products { margin: 0 0 30px 15px;}
	#ls-products li { float: left; width: 150px; margin-bottom: 30px;}
	#ls-products li a { display: block; text-transform: uppercase; text-align: center; font-size: .916em;}
	#ls-products li img { border: 1px solid #bababa;}
	#ls-products li span { display: block; margin-top: 10px; text-align: center;}

/* !product infos */	
#product-img { float: left; width: 228px; margin-bottom: 30px; text-align: center;}

#product-infos { float: right; width: 372px;}
	.t-price { margin-bottom: 15px;}
		.t-price dt, .t-price dd, .t-price dt div, .price-box, .special-price { display: inline;}
		.old-price { text-decoration: line-through;}
	
	.text { margin-bottom: 30px;}
	.text p, .text dl, .text ul { margin-bottom: 15px; line-height: 1.4em;}
	.text ul, .text ol, #bloc-acc ul { list-style-type: disc; margin-left: 20px;}
	
	.inside { margin-left: 15px; margin-right: 15px; text-align: justify;}
	
	.ls-colors { float: left; width: 49%; margin-bottom: 30px;}
		.ls-colors li { width: 100%; height: 20px; overflow: hidden; float: left; margin-bottom: 2px;}
		.ls-colors li .color, .ls-colors li p, .ls-colors li a, .ls-colors li .bt-outofstock { float: left;}
		.ls-colors li .color img, .ls-colors li .color .solid { float: left; margin-right: 2px;}
		.ls-colors li .color .solid { display: block; width: 20px; height: 20px; text-indent: -9999px;}
		.ls-colors li .color .solid-big { width: 26px; height: 24px;}
		.ls-colors li p { width: 95px; height: 16px; margin-right: 2px; padding: 4px 4px 0; background: #f5f5f5; overflow: hidden;}
		.ls-colors li p span { font-weight: bold;}
		.ls-colors li p strong { font-size: .83em; font-weight: normal;}
		.ls-colors li .bt-add { margin: 0 0 0;}
		.ls-colors li .bt-outofstock { margin-top: 4px;}
	
	.ls-second { float: right;} 
		
	.color-group { float: none; width: 100%;}
		.color-group li p,
		.ls-short li p { width: 125px; height: 19px; padding-top: 5px;}
		.color-group li .bt-add, .ls-short li .bt-add { margin-top: 1px;}
		.color-group li .bt-outofstock, .ls-short li .bt-outofstock { margin-top: 6px;}
	
	.color-big li { height: auto;}
	.color-big li .color { min-width: 33px;}
	.color-big li p { height: 23px; padding-top: 7px;}
	.color-big li .bt-add { margin-top: 6px;}
	.color-big li .color .solid { width: 30px; height: 30px;}
		
	.ls-short li p { width: 40px;}

/* !products cat */	
#img-side { float: left; width: 327px; padding: 10px; background: #000; overflow: hidden;}
.cart #img-side { width: 194px; padding: 0;}

#ls-cat { margin: 0 15px;}
	#ls-cat li { float: left; width: 100%; padding-bottom: 20px;}
	#ls-cat .img-a { float: left;}
	#ls-cat img { float: left; border: 1px solid #bababa;}
	#ls-cat h3, #ls-cat ul { margin-left: 115px;}
	#ls-cat h3 { margin-bottom: 10px;}
	#ls-cat ul { list-style-type: disc; list-style-position: inside; font-size: .916em;}
	#ls-cat ul li { float: none; display: inline; padding-right: 2px; line-height: 1.3em;}
	#ls-cat ul li span { padding-right: 3px;}

/* !stores */
.ls-store { margin: 0 15px 30px; font-size: .916em;}
	.ls-store .alt { background: #f6f6f6;}
	.ls-store .vcard { padding: 3px;}
	.ls-store .org { float: left; width: 165px; margin-bottom: 0; text-transform: uppercase; font-weight: normal;}
	.ls-store .adr { float: left; width: 185px;}
	.ls-store .tel { float: right; width: 85px; text-align: right;}


/* !contact */
.info-contact { margin-bottom: 30px; font-size: 1.33em;}
h3.legend { margin-bottom: 10px;}


/* !customer */
.col2-set { margin-bottom: 30px;}
	.col2-set .col-1 { float: left; width: 47%;}
	.col2-set .col-2 { float: right; width: 47%;}

.box-title { padding-bottom: 10px;}
	.box-title h4 , .box-title h3 { float: left; margin-bottom: 0;}
	.box-title a { float: left; margin: 3px 0 0 15px; font-size: .916em; color: #999; text-decoration: underline;}

.title-buttons {}
	.title-buttons h2 { float: left;}
	.title-buttons button { float: left; margin: 25px 0 0 15px;}

.split-top { margin: 10px 0; padding: 10px 0 0; border-top: 1px solid #ccc;}

.box { padding: 15px; background: #f4f4f4;}

.data-table { width: 100%; margin-bottom: 15px; border-collapse: collapse; font-size: .916em;}
	#shopping-cart-table *, .data-table thead * { vertical-align: middle;}
	.data-table tbody * { vertical-align: top;}
	.v-mid, .v-middle { vertical-align: middle!important;}
	.data-table th, .data-table td { padding: 3px 6px;  border: 1px solid #ccc; }
	.data-table th, .data-table th * { font-weight: bold;}
	.data-table th { background: #222; color: #fff;}
	.data-table .even { background: #f4f4f4;}
	
	.product-name { margin-bottom: 0;}
	
	.totals { padding-top: 1px;}
	
	.subtotal { width: 60px;}
	.unit-price { width: 70px;}
	.t-date { width: 50px;}
	.t-status { width: 70px;}
	.qty { width: 80px;}
	.a-right { text-align: right;}
	.a-center { text-align: center;}

.opc { position: relative; margin-bottom: 30px; border-top: 1px solid #ccc; }

	.opc .section { width: 100%; float: left;}
 
	.opc .step-title { background: #f4f4f4; padding: 6px 8px; text-align: right; border: 1px solid #ccc; border-top: none; color: #ccc;}
	.opc .step-title .number { float: left; font-weight: bold; padding-right: 5px;}
	.opc .step-title h2 { float: left; font-weight: bold;}
	.opc .step-title a { display: none; float: right; font-size: .916em; line-height: 16px; }
	 
	.opc .allow .step-title { background: #f4f4f4; cursor: pointer; color: #372521;}
	.opc .allow .step-title .number {  }
	.opc .allow .step-title h2 {  }
	 
	.opc .active .step-title { background: #222; padding-bottom: 5px; color: #fff; cursor: default; border-color: #222; }
	.opc .active .step-title .number { }
	.opc .active .step-title h2 { }
	 
	.opc .step { position: relative; padding: 15px 30px 0; background: #fff; border: 1px solid #ccc; border-top: none;}
	.opc .step .tool-tip { right: 30px;}
	
	.sp-methods h4 { margin-bottom: 0;}
	.sp-methods dd { margin-bottom: 10px;}

.please-wait { float: left; margin: 4px; font-size: .916em;}
	.please-wait img { float: left;}
	.please-wait span { float: left; margin: 2px 0 0 5px;}
	
.order-actions { margin: -15px 0 30px;}

address { font-style: italic; color: #666;}

.pager { margin-bottom: 15px; font-size: .916em; color: #999;}
	.pager label { font-size: 1em;}
	.pager .amount { float: left; margin-top: 4px;}
	.pager .limiter { float: right; text-align: right;}
	
.agreement-content { border: 1px solid #ccc; margin-bottom: 5px; padding: 5px; overflow: auto; font-size: .916em; color: #999;}
.agree { padding-bottom: 10px;}

#account-types { margin-bottom: 30px;}

.p_method_paypal_standard .v-middle { padding-left: 5px;}
#checkout-payment-method-load .v-middle { margin-left: 5px;}
	
.credit-cards { float: right;}

#bt-fb { position: absolute; width: 37px; height: 53px; top: 60px; right: -38px; margin: 0 auto;}
#bt-fb a { display: block; width: 37px; height: 53px; background: url(../img/icn-fb.png) 0 0 no-repeat; text-indent: -9999px;}


/* ********************************* */
/* !sidebar */
#ls-menu-sub { }
	#ls-menu-sub li { position: relative; margin-bottom: 20px;}
	#ls-menu-sub li a { display: block; padding: 2px; text-transform: uppercase; font-size: 1.33em; border-top: 1px dashed #dbdbdb; border-bottom: 1px dashed #dbdbdb;}
	#ls-menu-sub li.selected .sm { display: block;}
	#ls-menu-sub li a:hover, #ls-menu-sub li.selected a { background: #e3e3e3}
	#ls-menu-sub li a .flowr { position: absolute; display: none; top: 0; right: -8px; width: 27px; height: 24px; background: url(../img/bg-menu-sub-ovr.png) 0 0 no-repeat;}
	#ls-menu-sub li a:hover .flowr, #ls-menu-sub li.selected .flowr { display: block;}
	#ls-menu-sub .sm { display: none; margin-top: 7px;}
	#ls-menu-sub .sm li { position: static; float: left; width: 151px; line-height: 1em; margin-bottom: 5px; padding-left: 8px; background: url(../img/icn-bullet.gif) 0 3px no-repeat;}
	#ls-menu-sub .sm li a { padding: 0; border: none; font-size: .83em;}
	#ls-menu-sub li.selected .sm a { background: none;}
	#ls-menu-sub .sm li a:hover, #ls-menu-sub .sm li.selected a { color: #C06; background: none;}

#img-section { margin-bottom: 30px;}

/* ********************************* */
/* !footer */
#footer { margin: 0 10px; padding: 10px 0 0; border-top: 10px solid #000;}
	#footer .made { float: left; height: 23px; padding: 4px 0 0 30px; background: url(../img/logo-canada.gif) 0 center no-repeat; font-size: 0.916em; line-height: 1em;}
	#footer div { float: right; width: 675px; text-align: right;}
	#footer div ul { margin-bottom: 5px; padding-right: 3px; border-right: 1px solid #dbdbdb; font-size: .916em; text-align: right;}
	#footer div ul li { display: inline; padding: 0 5px 0 8px; border-left: 1px solid #dbdbdb;}
	#footer div p { padding-bottom: 10px; text-align: right; font-size: 0.83em; color: #999;}

#foot { width: 865px; margin: 10px auto 0; padding-bottom: 30px; font-size: 0.83em;}	
	#foot a { color: #ccc;}
	#creator { float: left; width: 400px; text-align: left; color: #ccc;}
	
	#extras { width: 400px; float: right;}
	#bt-face { float: right; width: 16px; height: 16px; background: url(../img/icn-facebook.gif) 0 0 no-repeat; text-indent: -9999px;}
	#bt-gouv { float: right; margin-left: 5px; padding-left: 21px; line-height: 16px; background: url(../img/icn-gouverneurs.gif) 0 center no-repeat;}

/* ********************************* */
/* !clear */
.clearfix:after,
#wrapper:after,
#header:after,
#ls-products:after,
#content:after,
#col:after,
#ls-cat:after,
.ls-colors:after,
#bloc-acc:after,
#footer:after,
.ls-store .vcard:after,
.col2-set:after,
.i-lg li:after,
.buttons-set:after,
.box-title:after,
.title-buttons:after,
.opc:after,
.opc .step-title:after,
.pager:after,
#footer:after,
#foot:after,
.field:after,
.sm:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}