/*
**  @author : wimake
*/

/****
* Librairies (CSS reset...)
****/

html,body,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, 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%;line-height:1.3em;font-family:inherit;}

a img,:link img,:visited img{border:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
ul{list-style:none;}
ol{list-style: decimal inside;}
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select  {font-size:99%}
* {outline:none;margin: 0; padding: 0}


/****
* Styles generaux
****/
html, body {
    font: 11px 'Lucida Grande', arial, 'Bitstream Vera Sans', sans-serif; 
    background: url(/images/shadow_bg.png)  repeat-y center #404040;
    margin: 0;
    padding: 0;
    color: #000000;
    height:100%;
}

a {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#cc0000;}

a.revert {color:#000; font-weight: bold; }
a.revert:hover {color:#cc0000; font-weight: bold; }

a.underlined {text-decoration: underline;}
a.underlined:hover {text-decoration: underline;}

a.black:hover {color:#000;}

a.arrow  {background: url(skin/icon_arrow.png) no-repeat; display: block; padding: 0 0 0 16px; font-size: 11px; font-weight: bold}

/* alignement (vertical-align, text-align */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}

/* positionnement flottant */
.floatL, .float_l {float:left;}
.floatR, .float_r {float:right;}
.clearfl {clear: both;}

/* form elements */
input[type=text] {border: 1px solid #999;font: 12px Arial, Helvetica;}
input[type=submit] {border: 1px solid #999;font: 12px Arial, Helvetica;}
textarea {border: 1px solid #999;font: 12px Arial, Helvetica;}
button {border: 1px solid #999;font: 12px Arial, Helvetica;}
select {border: 1px solid #999;font: 12px Arial, Helvetica;}

/* Structure */
#container {position:relative; background: #000000; margin: 0 auto; width: 1050px; height:auto !important; height:100%; min-height:100%;}
#content {background-color: #FFFFFF; width: 1050px; min-height: 550px;float: left;}

#header {width:1050px; height:82px; background: #000000; padding-top: 20px; padding-bottom: 10px;}
ul.nav { float: left; clear: left; height: 22px;}
ul.nav li {float: left;}
ul.nav li a {float: left;}

#leftnav {float: left; margin-top: 10px; width: 171px;}
#leftnav .big-stamp { margin-bottom: 15px; margin-left: 2px; }
#leftnav .title { font-weight: bold; background: #ccc; padding: 1px 3px 1px 5px;}
#leftnav .spacer { height: 20px; }
#leftnav .search { background: #ccc; }
#leftnav .subnav { }
#leftnav .subnav h2 { background: #eee; margin-top: 3px; padding: 3px 3px 3px 8px; }
#leftnav .subnav h2.active { background: #000; margin-top: 3px; padding: 3px 3px 3px 8px; }
#leftnav .subnav a { font-size: 10px; font-weight: normal; text-transform:uppercase; }
#leftnav .subnav a.active { font-size: 10px; font-weight: normal; color: #fff; margin-left: 5px; }
#leftnav .search-box { background: #eee; padding: 3px;}
#leftnav input[type=text] {border: 1px solid #999; font-size: 11px; width: 135px;}
#leftnav input[type=submit] {border: 1px solid #999; font-size: 11px;}

#main { float: left; padding: 15px 0 15px 15px;  margin-right: 0; width: 830px; min-height: 400px;}
#main-full { float: left; padding: 15px 0 15px 15px; width: 830px; min-height: 400px;}
.intro-square { background: #000; float: left; width: 30px; height: 50px; }
.intro-square span { font-size: 22px; color: #fff; text-align: right; display: block;}
.intro { float: left;  padding: 3px 0 0 3px; margin-bottom: 30px;}
.intro h1 { font-size: 16px; color: #000; overflow: hidden; width: auto;}
.intro span { display: block; margin-left: 4px;}

#maincats { width: 520px; }

#promo { float: left; margin-bottom: 30px; }
#promo .title { float: left; background: #cc0000; padding: 3px; width: 49%; color: #fff; font-weight: bold; min-width: 315px; }
#promo .date { float: left; background: #ccc; padding: 3px; width: 49%; text-align: right; font-weight: bold; min-width: 315px;}
#promo .pourcentage { float: left; font-size: 28px; font-weight: bold; color: #cc0000; display: block; }
#promo .desc { float: left; width: auto; margin: 5px 0 0 10px }
#promo .desc span { display: block; color: #cc0000; font-weight: bold; font-size: 12px; }
#promo .desc small { display: block; font-size: 9px; }

#products-home {}
#products-home div.stamp { float: left; margin: 0 18px 0 0 }
#products-home div.item { float: left; margin: 0 18px 0 0 }
#products-home div.all { clear:both; margin-bottom: 10px; }
#products-home h3 {clear: both; background: #000; color: #fff; padding: 3px; width: 191px; overflow: hidden; font-size: 9px; height: 12px; }
#products-home h3 a { color: #fff; }
#products-home img.main-media { float: left; width: 46px; height: 100px; border-left: 1px solid #eee; overflow: hidden; }
#products-home img.media { float: left; width: 150px; height: 100px; overflow: hidden; }

#products { float: left; width: 850px;  }
#products .main-image { float: left; display: block; }
#products div.item { float: left; }
#products div.item:hover { }
#products img.main-media { float: left; width: 46px; height: 100px; border-left: 1px solid #eee; overflow: hidden; }

#products img.media { float: left; width: 150px; height: 100px; overflow: hidden; }
#products .content { padding: 20px 0 0 5px; float: left; width: 520px;}
#products .info { margin-left: 20px;  height: 367px; }
#products h3 { color: #000; font-size: 22px; margin-bottom: 10px; }
#products .desc { clear: both; display: block; font-size: 14px; }
#products .price { font-weight: bold; font-size: 18px; margin-bottom: 10px; }

#products #nav { width: 800px; border-bottom: 1px solid #000; margin-bottom: 10px; }
#products #nav li { float: left; display: inline; }
#products #nav a { display: block; padding: 5px; }
#products #nav .activeSlide { background: #000 !important;  }
#products .slideshow { height: 500px; width: 820px;}

#product {  }
#product table, #product tr, #product td { vertical-align: top; border: 0; margin: 0; padding: 0; }
#product .main-media { }
#product .detail-media { margin-bottom: 6px; margin-left: 5px; }
#product .title { display: block; background: #000; color: #fff; font-size: 14px; padding: 3px 6px 3px 6px;}
#product .price { display: block; background: #eee; font-size: 12px; padding: 3px 6px 3px 6px; text-align: right; margin-bottom: 6px;}
#product .desc { background: #eee; font-size: 12px; display: block; padding: 6px 12px 6px 12px; width: 825px;}

#product ul { font-weight: bolder; width: 100%; height: 25px;}
#product li { display: inline; }
#product li span { display: block; float: left; margin-bottom: 5px;}
#product span.return { background: url(skin/arrow_return.png) no-repeat left center; width: 320px;  padding-left: 14px;}
#product span.prev { background: url(skin/arrow_prev.png) no-repeat left center; width: 70px;  padding-left: 12px;  }
#product span.next { background: url(skin/arrow_next.png) no-repeat right center; width: 70px;  padding-right: 12px; text-align: right; }
#product span.empty { width:180px; }
#product span.icon { margin-left: 5px; }

#footer {padding-top:10px; padding-bottom:10px; background: #000; color: #fff; font-size: 9px;  font-weight: bolder; min-height: 200px; }
#footer .col { min-width: 180px; margin-right: 30px; float: left;}
#footer ul {display:block; border-left: 1px solid #333; padding-left: 10px;}
#footer a {color:#888;}
#footer a:hover {color:#fff;}
#footer .dark {color:#888;}

#spacer {width: 66px; height: 500px; float: left;}

#form-container .form-row {padding: 5px; text-align: left}
#form-container .form-row .content{padding-left: 6em;}
#form-container .form-row .field2{padding-left: 0;}

#message-box {color: #CC0000;}


/* PAGER */
#pager {float: left; margin: 5px 5px 0 0; width: 100%; height: 20px; padding-top: 3px; border-top: 1px solid #000}
#pager.bottom {margin-top: 8px;}
#pager p {float: right; margin: 0 0 0 5px; padding:0;}
#pager strong {background: #000; margin-right: 1px; padding: 1px 8px; color: #fff;}
#pager a {background: #eee; margin-right: 1px; padding: 1px 8px; }
#pager a:hover {background: #cc0000; color: #fff}
#pager span {float: left; margin-right: 10px;font-weight: bold;}

#cmspage { width: 830px; }
#cmspage h1 {font-size: 16px; margin-bottom: 5px; }
#cmspage h2 {font-size: 14px; margin: 10px 0 5px 0; }
#cmspage h3 {font-size: 12px; margin: 8px 0 3px 0;  }


.pics { height: 480px; width: 200px; overflow: hidden; float: left; border-bottom: 1px solid #ccc; margin-left: 40px;  }
.pics img { height: 480px; width: 200px; top:0; left:0 }
/*.pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px;}*/


.form-row {padding: 5px; text-align: left; border-bottom: 1px solid #eee; }
.form-row label {display: block; padding: 0 1em 3px 0; float: left; text-align: left; width: 12em; color: #333;}
.form_helper { margin-left: 16em; color: #666; font-size: 9px; }

.form-row .radio_list {height: 40px;}
.form-row .radio_list li {float: left; }
.form-row .radio_list li input { float: left; }
.form-row .radio_list li label { float: left; width: 2em; }
.actions { margin-top: 20px; float: right}
.error_list { margin-left: 13em; color: #cc0000; font-size: 9px;}


.meas { padding-top: 20px; }
.meas .mea { padding-top: 10px; }


#flash { position: absolute; top:0px; left: 967px; }

#maincats h2 { background:transparent url(skin/nav_logo.png) no-repeat; padding: 12px 0 0 90px; height: 16px; border-bottom: 1px solid #000; font-size: 16px;}


div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
    left: 470px !important;
	border: 1px solid #999;
	background-color: #FFF;
    maring: 0 !important;
    padding: 0 !important;
}

.slider, .slider li{ width:800px; height:500px; overflow:hidden;}