/* Encodé en UTF-8 */

/*** HTML ELEMENTS ***/
p, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, html, body {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

html {
	height: 100%;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	height: 100%;
	background:#fff url('/images/theme/body-bg.png') repeat-x 0 0;
	color: #999;
}


/*** GENERAL STYLE **/
.hide {
	position: absolute;
	left: -50000px;
}
.clear{
	clear: both;
}


/*** PAGES ***/
#page {
	width: 948px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}

/*** HEADER ***/
#header{
	height: 238px;
}

#logo a{
	display: block;
	width: 313px;
	height: 77px;
	background:url('/images/theme/logo.png') no-repeat 0 0;
	position: absolute;
	top: 15px;
	left: 4px;
}
#logo a.universys{
	width: 205px;
	background:url('/images/theme/logo-universys.png') no-repeat 0 0;
}


#logo a span{
	position: absolute;
	left: -10000px;
}

/*** NAV ***/
ul#nav-0{
	position: absolute;
	top: 155px;
	left: 0;
	background: url(/images/theme/sprite.png) no-repeat -6px -156px;
	width: 944px;
	height: 40px;
	padding: 4px 0 0 4px;
}

ul#nav-0 li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul#nav-0 li a{
	display: block;
	float: left;
	height: 34px;
	font-weight: bold;
	font-size: 1.4em;
	color: #404040;
	text-decoration: none;
	padding: 6px 0 0;
}
ul#nav-0 li a:hover,
ul#nav-0 li a.active{
	background: url(/images/theme/sprite.png) no-repeat -20px -240px;
	color: #fff;
}
ul#nav-0 li.first a:hover,
ul#nav-0 li.first a.active{
	background: url(/images/theme/sprite.png) no-repeat -10px -240px;
	color: #fff;
}
ul#nav-0 li a span{
	display: block;
	float: left;
	border-right: 1px solid #bfbfbf;
	border-left: 1px solid #fff;
	padding: 0 25px;
	height: 29px;
	line-height: 29px;
	cursor: pointer;
}
ul#nav-0 li.first a span{
	border-left: 0;
}
ul#nav-0 li a:hover span,
ul#nav-0 li a.active span{
	border: 0;
	padding: 0 17px;
	padding: 0 26px;
}
ul#nav-0 li.first a:hover span,
ul#nav-0 li.first a.active span,
ul#nav-0 li.first a.active:hover span{
	border: 0;
	padding: 0 26px 0 25px;
}

/*** NAV LANG ***/
ul#lang-nav{
	position: absolute;
	top:  210px;
	right: 0;
}
ul#lang-nav li{
	list-style: none;
	display: inline;
	color: #d3301b;
	font-size: 1.1em;
	padding: 0 5px;
	background: url(/images/theme/sprite.png) no-repeat 100% 5px;
}
ul#lang-nav li a{
	color: #404040;
	font-size: 1em;
	text-decoration: underline;
}
ul#lang-nav li a:hover{
	text-decoration: none;
}
ul#lang-nav li.last{
	background: none;
}

#header a.go-admin{
	position: absolute;
	top: 100px;
	left: 15px;
	width: 280px;
}


/*** GENERAL ***/
#content{
	width: 938px;
	margin: 0 auto;
}

#main-content{
	float: left;
	width: 665px;
}
#sidebar{
	float: right;
	width: 255px;
}
span.red{
	color: #d3301b;
}

/*** MISE EN FORM ***/
#content h1{
	font-size: 2.2em;
	font-weight: normal;
	border-bottom: 1px solid #FFC001;
	padding: 0 0 3px;
	color: #404040;
	margin: 0 0 8px;
}

#main-content h2{
	font-size: 1.6em;
	font-weight: bold;
	color: #404040;
	margin: 16px 0 10px;
}

/* special page registration - si utilisé ailleurs...*/
#content h2.title-registration{
	color:#FFC001;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:12px;
	padding-top:16px;
	position:relative;
	text-transform:uppercase;
}
#content h2.title-registration span.subtitle-registration{
	color:#000000;
	font-size:0.8em;
	left:0;
	position:absolute;
	text-transform:none;
	top:0;
}
/* fin special page registration*/

#main-content h3{
	font-size: 1.4em;
	font-weight: bold;
	color: #6d6d6d;
	margin: 4px 0 10px;
}

#main-content p{
	margin: 12px 0;
	font-size: 1.3em;
	line-height: 135%;
	text-align: justify;
}

#main-content strong{
	font-weight: bold;
	color: #8d8d8d;
}

#content a{
	color: #d3301b;
	text-decoration: underline;
	font-size: 1.3em;
}
#content a:hover{
	text-decoration: none;
}

#main-content ul,
#main-content ol{
	margin: 8px 0 10px 20px;
}
#main-content ul li{
	font-size: 1.3em;
	list-style: none;
	background: url(/images/theme/puce1.png) no-repeat 0 5px;
	padding: 0 0 2px 14px;
}
#main-content ol li{
	font-size: 1.3em;
	padding: 0 0 2px 14px;
	list-style-position: inside;
}
#main-content ul li ul li{
	background-image: url(/images/theme/puce2.png);
}
#main-content ul li ul li ul li{
	background-image: url(/images/theme/puce3.png);
}
#main-content blockquote{
	border-top: 1px solid #A5A5A5;
	border-bottom: 1px solid #A5A5A5;
	padding: 12px 64px;
	margin: 32px 0;
	background: #fbfbfb;
}
#main-content blockquote p{
	margin: 4px 0;
	font-style: italic;
	color: #878787;
}
#main-content  blockquote p.author{
	font-style: normal;
	font-size: 1em;
	color: #000;
}




#content ul li li,
#content ul li p,
#content ul li a,
#content ol li li,
#content ol li p,
#content ol li a,
#content p a{
	font-size: 1em;
}


#main-content img{
	border: 1px solid #656565;
	padding: 3px;
	background: #fff;
}
#main-content img.img-left{
	float: left;
	margin: 2px 14px 14px 0;
}
#main-content img.img-right{
	float: left;
	margin: 2px 0 14px 14px;
}

/* Link button red*/
#page a.link-btn,
#page a.link-btn-grey,
#page a.link-btn-grey:hover{
	display: block;
	background: url(/images/theme/sprite.png) no-repeat 0 -400px;
	height: 24px;
	padding: 0 0 0 14px;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#page a.link-btn span,
#page a.link-btn-grey span,
#page a.link-btn-grey:hover span{
	display: block;
	background: url(/images/theme/sprite.png) no-repeat 100% -400px;
    height: 24px;
	padding: 0 14px 0 0;
	line-height: 24px;
}

/* Link button grey + Link button red hover*/
#page a.link-btn-grey,
#page a.link-btn:hover{
	background-position: 0 -424px;
	color: #d3301b;
}
#page a.link-btn-grey span,
#page a.link-btn:hover span{
	background-position: 100% -424px;
}

/*** HOME ***/

/** promo **/
#mainpromo{
	height: 228px;
	width: 436px;
	background: #D9371F url(/images/theme/home-promo-bg.png) no-repeat 0 0;
	border: 1px solid #942B18;
	position: relative;
	padding: 10px 10px 0 218px;
	margin: 0 0 20px;
}
#content #mainpromo h2{
	color: #000;
	font-size: 1.8em;
	margin: 0 0 7px 0;
}
#content #mainpromo h2 a{
	color: #000;
	text-decoration: none;
	font-size: 1em;
}
#content #mainpromo p{
	color: #fff;
	font-size: 1.3em;
	line-height: 125%;
	margin: 0;
}
#content #mainpromo p.ref{
	color: #ffc001;
	font-size: 1.9em;
	text-transform: uppercase;
	margin: 0 0 6px 0;
}
#content #mainpromo p.ref a{
	color: #ffc001;
	text-decoration: none;
	font-size: 1em;
}
#content #mainpromo p.accroche{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 4px;
}
#content #mainpromo img{
	border: 0;
	padding: 0;
	background: none;	
}
#content #mainpromo a.promo-home-pic{
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: 198px;
	height: 228px;
	text-align: center;
}
#content #mainpromo .logo-brand{
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: url(/images/theme/promo-logo-bg.png) no-repeat 0 0;
	width: 225px;
	height: 36px;
	text-align: center;
	padding: 8px 0 0 0;
}
#content #mainpromo ul{
	margin: 5px 0 6px 10px;
}
#content #mainpromo ul li{
	margin: 0;
	padding: 1px 0 1px 10px;
	background: url(/images/theme/puce5.png) no-repeat 0 6px;
	color: #fff;
}


/** home-intro**/
#content #home-intro{
	width: 395px;
	float: left;
}
#content .home-box h2{
	font-size: 2.2em;
	font-weight: normal;
	border-bottom: 1px solid #FFC001;
	padding: 0 0 3px;
	color: #404040;
	margin: 0 0 8px;
}

/**  home-news **/
#content #home-news{
	width: 250px;
	float: right;
}
#content #home-news ul{
	padding: 0;
	margin: 0;
}
#content #home-news ul li{
	padding: 0 0 10px;
	margin: 0 0 10px;
	font-size: 1em;
	list-style: none;
	background: none;
	border-bottom: 1px dashed #DADADA;
}
#content #home-news ul li h3{
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
	color: #a5a5a5;
}
#content #home-news ul li p{
	font-size: 1.3em;
	margin: 0 0 3px;
}
#content #home-news p.all-news {
	height: 24px;
	margin: 8px 0 12px;
	font-size: 1.1em;
}
#content #home-news p.all-news a {
	float:right;
	font-weight:bold;
}

/*** PRODUCTS ***/

/* main */

/**product-list**/
#content ul.products-list{
	margin: 0;
	padding: 0;
}
#content ul.products-list li{	
	display: block;
	float: left;
	background: none;
	min-height: 145px;
	width: 182px;
	background: #9E9E9E;
	position: relative;
	border: 1px solid #656565;
	padding: 144px 10px 72px 10px;
	margin: 0 17px 17px 0;
	font-size: 1em;
}
#content ul.products-list li.clearli{	
	clear: both;
}
#content ul.products-list li a.product-img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 134px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	background: #EFEFEF url(/images/theme/sprite.png) no-repeat 0 -1700px;	
}
#content ul.products-list li a.product-img img{
	padding: 0;
	background: none;
	border: 0;
}
#content ul.products-list li h2{
	color: #000000;	
	font-weight: bold;
	font-size: 1.3em;
	margin: 6px 0 2px;
	min-height: 38px;
}
#content ul.products-list li p{
	margin: 0;
	color: #fff;
	font-size: 1.2em;
	text-align: left;
}
#content ul.products-list li p.ref{
	color: #ffc001;	
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
}
#content ul.products-list li .brand{
	color: #fff;	
	font-weight: bold;
	text-transform: uppercase;
}

#content ul.products-list li .add-basket-prod,
#content ul.products-list li .add-basket{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 72px;
	width: 202px;
	background: #A5A5A5;
	margin: 0;
	padding: 0;
}

#content ul.products-list li a.add-basket{
	text-align: center;
	color: #fff;
	text-decoration: none;
	height: 52px;
	padding-top: 20px;
}

#content ul.products-list li .add-basket-prod{
	padding: 2px 0 0 8px;
	width: 194px;
	height: 70px;
}

#content ul.products-list li a.add-basket span{
	display: inline-block;
	background: url(/images/theme/sprite-ico.png) no-repeat 0 0;
	height: 34px;
	font-size: 1.2em;
	padding: 0 10px 0 36px;
	text-decoration: underline;
	line-height: 34px;	
	}
#content ul.products-list li form.add-basket-prod p{
	/*margin: 0 10px 4px;*/
}
#content ul.products-list li form.add-basket-prod p.price{
	width: 185px;
	height: 34px;	
	background: url(/images/theme/sprite.png) no-repeat 0 -800px;
	color: #d3301b;
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	line-height: 34px;
	text-transform: uppercase;
	margin: 0 0 2px;
}
#content ul.products-list li form.add-basket-prod p.price-promo{	
	background-position: -200px -800px;
	font-size: 1.2em;
	font-size: 1.2em;
	line-height: 14px;
	height: 31px;
	padding-top: 3px;
}
#content ul.products-list li form.add-basket-prod p.price-promo span.old-price{	
	font-size: 0.9em;
	font-weight: normal;
	color: #404040;
}
#content ul.products-list li form.add-basket-prod p.quantity{
	position: relative;	
	padding: 5px 0 0;
}
#content ul.products-list li form.add-basket-prod input.add{	
	position: absolute;
	top: 0;
	right: 9px;
	border: 0;
	background: none;
	font-size: 0.01em;
	padding-top: 33px;
	height: 3px;
	width: 33px;
	background: #A5A5A5;
	color: #A5A5A5;
	background: url(/images/theme/sprite-ico.png) no-repeat 0 -1px;
	cursor: pointer;
}

#content ul.products-list li form.add-basket-prod p.quantity a.add-qt,
#content ul.products-list li form.add-basket-prod p.quantity a.del-qt{
	position: absolute;
	bottom: 0px;
	width: 20px;
	height: 20px;
	background: url(/images/theme/sprite-ico.png) no-repeat 0px -160px;
	outline: none;
	display: none;
}
body.jstrue #content ul.products-list li form.add-basket-prod p.quantity a.add-qt,
body.jstrue #content ul.products-list li form.add-basket-prod p.quantity a.del-qt{
	display: block;
}
#content ul.products-list li form.add-basket-prod p.quantity  a.add-qt{
	left: 108px;
}
#content ul.products-list li form.add-basket-prod p.quantity  a.del-qt{
	left: 126px;
	background-position: 0px -240px;
}

#content ul.products-list li form.add-basket-prod input.text{	
	width: 82px;
	color: #d3301b;
	text-align: right;
}

body.jstrue #content ul.products-list li form.add-basket-prod input.text{	
	width: 98px;
}
/**product-cat**/
#content ul.products-cat{
	margin: 0;
	padding: 0;
}
#content ul.products-cat li{	
	display: block;
	float: left;
	background: none;
	min-height: 43px;
	width: 204px;
	background: #EFEFEF;
	position: relative;
	border: 1px solid #656565;
	padding: 145px 0 0;
	margin: 0 15px 17px 0;
	font-size: 1em;
}
#content ul.products-cat li h2{	
	height: 43px;
	background: #EFEFEF url(/images/theme/sprite.png) repeat-x 0 -2140px;
	margin: 0;
	text-align: center;
}
#content ul.products-cat li h2 a{	
	display: block;
	height: 41px;
	padding: 2px 0 0;
	color: #fff;
	text-decoration: none;
}
#content ul.products-cat li a.product-img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 134px;
	width: 204px;
	text-align: center;
	padding-top: 10px;
	background: #EFEFEF url(/images/theme/sprite.png) no-repeat 0 -1700px;	
	z-index:10;
}
#content ul.products-cat li a.product-img img{
	background: none;
	padding: 0;
	border: 0;
}

/* banniere product new */
#content p.prod-new{
	position: absolute;
	width: 80px;
	height: 80px;
	background: url(/images/theme/product-new.png) no-repeat 0 0;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 200;
}

/* product fiche */
#content form.add-basket{
	float: right;
	width: 317px;
	min-height: 198px;
	position: relative;
	padding-bottom: 100px;
	margin-right: 5px;
}
#content form.add-basket h1{
	font-weight: bold;
	font-size: 1.9em;
	line-height: 100%;
}
#content form.add-basket h1 span.ref{
	display: block;
	text-transform: uppercase;
	color: #ffc001;
	font-weight: normal;
}
#content form.add-basket h1 span.brand{
	display: block;
	color: #999;
	padding: 2px 0;
}

#content form.add-basket p.p-statut{
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 150px;
	height: 36px;
	background: url(/images/theme/sprite.png) no-repeat 0 -560px;
	text-align: center;
	margin: 0;
	padding-top: 4px;
	line-height: 110%;
}
#content form.add-basket p.p-statut span{
	color: #d3301b;
	display: block;
	font-weight: bold;
}
#content form.add-basket p.p-price{
	position: absolute;
	bottom: 50px;
	right: 0px;
	width: 147px;
	padding: 0 5px;
	height: 40px;
	margin: 0;
	background: url(/images/theme/sprite.png) no-repeat -200px -560px;
	text-align: center;
	color: #d3301b;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 40px;
}
#content form.add-basket p.p-promo{	
	padding: 5px 0px 0 5px;
	height: 35px;
	font-size: 1.3em;
	line-height: 115%;
	text-transform: uppercase;
	text-align: left;
	width: 152px;
}


#content form.add-basket p.p-promo span.old-price{
	color: #404040;
	font-size: 0.9em;
}
#content form.add-basket p.p-promo span.old-price span.price-label{
	font-size: 0.8em;
}
#content form.add-basket p.p-promo span.price-label{
	font-size: 0.7em;
}

#content form.add-basket p.p-quantity{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 317px;
	height: 42px;
	background: url(/images/theme/sprite.png) no-repeat 0px -620px;
	margin: 0;
}
#content form.add-basket p.p-quantity input.text{
	width: 72px;
	border: 1px solid #4E4E4E;
	color: #d3301b;
	margin: 9px 0 0 6px;
	text-align: right;
}
body.jstrue #content form.add-basket p.p-quantity input.text{
	width: 92px;
}
#content form.add-basket p.p-quantity a.add-qt,
#content form.add-basket p.p-quantity a.del-qt{
	position: absolute;
	top: 10px;
	width: 20px;
	height: 20px;
	background: url(/images/theme/sprite-ico.png) no-repeat 0px -160px;
	outline: none;
	display: none;
}
body.jstrue #content form.add-basket p.p-quantity a.add-qt,
body.jstrue #content form.add-basket p.p-quantity a.del-qt{
	display: block;
}

#content form.add-basket p.p-quantity a.add-qt{
	left: 110px;
}
#content form.add-basket p.p-quantity a.del-qt{
	left: 132px;
	background-position: 0px -240px;
}

#content form.add-basket p.p-quantity input.add{
	position: absolute;
	top: 1px;
	right: 3px;
	border: 0;
	background: 0;
	background: url(/images/theme/sprite-ico.png) no-repeat 0px 2px;	
	padding-left: 34px;	height: 36px;
	text-decoration: underline;
	cursor: pointer;
	color: #404040;
}

#content form.add-basket p.p-quantity input.add:hover{
	text-decoration: none;
}

#content .product-pic{
	float: left;
	width: 315px;
	border: 1px solid #656565;
	background: #EBEBEB;
	text-align: center;
	position: relative;
}

body.jstrue #content .product-pic{
	background: #EBEBEB url(/images/theme/sprite.png) repeat-x 0 -1300px;
	height: 298px;
}

#content .product-pic img{
	padding: 0;
	border: 0;
	background: none;
}


#content .product-pic img.product-big-pic{
	margin: 9px 0 0 0;
}
/*body.jstrue #content .product-pic img.product-big-pic{
	position
	margin: 0;
}*/

#content ul#product-pic-list{
	margin: 6px 0;
}
body.jstrue #content ul#product-pic-list{
	height: 72px;
	z-index: 30;
	margin: 0;
	padding: 10px 0 0;
}
#content ul#product-pic-list li{
	display: block;
	float: left;
	background: none;
	padding: 0 8px 8px 8px;
}

#content ul#product-pic-list li a{
	display: block;
	float: left;
	border: 1px solid #656565;
	background: #fff;
	height: 55px;
	width: 60px;
	padding-top: 5px;
}
#content ul#product-pic-list li a img{
	margin: 0;
}

/* Caroussel */
#content #container {
	background: #9A9A9A url(/images/theme/sprite.png) repeat-x 0 -1600px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 40px 0 40px;
	height: 80px;
	width: 235px;
	margin: 12px 0 0;
}
#content #sub-container {
	width: 230px;
	height: 80px;
	overflow: hidden;
}
#content #container a#previous{
	position: absolute;
	top: 25px;
	left: 0;
	width: 40px;
	height: 40px;
	z-index: 20;
	background: url(/images/theme/sprite-ico.png) no-repeat center -620px;
	outline: none;
}
#content #container a#previous:hover{
	background-position: center -680px;
}
#content #container a#next{
	position: absolute;
	top: 25px;
	right: 0;
	width: 40px;
	height: 40px;
	z-index: 21;
	background: url(/images/theme/sprite-ico.png) no-repeat center -500px;
	outline: none;
}
#content #container a#next:hover{
	background-position: center -560px;
}
#content #container a.arrow-hide{
	display: none;
}


/*** ONGLETS ***/
#main-content .onglet{
	margin-top: 20px;
}
#main-content .onglet ul.head{
	margin: 0;
	height: 37px;
	border-bottom: 1px solid #ccc;
}
#main-content .onglet ul.head li{
	float: left;
	background: none;
	padding: 0;
	margin: 0 2px 0 0;
	font-size: 1em;
}
#main-content .onglet ul.head li a{
	display: block;
	float: left;
	background: url(/images/theme/sprite.png) no-repeat 0 -680px;
	height: 37px;
	padding: 0 0 0 30px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #737373;
}
#main-content .onglet ul.head li a span{	
	display: block;
	background: url(/images/theme/sprite.png) no-repeat 100% -680px;
    height: 37px;
	padding: 0 30px 0 0;
	line-height: 37px;
}
#main-content .onglet ul.head li a:hover,
#main-content .onglet ul.head li.active a{
	background: url(/images/theme/sprite.png) no-repeat 0 -740px;
	color: #d3301b;
	height: 38px;
}
#main-content .onglet ul.head li a:hover span,
#main-content .onglet ul.head li.active a span{
	background: url(/images/theme/sprite.png) no-repeat 100% -740px;
	height: 38px;
}

#main-content .onglet .body{
	clear: both;
	margin: 0;
	padding: 12px 10px;
	background: #E6E6E6;
	border: 1px solid #ccc;
	border-top: 0;
	color: #404040;
}
#main-content .onglet .body strong{
	color: #404040;
}
#main-content .onglet .body p{
	margin: 0 0 0 8px;
}


/* Liste de specifications dans les onglets*/
#main-content ul.specifications{
	margin: 0;
}
#main-content ul.specifications li{
	border-bottom: 1px dashed #959595;
	padding: 4px 0 4px 4px;
	background: none;
}
#main-content ul.specifications li.last{
	border: 0;
}
#main-content ul.specifications li a{
	color: #404040;
	text-decoration: none;
}
#main-content ul.specifications li a:hover{
	text-decoration: underline;
}

#main-content ul.specifications li a{
	display: block;
	text-decoration: none;
	padding: 0 5px 0 34px;
	background: url(/images/theme/ico-pdf.png) no-repeat 5px 0;
	line-height: 20px;
}
#main-content ul.specifications li.file-pdf a{
	background: url(/images/theme/ico-pdf.png) no-repeat 5px 0;
}







/* product promo */
/*.price-deleted{
	text-decoration: line-through;
}*/










/* sidebar */
body.products #sidebar{
	background: url(/images/theme/sprite.png) no-repeat 0 -2200px;
	padding: 5px 0 0 0;
	margin-top: 56px;
}
#sidebar .catlist-bottom{
	height: 3px;
	background: url(/images/theme/sprite.png) no-repeat -300px -2201px;
}

/** cat 0 **/
#sidebar ul.cat-0{
	background: #f1f1f1 url(/images/theme/sprite.png) no-repeat 0 -2240px;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	padding: 0 0 1px 3px;
}
#sidebar ul.cat-0 li{
	font-size: 1em;
	padding: 0;
}
#sidebar ul.cat-0 li a{
	display: block;
	background: url(/images/theme/sprite-sidenav.png) no-repeat 0 100%;
	width: 247px;
	padding-bottom: 4px;
	text-decoration: none;
	margin-bottom: 4px;
}
#sidebar ul.cat-0 li a span{
	display: block;
	background: url(/images/theme/sprite-sidenav.png) no-repeat 0 0;
	width: 217px;
	min-height: 21px;
	padding: 7px 0 0 30px;
	font-size: 1.5em;
	color: #404040;
	font-weight: bold;
	cursor: pointer;
}
#sidebar ul.cat-0 li a:hover,
#sidebar ul.cat-0 li a.active{
	background-position: -250px 100%;
}

#sidebar ul.cat-0 li a:hover span,
#sidebar ul.cat-0 li a.active span{
	background-position: -250px 0;
	color: #fff;
}



/** cat 1 **/
#sidebar ul.cat-1{
	background: none;
	border: 0;
	padding: 0 0 0 7px;
}
#sidebar ul.cat-1 li a{
	background: url(/images/theme/sprite-sidenav.png) no-repeat -500px 100%;
	width: 240px;
}
#sidebar ul.cat-1 li a span{
	background: url(/images/theme/sprite-sidenav.png) no-repeat -500px 0;
	width: 220px;	
	padding-left: 20px;
	color: #737373;	
}
#sidebar ul.cat-1 li a:hover,
#sidebar ul.cat-1 li a.sub-active{
	background-position: -750px 100%;
}
#sidebar ul.cat-1 li a:hover span,
#sidebar ul.cat-1 li a.sub-active span{
	background-position: -750px 0;
	color: #d3301b;
}

/** cat 2 **/
#sidebar ul.cat-2{
	background: none;
	border: 0;
	padding: 0 0 0 5px;
}
#sidebar ul.cat-2 li a{
	background: url(/images/theme/sprite-sidenav.png) no-repeat -1000px 100%;
	width: 235px;	
}
#sidebar ul.cat-2 li a span{
	background: url(/images/theme/sprite-sidenav.png) no-repeat -1000px 0;
	width: 215px;	
	padding-left: 20px;
	color: #a6a6a6;
}
#sidebar ul.cat-2 li a:hover{
	background-position: -1000px 100%;
}
#sidebar ul.cat-2 li a:hover span{
	background-position: -1000px 0;
	color: #7f7f7f;
}


/*** TAG ***/
#main-content .tag{
	background: url(/images/theme/sprite-sidenav.png) no-repeat -2860px 100%;
	width: 665px;
	padding-bottom: 3px;
	position: relative;
	margin-bottom: 22px;
}
#main-content .tag h2{
	position: absolute;
	font-size: 1.3em;
	top: 8px;
	left: 7px;
	margin: 0;
}
#main-content .tag ul{
	margin: 0;
	padding: 0;
	background: url(/images/theme/sprite-sidenav.png) no-repeat -2860px 0;
	width: 535px;
	padding: 8px 10px 5px 130px;
}
#main-content .tag ul li{
	background: 0;
	display: inline;
	padding: 0;
	background: url(/images/theme/sprite.png) no-repeat 100% 6px;
}
#main-content .tag ul li a{
	color: #404040;
	text-decoration: none;
	padding: 0 6px 0 6px;
	line-height: 140%;
}
#main-content .tag ul li.first a{
	color: #404040;
	text-decoration: none;
	padding: 0 6px 0 0;
}
#main-content .tag ul li.last{
	background: none;
}
#main-content .tag ul li.last a{
	color: #404040;
	text-decoration: none;
	padding: 0 0 0 6px;
}
#main-content .tag ul li a:hover{
	color: #d33b01;
}

/*** BASKET ***/
#main-content table.basket{
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #D8D8D8;
	color: #000;
}
#main-content table.basket th{
	font-size: 1.3em;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	padding: 0 3px 10px 3px;
}
#main-content table.basket th.del{
	background: url(/images/theme/sprite-ico.png) no-repeat center -330px;
	width: 24px;
}
#main-content table.basket th.first{
	text-align: left;
}
#main-content table.basket th.brand{
	width: 60px;
}
#main-content table.basket th.th-qt{
	width: 78px;
}
body.jstrue #main-content table.basket th.th-qt{
	/*width: 118px; - avec lle i*/
	width: 100px;
}
#main-content table.basket th.first,
#main-content table.basket td.first{
	border-left: 0;
}
#main-content table.basket th.last,
#main-content table.basket td.last{
	border-right: 0;
}
#main-content table.basket td{
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	padding: 4px 5px;
	font-size: 1.2em;
	vertical-align: top;
}
#main-content table.basket tr.even{
	background: #F3F3F3;
}

#main-content table.basket td.first{
	color: #d3301b;
	width: 120px;
}
#main-content table.basket td.first a{
	font-size: 1em;
	text-decoration: none;
}
#main-content table.basket td.price,
#main-content table.basket td.quantity{
	text-align: right;
}
#main-content table.basket td.price{
	width: 60px;
}
#main-content table.basket td.del a{
	display: block;
	width: 18px;
	height: 20px;
	background: url(/images/theme/sprite-ico.png) no-repeat center -384px;
	cursor: pointer;
}
#main-content table.basket td input.qt{
	width: 40px;
	float: left;
	margin-right: 2px;
}
#main-content table.basket td a.add-qt,
#main-content table.basket td a.del-qt,
#main-content table.basket td a.i-qt{
	float: left;
	width: 22px;
	height: 20px;
	background: url(/images/theme/sprite-ico.png) no-repeat 0px -160px;
	outline: none;
	display: none;
}
body.jstrue #main-content table.basket td a.add-qt,
body.jstrue #main-content table.basket td a.del-qt,
body.jstrue #main-content table.basket td a.i-qt{
	display: block;	
}

#main-content table.basket td a.del-qt{
	background-position: 0px -240px;
}
#main-content table.basket td a.i-qt{
	background-position: 0px -440px;
	width: 17px;
}

#main-content p.basket-total{
	clear: right;
	float: right;
	background: url(/images/theme/sprite.png) no-repeat 100% -620px;
	width: 378px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	color: #404040;
	margin: 12px 0 24px;
}

#content #main-content p.checkout-delivery {
	clear: right;
	float: right;
	width: 375px;
	color: #808080;
	margin: 0;
	padding:0;
	font-size: 1.1em;
}

#main-content form.ft-1 p.basket-total{
	margin: 8px 0 10px;
}
#main-content p.basket-total strong{
	color: #d3301b;
}
#main-content p.basket-total sub{
	vertical-align: baseline;
	font-size: 0.7em;
	text-transform: none;
}
#main-content .price-infos{
	float: right;
	background: url(/images/theme/sprite-sidenav.png) no-repeat -3549px 100%;
	width: 378px;
	text-align: right;
	margin: 12px 0 4px;
	padding-bottom: 3px;
	color: #404040;
}
#main-content form.ft-1 .price-infos{
	margin: 12px 0 4px;
}

#main-content .price-infos .pi{
	background: url(/images/theme/sprite-sidenav.png) no-repeat -3549px 0;
	width: 358px;
	padding: 6px 10px 3px;
}

#main-content .price-infos .pi{
	display: block;
	background: url(/images/theme/sprite-sidenav.png) no-repeat -3549px 0;
	width: 358px;
	padding: 6px 10px 3px;
}

#main-content .price-infos .pi table.pi-tab{	
	float: right;
}

#main-content .price-infos .pi table.pi-tab td{	
	font-size: 1.3em;
}

#main-content .price-infos .pi table.pi-tab td.td-price{	
	text-align: left;
	padding-left: 5px;
	color: #d33b01;
}

#main-content p.basket-action{
	font-size: 1em;
	height: 24px;
}
#main-content p.basket-action input.submit{
	float: right;
	background-position: -350px -340px;
	width: 175px;
	font-size: 1em;
	margin-left: 10px;
}
#main-content p.basket-action input.submit:hover{
	background-position: -350px -364px;;
}
#main-content p.basket-action input.btn-order{
	background-position: -200px -340px;
	width: 120px;
}
#main-content p.basket-action input.btn-order:hover{
	background-position: -200px -364px;
}



/*** Commandes - choix add de facturation et livraison ***/
#content ul.add-list{
	margin: 0;
}
#content ul.add-list li{
	margin: 0 0 14px;
	padding: 0;
	background: none;
}
#content ul.add-list li p.add-select{
	margin: 4px 0;
}
#content ul.add-list li p.add-select label{
	font-weight: bold;
	display: inline;
	color: #404040;
}
#content ul.add-list li p.add-save label{
	display: inline;
}
#content ul.add-list li address{
	font-style: normal;
	margin: 0 0 0 21px;
}
#content form.ft-1 p.order-action{
	font-size: 1em;
	text-align: right;
	margin: 10px 0;
}
#content form.ft-1 p.order-action input.submit{
	font-size: 1em;
	background-position: -350px -340px;
	width: 175px;
}
#content form.ft-1 p.order-action input.submit:hover{
	background-position: -350px -364px;;
}



/*** Commandes - recapitulatif ***/
body.checkout #content h1 span{
	color: #d3301b;
}
#content ul.summary-add{
	margin: 20px 0 18px;
}
#content ul.summary-add li{
	display: block;
	float: left;
	width: 310px;
	background: none;
	font-size: 1em;
	padding: 0 0 12px;
}
#content ul.summary-add li h3{
	font-size: 1.5em;
	color: #404040;
	margin: 0;
}
#content ul.summary-add li address{
	font-style: normal;
	color: #A5A5A5;
	font-size: 1.3em;
}
body.checkout #main-content table.basket{
	margin-top: 10px;
}
body.checkout #main-content h2{
	font-size: 1.5em;
	margin: 25px 0 4px;
	border-bottom: 1px solid #FFC001;
	padding-bottom: 3px;
}
body.checkout #main-content p.order-info{
	margin: 2px 0 8px;
}



/*** Commandes - historique ***/
#main-content .history-cmd{
	background: url(/images/theme/sprite.png) no-repeat 0 -500px;
	width: 665px;
	height: 32px;
	margin: 22px 0 18px;
	color: #404040;
	position: relative;
	cursor: pointer;
}

#main-content .history-cmd p{
	display: block;	
	float: left;
	background: url(/images/theme/sprite.png) no-repeat 100% -500px;
	margin: 0 0 0 4px;
	height: 31px;
	line-height: 31px;
	padding: 0 11px 0 6px;	
	font-weight: bold;
	font-size: 1.2em;
}

#main-content .history-cmd ul{
	float: left;
	margin: 0 25px 0 4px;
	line-height: 32px;
}
#main-content .history-cmd ul li{
	display: inline;
	background: none;
	padding: 0 16px 0 0;
	margin: 0;
}
#main-content .history-cmd ul li span{
	color: #d3301b;
}
#main-content .history-cmd ul li.last{
	padding: 0;
}
body.jstrue #main-content .history-infos{
	display: none;
}
body.history #main-content .history-cmd a{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	background: url(/images/theme/sprite.png) no-repeat 8px -457px;
	outline: none;
}
body.history #main-content .history-cmd:hover a{
	background: url(/images/theme/sprite.png) no-repeat -112px -457px;
}
body.history #main-content .open-history a,
body.history #main-content .open-history:hover a{
	background: url(/images/theme/sprite.png) no-repeat -32px -457px;
}


/*** SIDEBAR STEPS***/

/* general */
#sidebar ul#steps{
	margin-top: 4px;
}
#sidebar ul#steps li{
	font-size: 1em;
	padding: 0;
	position: relative;
}
#sidebar ul#steps li span strong{
	position: absolute;
	top: 9px;
	left: 0;
	width: 30px;
	text-align: center;
}
#sidebar ul#steps li.no-link span strong{
	top: 10px;
}

/* step no link */
#sidebar ul#steps li.no-link{
	display: block;
	background: url(/images/theme/sprite-sidenav.png) no-repeat -1770px 100%;
	width: 255px;
	padding-bottom: 12px;
	text-decoration: none;
	position: relative;
}
#sidebar ul#steps li.no-link-last{
	padding-bottom: 4px;
	background-position: -2290px 100%;
}
#sidebar ul#steps li.no-link span{
	display: block;
	background: url(/images/theme/sprite-sidenav.png) no-repeat -1770px 0;
	width: 225px;
	min-height: 21px;
	padding: 9px 0 0 30px;
	font-size: 1.4em;
	color: #d8d8d8;
	font-weight: bold;
}

/* step link */
#sidebar ul#steps li{
	font-size: 1em;
	padding: 0;
}
#sidebar ul#steps li a{
	display: block;
	background: url(/images/theme/sprite-sidenav.png) no-repeat -1250px 100%;
	width: 255px;
	padding-bottom: 12px;
	text-decoration: none;
}
#sidebar ul#steps li a span{
	display: block;
	background: url(/images/theme/sprite-sidenav.png) no-repeat -1250px 0;
	width: 225px;
	min-height: 21px;
	padding: 9px 0 0 30px;
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
}
#sidebar ul#steps li a:hover{
	background-position: -1510px 100%;
}
#sidebar ul#steps li a:hover span{
	background-position: -1510px 0;
	color: #fff;
}
#sidebar ul#steps li a:hover span strong,
#sidebar ul#steps li.actif a span strong{
	color: #fff;
}

/* step link  actif*/
#sidebar ul#steps li.actif a{
	background-position: -1510px 100%;
}
#sidebar ul#steps li.actif a span{
	background-position: -1510px 0;
	color: #d3301b;
}
#sidebar ul#steps li.actif-last a{
	padding-bottom: 4px;
	background-position: -2030px 100%;
}

/*Dernier lien*/
#sidebar ul#steps li.link-last a{
	padding-bottom: 4px;
	background-position: -2550px 100%;
}
#sidebar ul#steps li.link-last a:hover{
	padding-bottom: 4px;
	background-position: -2030px 100%;
}





/*** SUBSCRIBE ***/

#content form.ft-1 p.add-add{
	margin: 18px 0;
}
#content form.ft-1 p.add-add a{
	display: inline-block;
	background: url(/images/theme/sprite-ico.png) no-repeat 0px -160px;
	padding-left: 25px;
	height: 28px;
}
/*#content form.ft-1 p.add-add a:hover{
	background-position: 0px -160px;
}*/


/* sidebar specific */
body.registration #sidebar{
	background: url(/images/theme/sprite.png) no-repeat -600px -2200px;
	padding: 4px 0 0 0;
}
body.registration  #sidebar .registration-help{
	background: #878787 url(/images/theme/sprite.png) no-repeat -600px -2240px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	padding: 4px 10px;
	color: #fff;
}
body.registration  #sidebar .registration-help-bottom{
	background: url(/images/theme/sprite.png) no-repeat -300px -2220px;
	height: 4px;
}
/*body.registration  #sidebar .registration-help h2{
	font-size: 1.5em;
	text-transform: uppercase;
	color: #ffc001;
	position: relative;
	padding-top: 16px;
	margin-bottom: 12px;
	font-weight: bold;
}
body.registration  #sidebar .registration-help h2 span{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.8em;
	text-transform: none;
	color: #000;
}*/
body.registration  #sidebar .registration-help ol,
body.registration  #sidebar .registration-help ul{
	margin: 8px 0;
}
body.registration  #sidebar .registration-help li{
	padding: 4px 0;
}










/*** NEWS ***/

/* Liste des news */
ul#news{
	margin: 0;
}
ul#news li{
	background: none;
	padding: 14px 0;
	margin: 0;
	border-bottom: 1px dashed #dadada;
}
ul#news li.last{
	border: 0;
}
ul#news li h2{
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
	color: #a5a5a5;
	margin: 0;
	padding: 0 0 0 100px;
}
ul#news li h2 a{
	font-size: 1em;
	color: #a5a5a5;
	text-decoration: none;
}
ul#news li h2 span.date{
	position: absolute;
	top: 0;
	left: 0;
	border-right: 1px solid #a5a5a5;
	padding: 0 10px 0 0;
	color: #d3301b;
}
ul#news li p{
	margin: 3px 0;
}

/* News complète */
body.news #main-content h1.news-title{
	position: relative;
	padding: 0 0 3px 130px;
}
body.news #main-content h1 span.date{
	position: absolute;
	top: 0;
	left: 0;
	border-right: 2px solid #404040;
	padding: 0 10px 0 0;
	color: #d3301b;
}

/*** DOWNLOADS ***/
#main-content ul#downloads{
	margin: 0;
	padding: 0;	
}
#main-content ul#downloads li{
	background: none;	
	width: 100%;
	border-bottom: 1px dashed #a5a5a5;
	padding: 6px 0;
	color: #d3301b;
	clear: both;
}
#main-content ul#downloads li a{
	display: block-inline;
	color: #a5a5a5;
	text-decoration: none;
	padding: 0 5px 5px 34px;
	background: url(/images/theme/ico-pdf.png) no-repeat 5px 0;
	line-height: 20px;
}

#main-content ul#downloads li.file-pdf a{
	background: url(/images/theme/ico-pdf.png) no-repeat 5px 0;
}
#main-content ul#downloads li.last{
	border: 0;
}

#main-content ul#downloads li a:hover{
	text-decoration: underline;
}



/*** SEARCH ***/
body.search #main-content ul li {
	font-size: 1em;
	background: url(/images/theme/ico-raquo.png) no-repeat 0 6px;
	padding: 0 0 6px 18px;
}
body.search #main-content ul li h3{
	font-size: 1.3em;
	margin: 0 0 2px;
	padding: 0;
}
body.search #main-content ul li p{
	font-size: 1.2em;
	margin: 0;
}
body.search #main-content ul li p a{
	text-decoration: none;
	color: #404040;
}

/*** CONTACT ***/
body.contact #main-content img.contact-pic{
	float: right;
}

body.contact #main-content address{
	float: left;
	width: 280px;
	font-style: normal;
	font-size: 1.3em;
	line-height: 130%;
	margin: 0 0 20px;
	padding: 0;
}
body.contact #main-content address strong{
	color: #000;
	font-size: 1.2em;
	display: inline-block;
	margin: 0 0 4px;
}
body.contact #main-content address span.infos{
	display: inline-block;
	margin: 4px 0 0;
}
body.contact #main-content form#contact-form{
	clear: both;
}
body.contact #main-content a.link-btn{
	width: 120px;
	clear: left;
	margin-top: 20px;
	font-size: 1.1em;
}

/*** LOST-PASSWORD ***/
body.lost-password form#lostpassword-form input.text{
	width : 300px;
	color: #d3301b;
}
body.lost-password form input.submit{
	vertical-align: bottom;
}



/*** MESSAGE ERREUR / SUCCESS ***/
#main-content .err,
#main-content .ok{
	border-left: 2px solid #d3301b;
	margin: 20px 40px 16px 28px;
	padding: 2px 0 2px 15px;
	text-align: left;
}
#main-content .err li,
#main-content .ok li{
	background: none;
	padding: 2px 0;
}
#main-content .ok{
	border-left: 2px solid #50a547;
}




/*** SIDEBAR ***/

/* sidebar specific */
body.contact #sidebar,
body.files #sidebar{
	background: url(/images/theme/sprite.png) no-repeat 0 -2200px;
	padding: 5px 0 0 0;
}


#sidebar p{
	margin: 4px 0;
	font-size: 1.3em;
	line-height: 135%;
	text-align: left;
}
#sidebar ul li{
	list-style: none;	
	font-size: 1.3em;
	padding: 0 0 2px;
}
#sidebar ol li{
	font-size: 1.3em;
	padding: 0 0 2px;	
	list-style-position: inside;
}


/* Sidebar liste de news */
ul#side-news li{
	padding: 6px 0;
	margin: 0;
	border-bottom: 1px dashed #DADADA;
}
ul#side-news li.last{
	border: 0;
}
ul#side-news li h2{
	font-size: 1em;
	font-weight: bold;
}
ul#side-news li h2 a{
	color: #a5a5a5;
	text-decoration: none;
}
ul#side-news li a.savp{
	padding: 0 0 0 8px;
}
#sidebar p.all-news {
	height: 24px;
	margin: 8px 0 12px;
	font-size: 1.1em;
}
#sidebar p.all-news a{
	float: right;
	font-weight: bold;
}

/* Sidebar liste de news */
ul#side-promo {
	margin: 0 0 20px;
}
ul#side-promo li{
	border: 1px solid #656565;
	background: #878787;
	padding: 152px 10px 10px;
	position: relative;
	font-size: 1em;
	margin: 0 0 10px;
}
ul#side-promo li .promo-img{
	position: absolute;
	background: url(/images/theme/sprite.png) repeat-x 0 -1700px;
	top: 0;
	left: 0;
	width: 253px;
	height: 132px;
	padding-top: 10px;
	text-align: center;
}
ul#side-promo li h2{
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
}
ul#side-promo li h2 a{
	color: #000;
	text-decoration: none;
	font-size: 1em;
}
ul#side-promo li p{
	color: #fff;
	font-size: 1.2em;
	line-height: 120%;
}
ul#side-promo li p.ref{
	color: #ffc001;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 2px 0 4px 0;
}
ul#side-promo li ul{
	margin: 5px 0 6px 4px;
}
ul#side-promo li ul li{
	border: 0;
	background: url(/images/theme/puce4.png) no-repeat 0 6px;
	padding: 1px 0 1px 12px;
	position: static;
	font-size: 1.2em;
	margin: 0;
	color: #fff;
}
ul#side-promo li ul li li{
	font-size: 1em;
}



/*** BREAD-CRUMP ***/
#main-content .breadcrump{
	background: url(/images/theme/sprite.png) no-repeat 0 -500px;
	width: 665px;
	height: 32px;
	margin: 0 0 18px;
}

#main-content .breadcrump p{
	display: block;	
	float: left;
	background: url(/images/theme/sprite.png) no-repeat 100% -500px;
	margin: 0 0 0 4px;
	height: 31px;
	line-height: 31px;
	padding: 0 11px 0 6px;
	color: #404040;
	font-weight: bold;
	font-size: 1.2em;
}

#main-content .breadcrump ul{
	float: left;
	margin: 0;
	line-height: 32px;
}
#main-content .breadcrump ul li{
	display: inline;
	background: url(/images/theme/sprite.png) no-repeat 100% -460px;
	color: #d3301b;
	padding: 0 16px 0 6px;
	margin: 0;
}
#main-content .breadcrump ul li.last{
	background: none;
}
#main-content .breadcrump ul li a{
	color: #737373;
	text-decoration: none;
}
#main-content .breadcrump ul li.current a,
#main-content .breadcrump ul li a:hover{
	color: #d3301b;
}

/*** PAGINATION ***/
#pagination,
#pagination-alpha{
	background: url(/images/theme/sprite.png) no-repeat 0 -500px;
	width: 665px;
	height: 32px;
	margin: 22px 0 18px;
	clear: both;
}

#pagination p.pagination-title,
#pagination-alpha p.pagination-title{
	display: block;	
	float: left;
	background: url(/images/theme/sprite.png) no-repeat 100% -500px;
	margin: 0 0 0 4px;
	height: 31px;
	line-height: 31px;
	padding: 0 11px 0 6px;
	color: #404040;
	font-weight: bold;
	font-size: 1.2em;
}

#pagination ul.pagination,
#pagination-alpha ul.pagination{
	float: left;
	margin: 0 0 0 6px;
}
#pagination ul.pagination li,
#pagination-alpha ul.pagination li{
	display: inline;
	background: url(/images/theme/sepa-pagination.png) no-repeat 100% 55%;
	color: #737373;
	padding: 0 6px;
	margin: 0;
	line-height: 32px;
}
#pagination-alpha ul.pagination li{
	padding: 0 3px;
	color: #c3c3c3;
}

#pagination ul.pagination li.last,
#pagination-alpha ul.pagination li.last{
	background: none;
	padding: 0 0 0 6px;
}
#pagination-alpha ul.pagination li.last{
	padding: 0 0 0 2px;
}
#pagination ul.pagination li a,
#pagination-alpha  ul.pagination li a{
	color: #737373;
	text-decoration: none;
}
#pagination ul.pagination li.current a,
#pagination  ul.pagination li a:hover,
#pagination-alpha ul.pagination li.current a,
#pagination-alpha  ul.pagination li a:hover{
	color: #d3301b;
}



/*** SELECT PAYS FORM ***/
form#form-selectpays{	
	position: absolute;
	top:  202px;
	right: 110px;
	width: 147px;
}
form#form-selectpays p{	
	display: inline-block;
}
form#form-selectpays label{	
	display: block;
	font-size: 0.8em;
	color: #404040;
}
form#form-selectpays select.text{	
	width: 100px;
	background: url(/images/theme/sprite.png) repeat-x 0 -300px;
	border: 1px solid #4E4E4E;
	color: #d3301b;
	padding: 1px 2px;
}
form#form-selectpays input.submit{	
	font-size: 1.1em;
	margin: 0 0 0 2px;
}
body.jstrue form#form-selectpays{
	top: 207px;
}
body.jstrue form#form-selectpays label,
body.jstrue form#form-selectpays input.submit{
	display: none;
}
body.jstrue form#form-selectpays select.text{	
	width: 137px;
}



/*** BRAND ***/
form#form-selectbrand  {
	position: absolute;
	top: 238px;
	right: 5px;
	width: 255px;
	height: 50px;
	background: url(/images/theme/sprite.png) no-repeat 0 -860px;
	z-index: 2000;
}
form#form-selectbrand label{
	font-size: 1.3em;
	font-weight: bold;
	color: #404040;
	position: absolute;
	top: 14px;
		left: 10px;
	}
form#form-selectbrand select#f-selectbrand{
	position: relative;
	margin: 13px 0 0 75px;
}
body.jstrue form#form-selectbrand select#f-selectbrand{
	position: static;
	margin: 0;
}
form#form-selectbrand .newListSelected{
	position: relative;
	margin: 0 0 0 73px;
	font-size: 1.2em;
}
form#form-selectbrand .newListSelected .selectedTxt{
	padding: 13px 0 0 6px;
	color: #d3301b;
	cursor: pointer;
}
form#form-selectbrand ul.newList{
	background: url(/images/theme/sprite-sidenav.png) no-repeat -3950px 100%;
	width: 177px;
	margin: 7px 0 0 0;
	padding: 2px 0 0;
	overflow-y: scroll;
	height: 304px;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	outline:none;
}
#content form#form-selectbrand ul.newList li{
	list-style: none;
	background: none;
	color: #000;
	padding: 2px 0 1px 6px;
	margin: 0;
	background: #E5E5E5;
	/*border-right: 1px solid #404040;*/
	border-left: 1px solid #404040;
}
#content form#form-selectbrand ul.newList li.hiLite{
	color: #d3301b;
}
#content form#form-selectbrand ul.newList li:hover{
	color: #d3301b;
}

/*Copyright (c) 2009 Scott Darby*/
/*==================================
remove default focus style
====================================*/
form #form-selectbrand select#f-selectbrand:focus,
.newListSelected .selectedTxt {
	outline:none;
}

/*.js ul.newList {
	left:-9999px;
}*/

/*** SELECT Reseau***/
#content form#form-selectIR{
	position: absolute;
	top: 286px;
	right: 5px;
	width: 255px;
	z-index: 1000;
}
#content form#form-selectIR p{
	font-size: 1.2em;
	text-align: right;
}





/*** SEARCH BOX ***/
form#form-search{	
	width: 238px;
	height: 30px;
	position: absolute;
	top:  168px;
	right: 0;
}
form#form-search p{	
	display: inline;	
}
form#form-search input.text{	
	background: url(/images/theme/sprite.png) repeat-x 0 -300px;
	width: 130px;
	border: 1px solid #4E4E4E;
	color: #d3301b;
	padding: 2px 4px;
}
body.jstrue form#form-search input.text{	
	width: 167px;
}
form#form-search input.submit{	
	font-size: 1.1em;
}


/*** CONNEXION BOX ***/

/** non connecté **/
form#form-connexion{	
	background: url(/images/theme/sprite.png) no-repeat -6px -16px;
	width: 213px;
	height: 118px;
	position: absolute;
	top:  16px;
	right: 0;
	color: #404040;
	padding: 10px 25px 0;
}
form#form-connexion h2{	
	font-size: 1.6em;
		font-weight: bold;
	margin-bottom: 0;
}
form#form-connexion input.text{	
	width: 152px;
}
body.jstrue form#form-connexion input.text{	
	width: 202px;
}
form#form-connexion label{	
	display: block;
	float: left;
	font-size: 0.9em;
	width: 50px; 
}
form#form-connexion p{	
	margin: 4px 0;
}

form#form-connexion p.err-login{	
	position: absolute;
	top: 2px;
	right: 27px;
	width: 117px;
	text-align: right;
	color: #d33b01;
}

form#form-connexion p.p-links{	
	position: absolute;
	bottom: 6px;
	left: 25px;
	margin: 0;
}
form#form-connexion p.p-links a{	
	color: #404040;
	text-decoration: none;
	font-size: 1.1em;
}
form#form-connexion p.p-links a:hover{	
	color: #D3301B;
}
form#form-connexion p.p-submit{	
	text-align: right;
	margin: 0;
	padding-top: 3px;
}
form#form-connexion p.p-submit input{	
	background: url(/images/theme/sprite.png) repeat -100px -340px;
	border: 0;
	height: 23px;
	width: 49px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
form#form-connexion p.p-submit input:hover{	
	background-position: -100px -364px;
	color: #d3301b;
}
/** connecté **/
form#form-connexion h2 a{	
	background: url(/images/theme/sprite-ico.png) no-repeat -6px -85px;
	padding-left: 27px;
	color: #404040;
	text-decoration: none;
}

#page form#form-connexion p.p-email{	
	color: #d3301b;
	margin: 0 0 4px;
	font-size: 1.1em;
}

form#form-connexion p.p-items a{	
	display: block;
	background: url(/images/theme/sprite.png) no-repeat -700px -560px;
	color: #404040;
	width: 214px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	font-size: 1.2em;
	text-decoration: none;
}
form#form-connexion p.p-items span{	
	font-weight: bold;
}
form#form-connexion p.p-items span.red span.htva{	
	font-weight: normal;
	font-size: 0.7em;
}
form#form-connexion p.p-order{	
	position: absolute;
	bottom: 6px;
	right: 25px;
}
form#form-connexion p.p-logout{	
	position: absolute;
	top: 9px ;
	right: 25px;
}
form#form-connexion p.p-logout a{	
	color: #404040;
	text-decoration: underline;
	font-size: 1.2em;
}
form#form-connexion p.p-logout a:hover{	
	color: #d3301b;
	text-decoration: none;
}




/*** FORM ***/
form  input.text,
form  select.text,
form  textarea.text{	
	background: url(/images/theme/sprite.png) repeat-x 0 -300px;
	border: 1px solid #4E4E4E;
	color: #747474;
	padding: 2px 4px;
}

form  textarea.text{
	background: url(/images/theme/sprite.png) repeat-x 0 -1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

form  select.text{
	padding: 1px 4px;
}

form input.submit{
	background: url(/images/theme/sprite.png) no-repeat 0 -340px;
	border: 0;
	width: 30px;
	height: 23px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
}
form input.submit:hover{
	background-position: 0 -364px;
	color: #d3301b;
}

/***** type de form différents *****/

/** form type p**/
#main-content form.ft-1 p{
	margin: 5px 27px 5px 0;
}
#main-content form.ft-1 p.fps-last{
	margin-right: 0;
}

/** form paragraphe size**/
#main-content p.fps-tiers{
	float: left;
	width: 200px;
}
#main-content p.fps-demi{
	float: left;
	width: 313px;
}
#main-content p.fps-submit{
	clear: both;
	text-align: right;
	padding: 16px 0 0;
}

#main-content form p.fps-long{
	margin-right: 11px;
}

#main-content p.fps-1{
	float: left;
	width: 110px;
}
#main-content p.fps-2{
	float: left;
	width: 176px;
}
#main-content p.fps-3{
	float: left;
	width: 120px;
}
#main-content p.fps-4{
	float: left;
	width: 245px;
}

/** form type label**/
#main-content form.ft-1 label{
	display: block;
	margin: 0 0 2px;
	text-align: left;
}
#main-content form.ft-1 label span{
	color: #d3301b;
	padding: 0 2px;
}

/** form specificité fields**/
#main-content form.ft-1 input.text{
	width: 100%;
	color: #d3301b;
}
#main-content form.ft-1  input.disable{	
	border: 1px solid #A5A5A5;
	color: #a5a5a5;
}

#main-content form.ft-1 select,
#main-content form.ft-1 p textarea{
	color: #d3301b;
}
#main-content p.fps-1 select{
	width: 118px;
}
#main-content p.fps-4 select{
	width: 243px;
}
#main-content form.ft-1 p textarea.add{
	width: 652px;
	height: 43px;
}
#main-content form.ft-1 p textarea.msg{
	width: 654px;
	height: 148px;
	background-position: 0 -1070px;
}

/** form type fieldset**/
#main-content form.ft-1 fieldset{
	margin: 10px 0 20px;
	padding: 0;
	border: 0;
	position: relative;
}
#main-content form.ft-1 fieldset legend{
	font-size: 1.5em;
	font-weight: bold;
	color: #404040;
}
#main-content form.ft-1 fieldset a.del-add{
	position: absolute;
	top: -15px;
	right: 27px;
	padding: 0 0 0 26px;
	background: url(/images/theme/sprite-ico.png) no-repeat 0 -382px;
}

#main-content form.ft-1 fieldset.f-del legend{
	color: #d33b01;
	text-decoration: line-through;
}
#main-content form.ft-1 fieldset.f-del .text{
	color: #ccc;
	border: 1px solid #d33b01;
	background: #efefef;
	text-decoration: line-through;
}

/** form type input.submit**/
#main-content form.ft-1 input.submit{
	background-position: -200px -340px;
	width: 119px;
}

#main-content form.ft-1 input.submit:hover{
	background-position:  -200px -364px;
}

/*** CONNEXION FORM et FORGOT PASSWORD ***/
#content form.ft-2{
	width: 300px;
}
#content form.ft-2 p{
	margin: 7px 0;
}
#content form.ft-2 p input.text{
	width: 290px;
}
#content form.ft-2 p.p-submit{
	text-align: right;
	font-size: 1em;
}
#content form.ft-2 p.p-submit input.submit{
	font-size: 1em;
	font-weight: bold;
}
#content p.p-forgot-pwd{
	font-size: 1em;
}

/*** MENU ACCESSIBILITY ***/
#accessibility-menu{
	position: absolute;
	left: -10000px;
}

/*** SITEMAP ***/
#main-content ul#sitemap-0, ul#sitemap-0 ul {
	margin: 0 0 0 15px;
	border-left: 1px dotted #000000;
	padding: 6px 0;
}

#main-content ul#sitemap-0 {
	font-size : 1.1em;
	margin: 0 0 0 25px;
}

#main-content ul#sitemap-0 li {
	padding: 0 0 0 15px;
	margin: 3px 0;
	list-style: none;
	background: url(/images/base/sitemap-puce.png) no-repeat 0 7px;
}

/*** FOOTER **/
#spacer-footer	{
	height: 70px;
	clear: both;
}

#footer {
	height: 60px;
	margin-top: -61px;
	border-top: 1px solid #E5E5E5;
	background: #F2F2F2;
}
#footer p{
	width: 948px;
	margin: 0 auto;
	color: #8c8c8c;
	position: relative;
	padding-top: 8px;
}
#footer p.clause{
			width: 648px;
		padding: 8px 300px 0 0;
		
}

#footer p a{
	color: #8c8c8c;
	text-decoration: none;
}

#footer  p  span.by a {	
	position: absolute;
	right: 0;
	top: 14px;
	color: #a7a7a7;
}

/* Encodé en UTF-8 */

/*** overlay ***/
#vita-overlay {
	position: absolute;
	background: url('/images/vitabox/vitabox-overlay-bg.png');
	_background: none;
	top: 0;
	left: 0;
	z-index: 10000;
}


/*** Box***/
#box-msg-login {
	width: 300px;
	height: 110px;
	border: 2px solid #555;
	background: #F0F0F0;
	position: absolute;
	padding: 40px 20px 20px 20px;
}
#box-msg-login p {
	font-size: 1.3em;
}
#box-msg-login p a {
	display: block;
	padding: 6px 0 0;
	color: #D3301B;
}

#box-msg-login a.close-box {
	position: absolute;
	right: 10px;
	top: 8px;
	outline: none;
	text-decoration: none;
	color: #D3301B;
	font-size: 1.5em;
	font-weight: bold;
}/* Encodé en UTF-8 */

/*** MESSAGE TOP ***/
#message-top {
	font-size: 1.4em;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

div.ok #message-top-inner {
	background: #ebf1ec url('/images/base/ok-bg.png') repeat-x 0 0;
	min-height: 100px;
	color: #000;
}

div.ok #message-top-inner-inner {
	background: url('/images/base/ok-bg-icon.png') no-repeat 24px 24px;
	min-height: 100px;
}

div.ok #message-top-inner p {	
	color: #376a02;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	padding: 40px 0 0 120px;
}

div.ko #message-top-inner {
	background: #F1ECEB url('/images/base/ko-bg.png') repeat-x 0 0;
	min-height: 100px;
	color: #000;
}

div.ko #message-top-inner-inner {
	background: url('/images/base/ko-bg-icon.png') no-repeat 24px 19px;
	min-height: 100px;
}

div.ko #message-top-inner p {	
	color: #910000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	padding: 20px 0 0 120px;
}

div.ko #message-top-inner ul {	
	padding: 10px 0 10px 120px;
}

div.ko #message-top-inner ul li {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 400;
	padding: 3px 0 3px 12px;
	color: #000;
	list-style: none;
	background: url('/images/base/ko-puce.png') no-repeat 0 10px;
}

#message-top #close {
	width: 100%;
	height: 41px;
	display: block;
	z-index: 99999;
	padding: 0;
}

div.ok #close {
	background: url('/images/base/ok-close-bg.png') repeat-x 0 0;
}

div.ko #close {
	background: url('/images/base/ko-close-bg.png') repeat-x 0 0;
}

#message-top #close a {
	width: 100%;
	height: 41px;
	display: block;
	outline: none;
}

div.ok #close a {
	background: url('/images/base/ok-close-a-bg-en.png') no-repeat 98% 0;
}

div.ko #close a {
	background: url('/images/base/ko-close-a-bg-en.png') no-repeat 98% 0;
	
}html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('/images/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(/images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(/images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(/images/fancybox/fancy_title_right.png) repeat-x;
}#tooltip {
	position: absolute;
	z-index: 3000;
	color:#656565;
	border: 1px solid #656565;
	padding: 5px;
	max-width:300px;
	width:auto !important;
	width:300px;
	font-size:1.1em;
	background:#fff url(/images/theme/sprite.png) repeat-x 0 -300px;
}
#tooltip h3, #tooltip div { margin: 0; }
