html {
	background: fixed url(../../pix/bg.jpg) repeat center top;
	background-color:#E5E0D9;
	padding:0px;
}

body {
	margin: 0px auto;
	padding: 0; 
	font: 12px Arial, Verdana, sans-serif; 
	color: #666;
	text-align: center;
	
  
}

#back { overflow:hidden;width:380px; position:relative; height:380px; }

.normal {
font: 12px Arial, Verdana, sans-serif; 
	color: #000;
	}

.lignecaddie, .label {
font: 12px Arial, Verdana, sans-serif; 
	color: #000;
	}
	
.lignecaddie { border-bottom:1px solid #ddd; padding-top:2px}

.petit {
font: 10px Arial, Verdana, sans-serif; 
	color: #000;
	text-align: left;
	}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

h1 {font: normal 22px 'Lucida Sans Unicode', Arial; color:#000; letter-spacing:0px; margin-top:10px; margin-bottom:17px;}
h2 {font: normal 17px Arial; color:#666; letter-spacing:0px; }
h3 {font: normal 20px 'Lucida Sans Unicode','Trebuchet MS', Arial; color:#999; letter-spacing:0px; margin-bottom:0px; margin-left:0px;}
h3 b {color:#038BBD;}

h4 {font: normal 17px Georgia, Arial, Verdena; color:#cc0000; margin-bottom:15px;}
h5 {font: bold 13px/13px Arial, Verdena; color:#333; margin-bottom:5px;}
h6 {font: bold 22px Arial, Verdena; color:#cc0000; display:inline;}

ul {list-style:none;}
li {padding:0px;}

hr, #left hr {	border: none 0; border-top: 1px solid #e2e2e2; height: 1px;	vertical-align:top; margin:10px 0 10px 0; clear:both;}
.list hr {clear:none;}

a:link, a:visited {	text-decoration: none; border:0; background-color:transparent; color:#cc0000;}
a:active, a:hover {	text-decoration: underline; background-color:transparent;}

form {padding:0px; margin:0px; display:inline;}
p {padding:0px; margin:0px;}
div, ul {padding:0; margin:0;}
img {border:0;}

.clear {padding:0; margin:0; height:0px; line-height:0px; clear:both;}

#top {height:68px; text-align:left; overflow:hidden; background: transparent url(../../pix/top_bg.gif) no-repeat 580px 0; padding-top:5px;}

#menu {font: normal 15px Arial, Verdena; background: transparent url(../../pix/bg_menu_long.gif) no-repeat top right; height:37px; text-align:left; color:#fff;}

#menu li {width:125px; height:28px; float:left; text-align:center;}
#menu li a:link, #menu li a:visited {display:block; height:28px; background: transparent url(../../pix/bg_menu.gif) no-repeat top right; margin-right:5px; color:#fff; padding-top:7px;}
#menu li a:active, #menu li a:hover {background-position: 0 -35px; text-decoration:none;}

.logo {margin-left:32px; }
.rechercher {padding:0px 0 0 0px; height:28px; display:block;}

.rechercher table { height:25px; font: normal 15px Arial, Verdena; }

#baner {height:180px; background: transparent url(../../pix/bg_baner.jpg) no-repeat; text-align:left; float:left;}
.logo_adwords {float:right; margin:25px 80px 0 0;}

#main {width:944px; margin: 0px auto; padding:0; }


#content, #content_start { text-align:left; clear:both; padding:10px 0 0px 0; line-height:18px;}

#left, #right, #center {border:0px solid red;}
#left {width:220px; float:left; margin-right:10px;}
#content_start #right {width:220px; float:right; margin-left:10px;}
#content #right {display:none;}
#content_start #center {width:484px; float:left;}
#content #center {width:714px; float:right; color:#333;}


#center ul { margin:10px 0 10px 0;}
#center li {list-style:circle; list-style-type: disc; list-style-position: inside; margin-left:20px;}

#content_start #center #xmenu {margin-top:10px;}
#content_start #center #xmenu ul {list-style:none; margin:0;}
#content_start #center #xmenu li {list-style:none; padding:0px; margin:0; float:left; height:160px; width:96px; display:block; margin-right:1px; text-align:center;}

#content_start #center #xmenu .first { background: transparent url(../../pix/xmenuf.png) no-repeat; height:160px;}
#content_start #center #xmenu .last {margin-right:0; background: transparent url(../../pix/xmenul.png) no-repeat; height:160px;}
#content_start #center #xmenu .norm { background: transparent url(../../pix/xmenun.png) no-repeat; height:160px;}

#content_start #center #xmenu li a {height:115px; width:96px; padding:5px 0 100px 0; color:#fff; display:block; height:160px;}

#cart {background: transparent url(../../pix/bg_cart.gif) no-repeat top left; padding:20px; padding-bottom:10px; font-size:11px;}
.cart_bottom {background: transparent url(../../pix/bg_cart_bottom.gif) no-repeat top left; height:10px; margin-bottom:10px;}

#left_menu {background: transparent url(../../pix/bg_menu_left.gif) no-repeat top left;}
#left_menu li {border-bottom:1px solid #E5E0D9;}
#left_menu .last {border-bottom:0;}
#left_menu a {color:#fff; display:block; padding:10px 14px 10px 36px; background: transparent url(../../pix/str.gif) no-repeat 20px 15px; font: bold 13px Arial;}
#left_menu .last a {padding-bottom:5px;}
.left_menu_bottom {height:5px; background: transparent url(../../pix/bg_menu_left_bottom.gif) bottom left no-repeat ; margin-bottom:10px;}

.photo_left {background: transparent url(../../pix/photo_left.gif) no-repeat top left; padding:15px 0 5px 0; text-align:center;}

#bottom_menu {width:940px;height:35px; font-family:'Lucida Sans Unicode',Arial; margin-top:10px;}
#bottom_menu a {background: transparent url(../../pix/bg_menu_down.gif) no-repeat top left; height:35px; float:left; padding:7px 9px 0 18px; text-align:center; font-size:12px; color:#fff; text-decoration:none;}
#bottom_menu .r {width:9px; height:35px; background: transparent url(../../pix/bg_menu_down_r.gif) no-repeat top left; display:block; float:left; margin-right:5px; }


#footer{ border-top:1px solid #ccc; font-size:11px; margin-top:20px; text-align:center;  padding:15px; text-align:left; color:#333; padding-bottom:30px;clear:both; }
#footer a {background-color:transparent; color:#333;}
#footer .left {float:left;}
#footer .right {float:right; text-align:right;}



.list { overflow:hidden; margin-top:10px; background: transparent url(../../pix/bg_prod_list.gif) no-repeat top left; padding:10px 10px 0 20px;}
.list_bottom {background: transparent url(../../pix/bg_prod_list_bottom.gif) no-repeat bottom left; height:20px; margin-bottom:10px;}
.list .desc {width:440px; float:left;}
.list img {float:right; margin:4px 0px 5px 10px;}
.list .price { margin:7px 0;}
.list form {margin:14px 0; display:block;}
.photo_one {position:relative; top:-50px;}



.onglet, .onglet_ { cursor:pointer;background:#FFF; float:left; padding:3px; border:1px solid #ddd; width:84px; text-align:center; margin-right:1px }
.onglet:hover, .onglet_ { background:#ddd; }
#zone_ok {position:relative; top:20px; left:107px; width:160px; height:320px; border:0px solid red }

#txt1_place, #txt2_place, #txt3_place, #txt4_place, #txt5_place, #txt6_place, #txt7_place, #txt8_place, #txt9_place, #txt10_place {  height:12px; font-size:10px; line-height:12px; white-space:nowrap; overflow:hidden; width:auto; border:0px solid green; color:#000 }

#img_recto, #img_verso { width:auto; display:none; top:0; left:0; position: absolute; cursor:move }

 
#area2 {
	position: relative;
	height: 9px;
	width: 200px;
	border:1px solid red;
	background: url(../../pix/fond_slide.gif) top left no-repeat;
}
 
#knob2 {
	position: absolute;
	height: 10px;
	width: 5px;
	
	background: #ff3300;
	cursor: pointer;
}







textarea {width: 322px;	height: 100px;	border: 1px solid #ccc;	background-color:#fff; padding:5px;  margin-bottom:2px;}
.formulaire1, .inputf {border: 1px solid #ccc; width: 312px;background-color:#fff; padding:5px;  margin-bottom:2px;}
.formulaire2 {border: 1px solid #ccc; width: 200px;	background-color:#fff; padding:5px;  margin-bottom:2px;}
.select {border: 1px solid #ccc; width: 312px; height:25px;	background-color:#fff;  margin-bottom:2px;}

.inputf2 {border: 1px solid #ccc; width:200px; height:20px; font-size:11px; background-color:#fff; padding:0px;  margin-bottom:2px;}

.input, .ok {padding:3px; margin:0; border:0px solid red;}

.input {background: url(../../pix/bg_input.gif) left top no-repeat; width:170px; height:24px; color:#333; font-size:12px; }

.ok {background: url(../../pix/ok.gif) no-repeat 0px 3px; width:30px; height:24px; text-align:center; color:#fff; font-size:12px; cursor:pointer;}



.button { width:24px; color:#fff; font-size:11px; text-align:center; border:0; cursor:pointer; padding:3px; margin:0; background-color:#C8C8C8;}
.bouton, .buttonf, .buttonf2 { color:#fff; font-size:11px; text-align:center; border:0; cursor:pointer; padding:3px; padding-left:10px; padding-right:10px; margin:0; background-color:#cc0000;}

.buttonf2 { background:#000 }


.checkbox { width:12px; height:12px; background-image:none; padding:0px; margin-right:5px; float:left;}
.radio { width:12px; height:12px; background-image:none; padding:0px; margin-right:5px;float:left;}
.file { background-image:none; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ccc; }



.tab_clear {background: transparent; margin:auto; padding:0;}
.inRight {text-align:right;}
.alert {font-size:11px; color:#cc0000;}

tr.caddie { background:#000; color:#fff;font-size:12px; }
tr.caddie td { padding:5px}


.article, .article_ { display:block; float:left; width:169px; border:1px solid #D3D1C7; background-color:#fff; text-align:center; margin:0 10px 10px 0;}
.article_ {margin:0 0px 10px 0;}
.article img, .article_ img {padding:0px; border:1px solid #fff; margin:0;}
.article a, .article_ a {background-color:transparent;}
.desc, .prize { font: normal 10px/10px 'Trebuchet MS', Arial, Verdena; color:#333;}
.desc a, .prize a {color:#fff; display:block; background-color:#000; padding:6px;}
.desc a:hover {background-color:#CC0000; color:#fff;}
.prize {background-color:#CC0000; }
.prize a {background-color:#CC0000; font-size:18px;}
.prize a:hover {text-decoration:none;}

.prix {background-color:#CC0000; font-size:12px; line-height:16px}


.pages { float:left; width:25px; background-color:#000000; color:#FFFFFF; text-align:center; margin:0px 5px 0px 0;padding-top:0px}
.pages:link, .pages:visited {background-color:#000000; color:#ffffff;}
.pages:hover {background-color:#cc0000; color:#fff;}

.pages2 { float:left; width:25px; background-color:#cc0000; color:#FFFFFF; text-align:center; margin:0px 5px 0px 0;padding-top:0px}
.pages2:link, .pages2:visited {background-color:#cc0000; color:#fff;}
.pages2:hover {background-color:#cc0000; color:#fff;}

.tabprod {background: #fff; margin:auto; padding:0; border:1px solid #fff; border-top:0;}

.article_one{border:1px solid #AEAC98; background-color:#fff; text-align:left; padding:0px;}


#photo, #opis {border:0px solid red;}
#photo {float:left; width:303px;}
#photo img {margin:0; border:0; padding:0; margin:0 1px 1px 0;}
#opis {float:right; width:210px;}


#path {font-size:11px; padding:0px;  color:#666;}
#path li {display:inline; margin:0px; }
#path li a {padding-right:10px;padding-right:10px; color:#333;}
#path .main {padding-left:0px;padding-right:10px; background: transparent url(../../pix/str_li_.gif) no-repeat -10px 5px;}

#content_start #path {display:none;}

.drsElement {
 position: absolute;
 border: 1px solid #333;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
 height: 20px;
 background-color: #CCC;
 border-bottom: 1px solid #666;
 cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}