.csslider1 {
	display: inline-block;
	position: relative;
	width: 1344px;
	width: 100%;
	height: 400px;
}
.csslider1 > .cs_anchor {
	display: none;
}
.csslider1 > ul {
	position: relative;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	height: 400px;
}
.csslider1 > ul > li.img img {
	width: 100%;
}
.csslider1 > ul > li.img {
	font-size: 0pt;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.csslider1 > ul > li {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 15px;
	font-size: initial;
	line-height: normal;
	white-space: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* /calculate autoplay */
.csslider1 > .cs_bullets {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 6;
	font-size: 0;
	line-height: 8pt;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.csslider1 > .cs_bullets > div {
	margin-left: -50%;
	width: 100%;
}
.csslider1 > .cs_bullets > label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.csslider1 > .cs_bullets > label > .cs_thumb {
	visibility: hidden;
	position: absolute;
	opacity: 0;
	z-index: 1;
	line-height: 0;
	left: -39.5px;
	top: -48px;
}
.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,
.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,
.csslider1 > #cs_slide1_2:checked ~ ul > li.num2{
	opacity: 1;
	z-index: 2;
}
.csslider1 > ul > li {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	opacity: 0;
	z-index: 1;
  	-webkit-transition: opacity 2000ms ease;
  	-moz-transition: opacity 2000ms ease;
  	-ms-transition: opacity 2000ms ease;
  	-o-transition: opacity 2000ms ease;
  	transition: opacity 2000ms ease;
 	
}
.csslider1 > ul > li.num0 {
	opacity: 1;
	z-index: 2;
}
.csslider1 > .slide:checked ~ ul > li.num0 {
	opacity: 0;
	z-index: 1;
}

/* calculate autoplay */
@-webkit-keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	33.333333333334%, 66.666666666667%	{ opacity: 1; z-index: 2; }
}
@-moz-keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	33.333333333334%, 66.666666666667%	{ opacity: 1; z-index: 2; }
}
@-ms-keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	33.333333333334%, 66.666666666667%	{ opacity: 1; z-index: 2; }
}
@-o-keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	33.333333333334%, 66.666666666667%	{ opacity: 1; z-index: 2; }
}
@keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	33.333333333334%, 66.666666666667%	{ opacity: 1; z-index: 2; }
}
.csslider1 > #cs_play1:checked ~ ul > li.num0,
.csslider1 > #cs_pause1:checked ~ ul > li.num0 {
	-webkit-animation: fade 12000ms infinite -2000ms;
	-moz-animation: fade 12000ms infinite -2000ms;
	-ms-animation: fade 12000ms infinite -2000ms;
	-o-animation: fade 12000ms infinite -2000ms;
	animation: fade 12000ms infinite -2000ms;	
}
.csslider1 > #cs_play1:checked ~ ul > li.num1,
.csslider1 > #cs_pause1:checked ~ ul > li.num1 {
	-webkit-animation: fade 12000ms infinite 2000ms;
	-moz-animation: fade 12000ms infinite 2000ms;
	-ms-animation: fade 12000ms infinite 2000ms;
	-o-animation: fade 12000ms infinite 2000ms;
	animation: fade 12000ms infinite 2000ms;	
}
.csslider1 > #cs_play1:checked ~ ul > li.num2,
.csslider1 > #cs_pause1:checked ~ ul > li.num2 {
	-webkit-animation: fade 12000ms infinite 6000ms;
	-moz-animation: fade 12000ms infinite 6000ms;
	-ms-animation: fade 12000ms infinite 6000ms;
	-o-animation: fade 12000ms infinite 6000ms;
	animation: fade 12000ms infinite 6000ms;	
}
.csslider1 > #cs_play1:checked ~ ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;	
}
.csslider1.cs_pauseHover:hover > ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li{
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}

/* stop */
.csslider1 > .slide:checked ~ ul > li {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}
/* /calculate autoplay */
.csslider1 {
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;	
}
.csslider1 > .cs_bullets {
	bottom: 5px;
	margin-bottom: 5px;
}
.csslider1 > .cs_bullets > label {
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;	
}
.csslider1 > .cs_bullets > label {
	margin: 0 6px;
	padding: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);
}
.csslider1 > .cs_bullets > label.num0 {
	background-color: #1FA5AD;
}
.csslider1 > .slide:checked ~ .cs_bullets > label {
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);
}
.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2{
	background-color: #1FA5AD;
}
.csslider1 > .cs_bullets > label:hover {
	background-color: #1FA5AD;
}

/* calculate autoplay */
@-webkit-keyframes bullet {
	0%, 33.333333333334%	{ background-color: #1FA5AD; }
	33.333333333335%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-moz-keyframes bullet {
	0%, 33.333333333334%	{ background-color: #1FA5AD; }
	33.333333333335%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-ms-keyframes bullet {
	0%, 33.333333333334%	{ background-color: #1FA5AD; }
	33.333333333335%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-o-keyframes bullet {
	0%, 33.333333333334%	{ background-color: #1FA5AD; }
	33.333333333335%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@keyframes bullet {
	0%, 33.333333333334%	{ background-color: #1FA5AD; }
	33.333333333335%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 {
	-webkit-animation: bullet 12000ms infinite 2000ms;
	-moz-animation: bullet 12000ms infinite -2000ms;
	-ms-animation: bullet 12000ms infinite -2000ms;
	-o-animation: bullet 12000ms infinite -2000ms;
	animation: bullet 12000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 {
	-webkit-animation: bullet 12000ms infinite 2000ms;
	-moz-animation: bullet 12000ms infinite 2000ms;
	-ms-animation: bullet 12000ms infinite 2000ms;
	-o-animation: bullet 12000ms infinite 2000ms;
	animation: bullet 12000ms infinite 2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 {
	-webkit-animation: bullet 12000ms infinite 6000ms;
	-moz-animation: bullet 12000ms infinite 6000ms;
	-ms-animation: bullet 12000ms infinite 6000ms;
	-o-animation: bullet 12000ms infinite 6000ms;
	animation: bullet 12000ms infinite 6000ms;
	
}
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none; 	
}
.csslider1.cs_pauseHover:hover > .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}

/* stop */
.csslider1 > .slide:checked ~ .cs_bullets > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/* /calculate autoplay */
.csslider1 > .cs_description > label {
	font: 20px 'Roboto', sans-serif;
	line-height: normal;
	bottom: 35px;
	left: 20px;
	top: auto;
	opacity: 1;
	z-index: 1;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;	
}
.csslider1 > .cs_description > label > span {
	margin: 1px 10px;
	padding: 10px;
	color: #fff;
	overflow: hidden;
	-webkit-transform-origin: 0% 0% 0px;
	-moz-transform-origin: 0% 0% 0px;
	-ms-transform-origin: 0% 0% 0px;
	-o-transform-origin: 0% 0% 0px;
	transform-origin: 0% 0% 0px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.footpaypal{margin-top: 10px;}
.footbox{ 
	margin: auto;
	border: 1px solid #ccc;
    height: 390px;
    min-width: 1150px;
    width: 62%;
    padding: 10px;
    box-sizing: border-box;
    }
.cssTab{ width:963px; height:auto; position:relative;}
.cssTab .tabitem1{ 
	width:182px; 
	position: absolute;
	height: 92px;
	left: 0;
	top: 0;
}
.cssTab .tabitem2{ 
	width:182px; 
	position: absolute;
	height: 92px;
	left: 0;
	top: 92px;
}
.cssTab .tabitem3{ 
	width:182px; 
	position: absolute;
	height: 92px;
	top: 184px;
	left: 0;
}
.cssTab .tabitem4{ 
	width:182px; 
	position: absolute;
	height: 92px;
	top: 276px;
	left: 0;
}
.cssTab .tabitem5{ 
	width:182px; 
	position: absolute;
	height: 92px;
	left: 0;
	top: 368px;
}
.tabitem1 label {
	display: inline-block;
	width: 182px;
	height: 92px;
	background-color: #b1ab8b;
	background-image: url(../img/detile01.png);
}
.tabitem2 label {
	display: inline-block;
	width: 182px;
	height: 92px;
	background-color: #b1ab8b;
	background-image: url(../img/detile02.png);
}
.tabitem3 label {
	display: inline-block;
	width: 182px;
	height: 92px;
	background-color: #b1ab8b;
	background-image: url(../img/detile03.png);
}
.tabitem4 label {
	display: inline-block;
	width: 182px;
	height: 92px;
	background-color: #b1ab8b;
	background-image: url(../img/detile04.png);
}
.cssTab .tabCont,.cssTab .tabRadio{ 
	position:absolute; 
	left:-9999px;
	}
.tabCont{
	height: auto;
	position: absolute;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	width: 919px;
	margin-left:185px;
	margin-top: -182px;
	
} 
.tabCont p{
	font-family: Arial;
	font-size: 14px;
	line-height: 26px;
	
}
.tabRadio:checked~label{
	position:relative; 
	z-index:1; 
	background-color:#fc0101;
	}
.tabRadio1:checked~.tabCont{ margin-top: -82px; left:0; right:0;}
.tabRadio2:checked~.tabCont{ margin-top: -174px; left:0; right:0;}
.tabRadio3:checked~.tabCont{ margin-top: -266px; left:0; right:0;}
.tabRadio4:checked~.tabCont{ margin-top: -358px; left:0; right:0;}
.tabRadio5:checked~.tabCont{ margin-top: -450px; left:0; right:0;}



.slides{
	width: 1344px;
	height: 400px;
	margin: auto;
}

#zSlider{
	width:1344px;
	height: 560px;
	box-sizing: border-box;
	border: solid thin #B1AB8B;
	margin:auto;
}
.cssTab_new{ width:1344px; height:auto; position:relative;}
.cssTab_new .tabitem_new{ 
	width:134px;
	height: 138px; 
	position: absolute;
	right: 0px;
	top: 0px;
}
.cssTab_new .tabitem1_new{
	right: 0px;
	top: 0px;
}

.cssTab_new .tabitem2_new{
	right: 0px;
	top: 138px;
}
.cssTab_new .tabitem3_new{
	right: 0px;
	top: 276px;
}
.cssTab_new .tabitem4_new{
	right: 0px;
	top: 414px;
}
.cssTab_new .tabitem5_new{
	right: 134px;
	top: 0px;
}
.cssTab_new .tabitem6_new{
	right: 134px;
	top: 138px;
}
.cssTab_new .tabitem7_new{
	right: 134px;
	top: 276px;
}
.cssTab_new .tabitem8_new{
	right: 134px;
	top: 414px;
}
.tabitem_new label{
	display:block; 
	text-align:center; 
	width:134px;
	height: 138px; 
	background-color: #b1ab8b;
}
.tabitem1_new label{ 
	background-image:url(../img/maison05.png);
	}
.tabitem2_new label{ 
	background-image:url(../img/sport06.png);
	}
.tabitem3_new label{ 
	background-image:url(../img/bureau07.png);
	}
.tabitem4_new label{ 
	background-image:url(../img/flash08.png);
	}
.tabitem5_new label{ 
	background-image:url(../img/new01.png);
	}
.tabitem6_new label{ 
	background-image:url(../img/jouet02.png);
	}
.tabitem7_new label{ 
	background-image:url(../img/animalerie03.png);
	}
.tabitem8_new label{ 
	background-image:url(../img/jardin04.png);
	}
.cssTab_new .tabCont_new,.cssTab_new .tabRadio_new{
	position:absolute; 
	left:-9999px;
	}
.tabCont_new{
	height: auto;
}
.tabRadio_new:checked~label{ position:relative; z-index:1; background-color:#de2523;}
.tabRadio1_new:checked~.tabCont_new{margin-top:-138px ;margin-left:-1210px;left: 0;right: 0;}
.tabRadio2_new:checked~.tabCont_new{margin-top:-276px ;margin-left:-1210px;left: 0;right: 0;}
.tabRadio3_new:checked~.tabCont_new{margin-top:-414px ;margin-left:-1210px;left: 0;right: 0;}
.tabRadio4_new:checked~.tabCont_new{margin-top:-552px ;margin-left:-1210px;left: 0;right: 0;}
.tabRadio5_new:checked~.tabCont_new{margin-top:-138px ;margin-left:-1075px;left: 0;right: 0;}
.tabRadio6_new:checked~.tabCont_new{margin-top:-276px ;margin-left:-1075px;left: 0;right: 0;}
.tabRadio7_new:checked~.tabCont_new{margin-top:-414px ;margin-left:-1075px;left: 0;right: 0;}
.tabRadio8_new:checked~.tabCont_new{margin-top:-552px ;margin-left:-1075px;left: 0;right: 0;}


.cbp-hssubmenu > li{opacity: 1;display: none;margin-left: 900px;}
.nava:hover{color: #CCCCCC;}
.nava:hover .cbp-hssubmenu > li{display: block;}
.scroolx{overflow-x: scroll;overflow-y: hidden;}

#content{
	margin-top: 10px;
}
.preview{
	width: 780px;
	height: 515px;
}
.descrip{
	height: 515px;
	width: 360px;
	float: right;
}
.descrip2{
	height: 515px;
	width: 360px;
}
.cssTab_box{ width:780px; height:517; position:relative;float: left;}
.cssTab_box .tabitem_box{ 
	width:94px;
	height: 94px;
}
.cssTab_box label{ 
	display:block; 
	text-align:center;
	width:94px;
	height: 94px;
	display: inline-block;
	border: 1px solid #ccc;
	overflow: hidden;
	border-radius: 5px;
	}
.cssTab_box label img{width: 94px;height: 94px;}
.cssTab_box .tabCont_box,.cssTab_box .tabRadio_box{
	position:absolute;
	left:-9999px;
	}
.tabitem_box1{
	position: absolute;
	left:0px ;
	top: 0px;
}
.tabitem_box2{
	position: absolute;
	left:100px ;
	top: 0px;
}
.tabitem_box3{
	position: absolute;
	left:0px ;
	top: 100px;
}
.tabitem_box4{
	position: absolute;
	left:100px ;
	top: 100px;
}
.tabitem_box5{
	position: absolute;
	left:0px ;
	top: 200px;
}
.tabitem_box6{
	position: absolute;
	left:100px ;
	top: 200px;
}
.tabitem_box7{
	position: absolute;
	left:0px ;
	top: 300px;
}
.tabitem_box8{
	position: absolute;
	left:100px ;
	top: 300px;
}

.tabitem_box9{
	position: absolute;
	left:0px ;
	top: 400px;
}
.tabitem_box10{
	position: absolute;
	left:100px ;
	top: 400px;
}
.tabCont_box{
	height: 515px;
	width: 550px;
	border: 1px solid #ccc;
} 
.tabCont_box img{width: 100%;}
.tabRadio_box:checked~.label2{  position:relative; z-index:1;border: 1px solid #ff0000; overflow: hidden;border-radius: 5px;}
.tabRadio_box1:checked~.tabCont_box{ margin-top: -96px; margin-left: 230px; left:0; right:0;}
.tabRadio_box2:checked~.tabCont_box{ margin-top: -96px; margin-left: 130px; left:0; right:0;}
.tabRadio_box3:checked~.tabCont_box{ margin-top: -196px; margin-left: 230px; left:0; right:0;}
.tabRadio_box4:checked~.tabCont_box{ margin-top: -196px; margin-left: 130px; left:0; right:0;}
.tabRadio_box5:checked~.tabCont_box{ margin-top: -296px; margin-left: 230px; left:0; right:0;}
.tabRadio_box6:checked~.tabCont_box{ margin-top: -296px; margin-left: 130px; left:0; right:0;}
.tabRadio_box7:checked~.tabCont_box{ margin-top: -396px; margin-left: 230px; left:0; right:0;}
.tabRadio_box8:checked~.tabCont_box{ margin-top: -396px; margin-left: 130px; left:0; right:0;}
.tabRadio_box9:checked~.tabCont_box{ margin-top: -496px; margin-left: 230px; left:0; right:0;}
.tabRadio_box10:checked~.tabCont_box{ margin-top: -496px; margin-left: 130px; left:0; right:0;}
.tabtext{
	text-indent: 2em;
}