@font-face {
    font-family: 'futBlack';
    src: url('../fonts/futurat_bold-webfont.eot');
    src: url('../fonts/futurat_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futurat_bold-webfont.woff2') format('woff2'),
         url('../fonts/futurat_bold-webfont.woff') format('woff'),
         url('../fonts/futurat_bold-webfont.ttf') format('truetype'),
         url('../fonts/futurat_bold-webfont.svg#maven_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futReg';
    src: url('../fonts/futura-t-ot-book_19064-webfont.eot');
    src: url('../fonts/futura-t-ot-book_19064-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-t-ot-book_19064-webfont.woff2') format('woff2'),
         url('../fonts/futura-t-ot-book_19064-webfont.woff') format('woff'),
         url('../fonts/futura-t-ot-book_19064-webfont.ttf') format('truetype'),
         url('../fonts/futura-t-ot-book_19064-webfont.svg#maven_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'didact';
    src: url('../fonts/didactgothic-webfont.eot');
    src: url('../fonts/didactgothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/didactgothic-webfont.woff2') format('woff2'),
         url('../fonts/didactgothic-webfont.woff') format('woff'),
         url('../fonts/didactgothic-webfontt.ttf') format('truetype'),
         url('../fonts/didactgothic-webfont.svg#didact') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'montser';
  src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf')  format('truetype'), url('../fonts/montserrat-regular-webfont.svg#TrajanPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: auto;
}

p {
	font-family: 'Montserrat', sans-serif;
}



*:focus {
    outline: none;
}

#site
{
	position: relative;
	width: 100%;
}


#spHeader
{
	position: fixed;
	width: 100%;
	height: 100px;
	background-color: #FFF;
  	box-shadow: 0.1px 0.1px 5px 0px rgba(1, 1, 1, 0.30);
  	z-index: 99;
  	display: block;
}

#spHeaderMob
{
	position: fixed;
	width: 100%;
	height: 60px;
	background-color: #FFF;
	background-image: url(../img/logo.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: auto 50px;
  	box-shadow: 0.1px 0.1px 5px 0px rgba(1, 1, 1, 0.30);
  	z-index: 99;
  	display: none;
}

#spLogo
{
	position: absolute;
	width: 250px;
	height: 100px;
	background: url(../img/logo.png) no-repeat center center;
	background-size: auto 75px;
}

#spRechNav
{
	position: absolute;
	left: 256px;
	right: 72px;
}

#spHeaderTop
{
	width: 100%;
	height: 60px;
}

.mobRechZone
{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 98;
	display: none;
}

.mobRechHeader
{
	position: absolute;
	width: 100%;
	height: 50px;
	top: 60px;
	background: #FFF;
	box-shadow: 0.1px 0.1px 4px 0px rgba(1, 1, 1, 0.25);
}

.mobRechContent
{
	position: fixed;
	width: 100%;
	height: calc(100% - 110px);
	top: 110px;
	background: #FFF;
	overflow: auto;
	display: none;
}

.mobRechItems
{
	width: calc(100% - 80px);
	position: relative;
	width: 100%;
	display: inline-block;
}


.mobRechInput
{
	height: 50px;
	border: none;
	background: none;
	line-height: 50px;
	font-family: 'Montserrat', sans-serif;
	width: calc(100% - 60px);
	float: left;
	text-indent: 10px;
}

.mobRechClose
{
	position: absolute;
	width: 50px;
	height: 50px;
	background: url(../img/close.png) no-repeat center center;
	background-size: 28px;
	cursor: pointer;
	right: 55px;
}

.spRech
{
	height: 45px;
}


.spRechField
{
	position: relative;
	width: 360px;
	height: 45px;
	border-radius: 2px;
	margin-top: 10px;
	border: 1px solid rgb(162,30,255);
	box-shadow: 0.1px 0.1px 4px 0px rgba(1, 1, 1, 0.25);
	float: left;
	
}

.spRechField i
{
	line-height: 45px;
	width: 36px;
	height: 45px;
	text-align: center;
	font-size: 18px;
	color: rgb(162,30,255);
	float: left;
}

.rechInput
{
	height: 45px;
	border: none;
	background: none;
	line-height: 45px;
	font-family: 'Montserrat', sans-serif;
	width: 320px;
	float: left;
}

.rechResult
{
	position: absolute;
	width: 360px;
	height: 420px;
	border: 1px solid rgb(162,30,255);
	box-shadow: 0.1px 0.1px 4px 0px rgba(1, 1, 1, 0.25);
	top: 55px;
	left: 256px;
	background: #FFF;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px;
	display: none;
}

.rechRezItem
{
	position: relative;
	width: 100%;
	padding: 2px 2px;
	display: inline-block;
	cursor: pointer;
}

.rechRezItem:hover
{
	background-color: rgba(0,0,0,.05);
}


.rechRezItem > a > .pict
{
	width: 60px;
	height: 60px;
	float: left;
	background-position: center center;
	background-size: 60px;
	background-repeat: no-repeat;
}

.rechRezItem > a > .details
{
	width: calc(100% - 70px);
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	float: right;
}


.rechRezItem > .details span
{
	font-size: 14px;
}


.spRechRight
{
	width: 60px;
	height: 60px;
	float: left;
	background: url(../img/rechright.png) no-repeat top right; 
}

.spIcoSearch
{
	width: 50px;
	height: 32px;
	float: left;
	background: url(../img/ico_search.png) no-repeat top left;
	margin : 10px 10px 10px 0;
	float: left;
}

.spRechLine
{
	position: relative;
	width: 100%;
	height: 0px;
  background-image: -moz-linear-gradient( 45deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  	background-image: -webkit-linear-gradient( 45deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  	background-image: -ms-linear-gradient( 45deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  float: left;
}

}

#spNavZone
{
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	padding-left: 18px;
}

#spNav
{
	width: 100%;
	height: 43px;
	
}

.spMenu
{
	height: 43px;
	overflow: hidden;
}

.spMenuItem
{
	height: 43px;
	line-height: 40px;
	font-size: 12px;
	padding-right: 30px;
	float: left;
	color: #464646;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	
}

.spMenuItemActive
{
	border-bottom: 4px solid #9b1df4;
}

#rightOptions
{
	position: fixed;
	width: 100%;
	height: 100%;
	left: calc(100% - 80px);
	top :0;
	z-index: 100;
	display: block;
}

#rightMobile
{
	position: fixed;
	width: 100%;
	height: 100%;
	left: calc(100% - 40px);
	top :0;
	z-index: 100;
	display: block;
	background-color: #191a23;
  	box-shadow: 0.1px 0.1px 5px 0px rgba(1, 1, 1, 0.30);
  	display: none;
}

.rightMenu
{
	position: absolute;
	width: 84px;
	top: 0;
	bottom: -20px;
	background: url(../img/sliding01.png) left bottom; 
}

.rightSep
{
	position: absolute;
	height: 80%;
	width: 1px;
	left: 82px;
	background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(232,232,232,1) 51%, rgba(232,232,232,1) 59%, rgba(232,232,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(232,232,232,1) 51%,rgba(232,232,232,1) 59%,rgba(232,232,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(232,232,232,1) 51%,rgba(232,232,232,1) 59%,rgba(232,232,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#00e8e8e8',GradientType=0 ); /* IE6-9 */
}


.rightContent
{
	position: absolute;
	width: calc(100% - 84px);
	left: 84px;
	bottom: -20px;
	top:0;
	background: url(../img/sliding02.png) left bottom; 
}

.rightContentSd
{
	position: absolute;
	width: calc(100% - 80px);
	height: 20px;
	left: 94px;
	top: calc(100% - 16px);
	background: url(../img/rightoptsd.png); 
}

.content {
	position: relative;
	width: 100%;
	margin-top: 100px;
	display: inline-block;
	background: #FFF;
}

.rowContent {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding-right: 68px;
	display: inline-block;
}

.homeSlider
{
	width: 100%;
	background: #FFF;
	display: inline-block;
	overflow: hidden;
}

.leftSlide
{
	width: 18%;
	float: right;
}

.rightSlide
{
	width: 82%;
	float: right;
}

.sldFlash
{
	position: relative;
	width: 100%;
	height: 50px;
	background: url(../img/flash_bg.png) no-repeat top left;
	background-size: 100% 100%;
}

.sldFlashItem
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.sldFlashItem > .prodPict
{
	position: absolute;
	width: 100%;
	height: 90%;
	top: 5%;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.sldFlashItem > .prodTitle {

	position: absolute;
	width: 80%;
	top: 10px;
	right: 0;
	box-sizing: border-box;
	padding: 12px;
	color: #333;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	line-height: 15px;
}

.sldFlashItem > .prodTitle span {
	height: 16px;
	display: block;
	margin-bottom: 10px;
}

.sldFlashItem > .prodTitle span img{
	height: 16px;
}

.sldFlashItem > .prodBottom {
	position: absolute;
	width: 100%;
	bottom: 5px;
	left: 0;
	box-sizing: border-box;
	padding: 12px;
}

.sldFlashItem > .prodBottom > .prodPrice{
	position: relative;
	width: 100%;
	height: 36px;
	border-radius: 20px;
	background: rgba(255,255,255,.5);
	margin-bottom: 5px;
	box-sizing: border-box;
	padding: 6px 12px;
	font-size: 17px;
	font-weight: bold;
	color: #333;
}

.sldFlashItem > .prodBottom > .prodPrice span {
	float: right;
	height: 30px;
	border-radius: 20px;
	background: #9bd907;
	margin-top: -3px;
	margin-right: -9px;
	padding: 0 10px;
	line-height: 30px;
	display: block;
	cursor: pointer;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
}

.sldFlashItem > .prodBottom > .prodTime{
	position: relative;
	width: 100%;
	height: 36px;
	border-radius: 20px;
	background: #9b1df4;
	box-sizing: border-box;
	padding: 4px 12px;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
}

.sldFlashItem > .prodBottom > .prodTime span{
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	font-size: 10px;
	font-weight: normal;
	margin-left:0px;
	margin-right: 5px;
	padding: 8px 0;
	line-height: 4px;
}

.sldPromo
{
	position: relative;
	width: 100%;
	height: 50px;
	background: #741dfe;
}

.sldPromo2
{
	position: relative;
	width: 100%;
	height: 50px;
	background: #741dfe;
	display: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.topSlide
{
	position: relative;
	width: 100%;
	height: 100px;
  background-image: -moz-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  background-image: -webkit-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  background-image: -ms-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
}

.topSlideMobile
{
	position: relative;
	width: 100%;
	height: 100px;
  background-image: -moz-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  background-image: -webkit-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  background-image: -ms-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  display: none;
}

.topSlideLink
{
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.sld60
{
	position: relative;
	width: 55%;
	height: 50px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;

}

.sld40
{
	position: relative;
	width: 45%;
	height: 50px;
	float: left;
}

.sld40Item
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: none!important;
}

.sld40Container
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.marg50
{
	padding-bottom: 40px;
}

.marg100
{
	margin-top: 100px;
}


.marg30
{
	padding-top: 20px;
}

.pad20
{
	padding-bottom: 20px;
	box-sizing: border-box;
}

.greyBg
{
	background: #eff5f5;
}

.bgWhite
{
	background: #FFF;
}

.centerContent
{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding-left: 30px;
	padding-right: 30px;
	display: inline-block;
}

.homeSelect
{
	width: 100%;
	height: 90px;
	color: #000;
	font-size: 78px;
	font-family: 'futReg';
	opacity: 1;
	overflow: hidden;
	text-indent: 30px;
	text-transform: uppercase;
}

.brandSelect
{
	width: 100%;
	height: 81px;
	
	opacity: 1;
	overflow: hidden;
	background-size: auto 70px;
	background-position: left bottom;
	background-repeat: no-repeat;
}

.brandSelect img
{
	height: 70px;
	float: left;
	margin-right: 10px;
	margin-top: 11px;
}

.brandSelect span
{
	float: left;
	color: rgba(181,201,213, .3);
	font-size: 78px;
	font-family: 'futReg';

}


.homeSlectItem
{
	position: relative;
	width: 33.333%;
	height: 200px;
	box-sizing: border-box;
	float: left;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
}


.otherSlectItem
{
	position: relative;
	width: 33.333%;
	height: 240px;
	box-sizing: border-box;
	float: left;
	border: 1px solid #e8e8e8;
}


.homeSlectItem:nth-child(3)
{
	width: 33.333%;
	height: 200px;
	box-sizing: border-box;
	float: left;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}

.fullRow
{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	display: inline-block;	
}

.bluOffer
{
	position: relative;
	width: 48%;
	height: 300px;
	float: left;
  	background-image: -moz-linear-gradient( -36deg, rgb(21,113,214) 0%, rgb(37,171,200) 100%);
  	background-image: -webkit-linear-gradient( -36deg, rgb(21,113,214) 0%, rgb(37,171,200) 100%);
  	background-image: -ms-linear-gradient( -36deg, rgb(21,113,214) 0%, rgb(37,171,200) 100%);
}

.bluOfferContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.bluOfferItem
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: none!important;
}

.bluOfferItem > .offerPict
{	
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	background-size: 120%;
	background-position: left top;
	background-repeat: no-repeat;
}

.bluOfferItem > .offerText
{	
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0;
	box-sizing: border-box;
	padding: 65px 0 50px 20px;
	color: #FFF;
	font-size: 12px;
}

.bluOfferItem > .offerText img
{	
	width: 80px;
	margin-bottom: 10px;
}

.bluOfferItem > .offerText h2
{	
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
}


.pinkOffer
{
	position: relative;
	width: 26%;
	height: 300px;
	float: left;
  	background-image: -moz-linear-gradient( -36deg, rgb(247,111,157) 0%, rgb(245,148,106) 100%);
  	background-image: -webkit-linear-gradient( -36deg, rgb(247,111,157) 0%, rgb(245,148,106) 100%);
  	background-image: -ms-linear-gradient( -36deg, rgb(247,111,157) 0%, rgb(245,148,106) 100%);
}

.pinkOfferItem
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.pinkOfferItem > .offerPict
{	
	position: absolute;
	width: 100%;
	height: 70%;
	bottom: 0;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.pinkOfferItem > .offerText
{	
	position: absolute;
	width: 100%;
	height: 40%;
	left: 0;
	box-sizing: border-box;
	padding: 65px 20px 0px 20px;
	color: #FFF;
	font-size: 12px;
	overflow: hidden;
}

.pinkOfferItem > .offerText h2
{	
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
}


.greyOffer
{
	position: relative;
	width: 26%;
	height: 300px;
	float: left;
  	background-image: -moz-linear-gradient( -36deg, rgb(236,240,245) 0%, rgb(231,236,242) 100%);
  	background-image: -webkit-linear-gradient( -36deg, rgb(236,240,245) 0%, rgb(231,236,242) 100%);
  	background-image: -ms-linear-gradient( -36deg, rgb(236,240,245) 0%, rgb(231,236,242) 100%);
}

.greyOfferItem
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.greyBgContainer
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.greyOfferItem > .offerPict
{	
	position: absolute;
	width: 100%;
	height: 70%;
	bottom: 0;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.greyOfferItem > .offerText
{	
	position: absolute;
	width: 100%;
	height: 40%;
	left: 0;
	box-sizing: border-box;
	padding: 65px 20px 0px 20px;
	color: #333;
	font-size: 12px;
	overflow: hidden;
}

.greyOfferItem > .offerText h2
{	
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	
}


.offerPriceZone
{
	position: absolute;
	width: 100%;
	height: 50px;
	background: rgba(255,255,255,.15);
	bottom: 0;
	box-sizing: border-box;
	padding: 0 20px;

}

.offerProdPrice 
{
	position: relative;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	float: left;
}

.offerProdPrice small
{
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	display: block;
	margin-left: 3px;
	float: right;
}

.priceArrow
{
	position: relative;
	float: left;
	width: 28px;
	height: 28px;
	margin-top: 11px;
	margin-right: 8px;
	border-radius: 20px;
	border: 1px solid #FFF;
	line-height: 27px;
	text-align: center;
	color: #FFF;
}


.pubOne
{
	position: relative;
	width: 100%;
	margin-bottom: 12px;
  	box-shadow: 0.5px 0.866px 10px 0px rgba(1, 1, 1, 0.26);
  	display: inline-block;
  	z-index: 2;
}

.pubOne img{
	width: 100%;
}

.pubTwo
{
	position: relative;
	width: 24.5%;
	display: inline-block;
	box-sizing: border-box;
	padding-right: 12px;
	float: left;
	z-index: 2;
	overflow: hidden;
}


.pubThree
{
	position: relative;
	width: 43.5%;
	display: inline-block;
	box-sizing: border-box;
	padding-right: 12px;
	float: left;
	z-index: 2;
	overflow: hidden;
}

.pubPict
{
	position: relative;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0.5px 0.866px 10px 0px rgba(1, 1, 1, 0.26);
}

.pubFoor
{
	position: relative;
	width: 32%;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	z-index: 2;
}

.pubsGradient
{
	position: absolute;
	width: 100%;
	height: 100px;
  	background-image: -moz-linear-gradient( 45deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  	background-image: -webkit-linear-gradient( 45deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  	background-image: -ms-linear-gradient( 45deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
 	z-index: 1;
 	opacity: 0;

}

.pubGrey
{
	position: absolute;
	width: 100%;
	height: 100px;
	background: #eff5f5;
	bottom: 0;
	z-index: 1;
}


.topVOne {
  position: relative;
  width: 50%;
  box-sizing: border-box;
  padding-right: 8px;
  padding-bottom: 0px;
  float: left;
}

.topVOneContent
{
	position: relative;
	width: 100%;
	height: 500px;
	background: #FFF;
	border: 1px solid #e8e8e8;
}

.topVOneItemsContent
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.topVOneItems
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.topVOneItems > .prodPict
{
	position: absolute;
	width: 55%;
	height: 65%;
	right: 0;
	bottom: 0;
	background-size: 110%;
	background-position: left top;
	background-repeat: no-repeat;
}

.topVOneItems > .prodText
{
	position: absolute;
	width: 55%;
	height: 65%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 65px 0px 0px 20px;
	color: #333;
	font-size: 12px;
}

.topVOneItems > .prodText h2
{	
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}


.topVTwo {
  position: relative;
  width: 25%;
  box-sizing: border-box;
  padding-right: 8px;
  float: left;
}

.topVTwoContent
{
	position: relative;
	width: 100%;
	background: #FFF;
	border: 1px solid #e8e8e8;
}

.topVTwoItemsContent
{
	position: absolute;
	width: 100%;
	height: 100%;

}

.topVTwoItems
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: none!important;
}

.topVTwoItems > .prodPict
{
	position: absolute;
	width: 100%;
	height: 55%;
	right: 0;
	bottom: 60px;
	background-size: 90%;
	background-position: center center;
	background-repeat: no-repeat;
}


.topVTwoItems > .prodText
{
	position: absolute;
	width: 100%;
	height: 40%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 65px 0px 0px 20px;
	color: #333;
	font-size: 12px;
}

.topVTwoItems > .prodText h2
{	
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}


.topVThree {
  position: relative;
  width: 25%;
  box-sizing: border-box;
  float: left;
}

.topVThreeOne {
  position: relative;
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  padding-bottom: 8px;
}

.topVThreeTwo {
  position: relative;
  width: 100%;
  height: 50%
  box-sizing: border-box;
}

.topVThreeContent1
{
	position: relative;
	width: 100%;
	background: #FFF;
	border: 1px solid #e8e8e8;
}

.topVThreeItemsContent1
{
	position: absolute;
	width: 100%;
	height:100%;
}

.topVThreeItems
{
	position: absolute;
	width: 100%;
	height:100%;
}

.topVThreeItems > .prodPict
{
	position: absolute;
	width: 55%;
	height: 100%;
	right: 0;
	background-size: auto 110%;
	background-position: top left;
	background-repeat: no-repeat;
}

.topVThreeItems > .prodText
{
	position: absolute;
	width: 65%;
	height: calc(100% - 60px);
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 65px 0px 0px 20px;
	color: #333;
	font-size: 12px;
}

.topVThreeItems > .prodText h2
{	
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}



.topVThreeContent2
{
	position: relative;
	width: 100%;
	background: #FFF;
	border: 1px solid #e8e8e8;
}

.closePage
{
	position: relative;
	width: 100%;
	height: 80px;
	background: url(../img/triangle.png) no-repeat;
	background-size: 100% 80px;
	margin-bottom: 400px;
}

.greyShoppi
{
	position: absolute;
	width: 100%;
	height: 50px;
	background: #eff5f5;
	z-index: 1;
}

#footer
{	
  display: inline-block;
  background: #0b0135;
  position: relative;
  width: 100%;
  z-index: 0;
}

.footer
{
  position: relative;
  width: 100%;
  bottom: 0px;
  background-image: -moz-linear-gradient( -36deg, rgba(46,30,114,0.6) 0%, rgba(0,0,0,0) 100%);
  background-image: -webkit-linear-gradient( -36deg, rgba(46,30,114,0.6) 0%, rgba(0,0,0,0) 100%);
  background-image: -ms-linear-gradient( -36deg, rgba(46,30,114,0.6) 0%, rgba(0,0,0,0) 100%);
  color: #FFF;
  padding-bottom: 20px;
}

.footerRow
{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	display: inline-block;	
	padding-top: 40px;
}

.footer40
{
	position: relative;
	float: left;
	width: 40%;
	box-sizing: border-box;	
	padding-right: 120px;
}

.footer60
{
	position: relative;
	float: left;
	width: 60%;
	box-sizing: border-box;	
}

.footer50
{
	position: relative;
	float: left;
	width: 50%;
	box-sizing: border-box;	
}

.footer100
{
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;	
}


.fTitle
{
	font-size: 10px;
	color: #7e16da;
}

.fRubTitle
{
	padding-top: 20px;
	font-size: 12px;
	color: #7e16da;
	padding-bottom: 20px;
}


.fNewTitle
{
	font-size: 19px;
	color: #FFF;
	padding-bottom : 10px;
}

.fNewsForm
{
	position: relative;
	width: 100%;
	height: 40px;
}

.fNewsFormBorder
{
	position: relative;
	width: 100%;
	height: 2px;
	background-image: -moz-linear-gradient( 0deg, rgb(43,30,74) 0%, rgb(126,22,218) 100%);
  	background-image: -webkit-linear-gradient( 0deg, rgb(43,30,74) 0%, rgb(126,22,218) 100%);
 	background-image: -ms-linear-gradient( 0deg, rgb(43,30,74) 0%, rgb(126,22,218) 100%);
 	margin-bottom: 30px;
}

.fNewsFormInput
{
	position: relative;
	width: calc(100% - 140px);
	height: 40px;
	font-size: 12px;
	color: #856edc;
	background: none;
	border: none;
	border-radius: 0;
	border:none;
}

.nlValid
{
	float: right;
	height: 26px;
	width: 100px;
	background: #7e16da;
	border-radius: 30px;
	font-family: 'montser';
	line-height: 26px;
	font-size: 11px;
	margin-top: 7px;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
}

.nlError
{
	font-family: 'montser';
	font-size: 11px;
	color: #fc0d1b;
	display: none;
}

.fInfoLoc
{
	width: 100%;
	min-height: 50px;
	background: url(../img/icolocation.png) no-repeat left top;
	margin-bottom: 10px;
	box-sizing: border-box;
	padding-left: 48px; 
	padding-top: 8px;
}

.fInfoTel
{
	width: 100%;
	min-height: 50px;
	background: url(../img/icotel.png) no-repeat left top;
	margin-bottom: 10px;
	line-height: 50px;
	box-sizing: border-box;
	padding-left: 48px; 
}

.fInfoMail
{
	width: 100%;
	min-height: 50px;
	background: url(../img/icomail.png) no-repeat left top;
	margin-bottom: 10px;
	box-sizing: border-box;
	padding-left: 48px; 
	line-height: 50px;
}

.fInfoMail a 
{
	color: #FFF;
	cursor: pointer;
}

.fInfoMail a:hover 
{
	color: #FFF;
	text-decoration: underline;
}

.fInfoTel a 
{
	color: #FFF;
	cursor: pointer;
}

.fInfoTel a:hover 
{
	color: #FFF;
	text-decoration: underline;
}



.footerListe
{
	list-style: none;
	padding: 0;
	font-size: 12px;
}

.footerListe a
{
	color: #FFF;
	text-decoration: none;
}

.footerListe a:hover
{
	color: #FFF;
	text-decoration: underline;
}

.footerPub
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.blueSlideItem
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.blueStick
{
	position: absolute;
	height: 24px;
	width: 100px;
	line-height: 24px;
	background: #4ebfea;
	top:0;
	left: 0;
	font-size: 12px;
	font-family: 'futReg';
	color: #FFF;
	text-indent: 10px;
}

.blueStickTr
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;
	border-color: transparent #38a0c7 transparent transparent;
	position: absolute;
	top: 24px;
}

.pinkStick
{
	position: absolute;
	height: 24px;
	width: 100px;
	line-height: 24px;
	background: #9b1df4;
	top:0;
	left: 0;
	font-size: 12px;
	font-family: 'futReg';
	color: #FFF;
	text-indent: 10px;
	overflow: hidden;
}

.pinkStickTr
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;
	border-color: transparent #680da8 transparent transparent;
	position: absolute;
	top: 24px;
}

.roseStick
{
	position: absolute;
	height: 24px;
	width: 100px;
	line-height: 24px;
	background: #f76f9d;
	top:0;
	left: 0;
	font-size: 12px;
	font-family: 'futReg';
	color: #FFF;
	text-indent: 10px;
}

.roseStickTr
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;
	border-color: transparent #d75481 transparent transparent;
	position: absolute;
	top: 24px;
}

.mauveStick
{
	position: absolute;
	height: 24px;
	width: 100px;
	line-height: 24px;
	background: #6144fd;
	top:0;
	left: 0;
	font-size: 12px;
	font-family: 'futReg';
	color: #FFF;
	text-indent: 10px;
}

.mauveStickTr
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;
	border-color: transparent #4127d1 transparent transparent;
	position: absolute;
	top: 24px;
}

.redStick
{
	position: absolute;
	height: 24px;
	width: 100px;
	line-height: 24px;
	background: #df2400;
	top:0;
	left: 0;
	font-size: 12px;
	font-family: 'futReg';
	color: #FFF;
	text-indent: 10px;
}

.redStickTr
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;
	border-color: transparent #a31b01 transparent transparent;
	position: absolute;
	top: 24px;
}

.greenStick
{
	position: absolute;
	height: 24px;
	width: 100px;
	line-height: 24px;
	background: #9bd907;
	top:0;
	left: 0;
	font-size: 12px;
	font-family: 'futReg';
	color: #FFF;
	text-indent: 10px;
}

.greenStickTr
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;
	border-color: transparent #85b70c transparent transparent;
	position: absolute;
	top: 24px;
}



.stik
{
	position: absolute;
	top: 20px;
	left: 20px;
}

.stikR
{
	position: absolute;
	top: 20px;
	right: 120px;
}

.greyStick
{
	position: absolute;
	height: 24px;
	width: 160px;
	line-height: 24px;
	background: #b7cbd6;
	top:0;
	left: 100px;
	font-size: 12px;
	font-family: 'futReg';
	color: #333;
	text-indent: 10px;
}

.selPict
{
	position: absolute;
	height: 90%;
	width: 45%;
	top: 10%;
	background-size: 95%;
	background-position: center right;
	background-repeat: no-repeat;
}

.selDet
{
	position: absolute;
	width: 55%;
	height: calc(90% - 75px);
	right: 0;
	top: 10%;
	box-sizing: border-box;
	padding-right: 20px;
	padding-top: 20px;
	text-align: right;
	font-size: 12px;
	overflow: hidden;
}

.selDet img
{
	height: 16px;
	text-align: right;
	margin-bottom: 10px;
	float: right;
	display: block;
}

.selDet h2
{
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	font-size: 15px;
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
}


.topSlideItem
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.promoSlideItem
{
	position: absolute;
	width: 100.1%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0)!important;
}


.sldPromoPict
{
	position: absolute;
	width: 40%;
	left: 3%;
	height: 100%;
	background-size: 100%;
	background-position: left center;
	background-repeat: no-repeat;
}

.sldPromoDesc
{
	position: absolute;
	width: 55%;
	height: calc(100% - 140px);
	top: 60px;
	right: 0;
	box-sizing: border-box;
	padding-right: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #6b6b6b;
}

.sldPromoDesc span
{
	display: block;
	width: 80%;
	/*height: 50px;*/
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 18px;
	margin-bottom: 6px;
	overflow: hidden;
}

.sldPromoComm 
{
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 12px;
	right: 0;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}

.sldSelComm 
{
	position: absolute;
	width: 100%;
	bottom: 5px;
	right: 0;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}

.eprodPrice 
{
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	text-align: right;
	float: right;
}

.eprodPriceIsPromo 
{
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-align: right;
	float: right;
	text-decoration: line-through;
	margin-right: 10px;
	margin-top: 2px;
	color: #df2500;
}

.eprodPriceIsPromo small
{
	font-size: 9px;
	margin-left: 3px;
}

.eprodPriceIsPromoPromo 
{
	position: relative;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-align: left;
	text-decoration: line-through;
	margin-top: 2px;
	color: #df2500;
}

.eprodPriceIsPromoPromo small
{
	font-size: 9px;
	margin-left: 3px;

}


.eprodPriceIsPromoPromoTop 
{
	position: relative;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-indent: 10px;
	font-weight: bold;
	color: #333;
	text-align: left;
	text-decoration: line-through;
	margin-top: 2px;
	color: #df2500;
}

.eprodPriceIsPromoPromoTop small
{
	font-size: 8px;
	margin-left: 3px;

}

.eprodPrice small
{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	display: block;
	margin-left: 3px;
	float: right;
}



.prodDetails
{
	position: relative;
	height: 28px;
	border-radius: 20px;
	background: #69b2e0;
	box-sizing: border-box;
	padding: 0px 20px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 26px;
	float:right;
	cursor: pointer;
	margin-right: 5px;
	margin-left: 5px;
}

.prodAchat
{
	position: relative;
	height: 28px;
	border-radius: 20px;
	border:1px solid #69b2e0;
	box-sizing: border-box;
	padding: 0px 20px 0px 28px;
	font-size: 11px;
	font-weight: bold;
	color: #69b2e0;
	text-align: center;
	line-height: 26px;
	float:right;
	cursor: pointer;
	background: url(../img/basket.png) no-repeat left center;
	background-size: auto 18px;
}

.nonDispo1
{
	position: relative;
	height: 28px;
	border-radius: 20px;
	background : red;
	box-sizing: border-box;
	padding: 0px 20px 0px 20px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 26px;
	float:right;
}


.commerceZone
{
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}

.deadContact
{
	position: absolute;
	height: 50px;
	right: 90px;
	top: 5px;
}

.headTel
{
	height: 50px;
	background: url(../img/headtel.png) no-repeat left center;
	color: #333;
	padding-left: 50px;
	font-size: 11px;
	font-weight: bold;
	padding-top: 8px;
	box-sizing: border-box;
	padding-right: 20px;
	float: left;
}

.headTel span
{
	font-size: 17px;
	font-weight: bold;
	display: block;
	margin-top: -6px;
}

.headMail
{
	height: 50px;
	background: url(../img/headmail.png) no-repeat left center;
	color: #333;
	padding-left: 50px;
	font-size: 11px;
	font-weight: bold;
	padding-top: 8px;
	box-sizing: border-box;
	padding-right: 20px;
	float: left;
}

.headMail span
{
	font-size: 17px;
	font-weight: bold;
	display: block;
	margin-top: -6px;
}

.rightuser
{
	position: absolute;
	height: 50px;
	width: 50px;
	background: url(../img/rightuser.png) no-repeat left center;
	background-size: 50px;
	left: 20px;
	top: 10px;
	cursor: pointer;
}

.rightCart
{
	position: absolute;
	height: 50px;
	width: 50px;
	background: url(../img/rightcart.png) no-repeat left center;
	background-size: 50px;
	left: 20px;
	top: 75px;
	cursor: pointer;
}

.rightCartNbr
{
	position: absolute;
	width: 18px;
	height: 18px;
	background: #7668fa;
	font-size: 8px;
	line-height: 16px;
	text-align: center;
	color: #FFF;
	border-radius: 10px;
	top: 80px;
	left: 50px;
	display: none;
}

.rightDiscuss
{
	position: absolute;
	height: 50px;
	width: 50px;
	background: url(../img/discuss.png) no-repeat center center;
	background-size: 40px;
	left: 20px;
	top: 132px;
	cursor: pointer;
	display: none;
}

.rightDiscussNbr
{
	position: absolute;
	width: 18px;
	height: 18px;
	background: #7668fa;
	font-size: 8px;
	line-height: 16px;
	text-align: center;
	color: #FFF;
	border-radius: 10px;
	top: 135px;
	left: 50px;
	display: none;
}

#zoneConn
{
	position: absolute;
	width: 310px;
	height: calc(100% - 18px);
	display: none;
	background: #FFF;
}

#zonePanier
{
	position: absolute;
	width: 310px;
	height: calc(100% - 18px);
	display: none;
}

.panierHeader
{
	position: absolute;
	width: 100%;
	height: 140px;
	/*background-image: -moz-linear-gradient( 51deg, rgba(180,185,189,.3) 0%, rgba(207,217,219,.3) 100%);
	background-image: -webkit-linear-gradient( 51deg, rgba(180,185,189,.3) 0%, rgba(207,217,219,.3) 100%);
	background-image: -ms-linear-gradient( 51deg, rgba(180,185,189,.3) 0%, rgba(207,217,219,.3) 100%);*/
	background-image: -moz-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
background-image: -webkit-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
background-image: -ms-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);

	box-sizing: border-box;
	padding: 10px 15px;
}

.pHeadTitle
{
	position: relative;
	width: 100%;
	height: 26px;
	background: url(../img/panierico.png) no-repeat right center;
	background-size: 26px;
	box-sizing: border-box;
	padding-right: 32px;
	text-align: right;
	line-height: 25px;
	font-size: 18px;
	color: #FFF;
	margin-bottom: 10px;
}

.pHeadSub
{
	position: relative;
	width: 100%;
	height: 32px;
	font-size: 11px;
	line-height: 32px;
	border-top: 1px solid rgba(255,255,255,.8);
	border-bottom: 1px solid rgba(255,255,255,.8);
	color: #FFF;
	margin-bottom: 15px;
}

.pHeadSub span
{
	float: right;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
}

.pHeadCheckOut
{
	position: relative;
	width: 170px;
	height: 30px;
	background: rgba(255,255,255,.8);
	border-radius: 20px;
	margin: auto;
	line-height: 30px;
	text-align:center;
	cursor: pointer;
	color: #7668fa;
	font-weight: bold;
}

.pHeadSub small
{
	font-size: 9px;
}


.panierCorps
{
	position: absolute;
	width: 100%;
	height: calc(100% - 140px);
	top: 140px;
	box-sizing: border-box;
	overflow: hidden;
}

.panierItem
{
	position: relative;
	width: 100%;
	border-bottom: #CCC 1px solid;
	display: inline-block;
}

.panItemLeft
{
	position: relative;
	width: 75px;
	float: left;
	display: inline-block;
}

.panItemRight
{
	position: relative;
	width: calc(100% - 75px);
	float: left;
	box-sizing: border-box;
	padding: 10px;
	display: inline-block;
	font-size: 12px;
	text-align: left;
	line-height: 14px;

}

.panItemRight span
{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 7px;
}

.panItemRight small
{
	color: #707070;
	font-size: 10px;
	line-height: 8px;
	display: inline-block;
}


.panItemRight .panQty
{
	float: left;
	height: 20px;
	line-height: 19px;
	background: #7668fa;
	padding: 0px 10px;
	color: #FFF;
	font-size: 12px;
	border-radius: 5px;
	margin-top: 2px;
	margin-right: 5px;
}

.panItemRight .panPrc
{
	float: left;
	height: 20px;
	line-height: 19px;
	background: #ecf0f1;
	padding: 0px 10px;
	color: #333;
	font-size: 12px;
	border-radius: 5px;
	margin-top: 2px;
	margin-right: 5px;
}

.panItemRight .totPriceLine
{
	position: relative;
	width: 100%;
	height: 24px;
	line-height: 23px;
	color: #333;
	font-size: 14px;
	border-radius: 5px;
	margin-top: 10px;
	display: block;
}

.panItemRight .panCol
{
	width: 100%;
	height: 14px;
	font-size: 11px;
	color: #333;
	line-height: 13px;
	margin-bottom: 3px;
	margin-top: 4px;
}

.panItemRight .panCol .pCol
{
	width: 14px;
	height: 14px;
	float: left;
	margin-right: 5px;
	background-size: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 15px;
}



.pItemPict
{
	position: relative;
	width: 100%;
	height: 75px;
	background-size: 75px;
	background-position: center center;
	background-repeat: no-repeat;
}





#logConn
{
	width: 310px;
}

.loginCorps
{
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	background: #FFF;
}

.connCorps
{
	width: 100%;
	box-sizing: border-box;
	background: #FFF;
}

.loginCorps .logInput
{
	position: relative;
	width: 100%;
	height: 32px;
	background: #ecf0f1;
	border-radius: 22px;
	border: none;
	box-sizing: border-box;
	padding: 0 15px;
	line-height: 32px;
	margin-bottom: 10px;
}

.inpLogin
{
    height: 50px;
    -webkit-appearance: none;
    border-radius: 0;
    border:none;
    border-bottom: 1px solid #6144fd;
    background: #FFF;
    webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    margin-bottom: 20px;
}

.lgInputSubmit
{
    width: 100%;
    height: 32px;
    margin-top: 20px;
    color: #FFF;
    background: #6144fd;
    padding: 0px 15px;
    line-height: 28px;
    border-radius: 23px;
    font-size: 12px;
}

.lerror
{
    border-bottom: 1px solid #d32a2a;
}

.user
{
	position: relative;
	width: 80px;
	height: 80px;
	background: url(../img/user.png) no-repeat center center;
	background-size: 76px;
	margin: auto;
	margin-bottom: 20px;
}


.connHeader
{
	width: 100%;
	display: inline-block;
	background-image: -moz-linear-gradient( 51deg, rgba(180,185,189,.3) 0%, rgba(207,217,219,.3) 100%);
	background-image: -webkit-linear-gradient( 51deg, rgba(180,185,189,.3) 0%, rgba(207,217,219,.3) 100%);
	background-image: -ms-linear-gradient( 51deg, rgba(180,185,189,.3) 0%, rgba(207,217,219,.3) 100%);
	box-sizing: border-box;
	padding: 10px;
}

.connMenu
{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}

.connMenuItem
{
	height: 30px;
	line-height: 30px;
	color: #7f8c8d;
	text-align: right;
	padding-right: 10px;
	cursor: pointer;
}

.cmiActive
{
	color: #333;
}

.connMenuItem:hover
{
	text-decoration: underline;
}

.connMenuItem i 
{
	margin-left: 10px;
	font-size: 16px;
}

.connUser
{
	position: relative;
	width: 80px;
	height: 80px;
	background: url(../img/user.png) no-repeat center center;
	background-size: 76px;
	float: right;

	
}

.infoUser
{
	float: right;
	box-sizing: border-box;
	padding: 10px 5px;
	font-size: 12px;
	text-align: right;
	line-height: 14px;
}

.infoUser span
{
	display: block;
	font-size: 13px;
	font-weight: bold;
}

.infoUser .deConn
{
	display: block;
	float: right;
	height: 18px;
	line-height: 18px;
	box-sizing: border-box;
	padding: 0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	border-radius: 10px;
	background:#7e16da;
	margin-top: 6px;
	cursor: pointer;
}


.mpo
{
	font-size: 11px;
	padding-top: 20px;
	padding-bottom: 30px;
	width: 100%;
}

.mpo a 
{
	color: #333;
	text-decoration: none;
}

.mpo a:hover
{
	color: #333;
	text-decoration: underline;
}

#zPubs {display: block;}

.marqueR
{
	position: absolute;
	top: 20px;
	right: 20px;
	height: 24px;
}

.marqueR img
{
	position: relative;
	height: 16px;
}

.marqueL
{
	position: absolute;
	top: 20px;
	left: 20px;
	height: 24px;
}

.marqueL img
{
	position: relative;
	height: 16px;
}


/* -- Catgories Products -------- */

.catHeader
{
	position: relative;
	width: 100%;
	min-height: 160px;
	background: #191a23 url(../img/bg_prodc.jpg) no-repeat center center;
	background-size: 100%;
	display: inline-block;
}

.catHeaderClose
{
	position: absolute;
	width: 100%;
	height: 60px;
	background: url(../img/cat_triangle.png) no-repeat left top;
	background-size: 100% 100%;
	bottom: 0;

}

.catHeaderClose1
{
	position: relative;
	width: 100%;
	height: 40px;
	background: url(../img/cat_triangle1.png) no-repeat left top;
	background-size: 100% 100%;

}

.catTxt
{
	position: relative;
	width: 100%;
	height: 20px;
	background: url(../img/bg_grey.png);
	margin-top: -5px;
}

.mar-100
{
	position: relative;
	margin-top: -100px!important;
}

.top-content
{
	position: relative;
	width:100%;
	margin-top:-140px;
	color:#rrr;
}

.whTopContent
{
	position: absolute;
	width: 100%;
	top:140px;
	bottom: 0;
	background: #FFF;
}

.filterZone
{
	position: relative;
	width: 260px;
	float: left;
}

.ProdResZone
{
	position: relative;
	width: calc(100% - 260px);
	float: left;
	box-sizing: border-box;
   	padding: 56px 0 20px 20px;
}

.filterContainer
{
	width: 100%;
	min-height: 500px;
	display: inline-block;
	background: #FFF;
	box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.20);
	border-radius: 3px;	
    overflow: hidden;
}

.filterContainerItems
{
	width: 100%;
   	box-sizing: border-box;
   	padding: 20px 20px 0 20px;
   	display: inline-block;
   	text-transform: uppercase;
}

.filterContainer hr 
{
	margin-bottom: 0px;
}

.filterContainerItems .filterTitle
{
	width: 100%;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 5px;
}

.filterContainerItems .filterPlace
{
	width: 100%;
	font-weight: normal;
	font-size: 11px;
	display: inline-block;
}

.filterContainerItems .filterPlace .fpItem50
{
	width: 50%;
	height: 26px;
	float: left;
	overflow: hidden;
}

.filterContainerItems .filterPlace .fpItem100
{
	width: 100%;
	height: 26px;
	float: left;
	overflow: hidden;
}

.my-checkbox {
  position: relative;
  height: 20px;
  line-height: 20px;
  display: block;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
}


.my-checkbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.my-checkbox span:before {
  content: '.';
  padding-left: 6px;
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
  padding-top: 2px;
  line-height: 14px;

}
.my-checkbox input + span:before {
  color: transparent;
  background-color: rgba(207,217,219,.5);
}
.my-checkbox input:hover + span:before {
  color: transparent;
  background-color: rgba(207,217,219,.5);
  
}
.my-checkbox input:checked + span:before {
  border : 4px solid rgba(207,217,219,1);
  background-color: #9b1df4;
  line-height: 8px;
}
.my-checkbox input:checked:hover + span:before {
  color: transparent;
  background-color: #9b1df4;
}


.CatDesc
{
	height: 100px;
	width: 300px;
}

.catPinkStick {
    position: relative;
    height: 26px;
    line-height: 26px;
    background: #9b1df4;
    font-size: 16px;
    color: #FFF;
    box-sizing: border-box;
    padding: 0 15px;
    display: inline-block;
    font-family: 'futReg';
}

.catSelCat {
    position: relative;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    display: block;
    font-family: 'futReg';
    margin-bottom: 20px;
}

.catPinkStickTr {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 0;
    border-color: transparent #680da8 transparent transparent;
    position: relative;

}

.resultFilter
{
	width: 100%;
	display: inline-block;
}

.resItem
{
	position: relative;
	width: 33.33%;
	float: left;
	box-sizing: border-box;
    padding: 10px 20px 10px 0;

}

.resItem .prodCart
{
	position: relative;
	width: 100%;
	box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.20);
	border-radius: 3px;
	box-sizing: border-box;
    padding: 20px;
    font-size: 12px;
    text-align: center;
}

.resItem .prodCart .ppZone
{
	width: 100%;
	height: 240px;
	overflow: hidden;
}

.resItem .prodCart .pp
{
	height: 240px;
	text-align: center;
}

.resItem .prodCart .ppTxt
{
	width: 100%;
	height: 80px;
	overflow: hidden;
}

.resItem .prodCart p 
{
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
}


.resItem .prodCart h4
{
	width: 80%;
	font-size: 15px;
	display: block;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	text-align: left;
	font-weight: bold;
}

.resItem .prodCart .brLogo
{
	position: absolute;
	top: 20px;
	right: 20px;
	height: 20px;
}

.resItem .prodCart .brLogo > img
{
	height: 20px;
}



/* -- Details Products -------- */

.detHeader
{
	position: relative;
	width: 100%;
	min-height: 500px;
	background: #cfd9db url(../img/bg_prod1.jpg) no-repeat center center;
	background-size: cover;
	display: inline-block;
}

.detHeaderMob
{
	position: relative;
	width: 100%;
	min-height: 100px;
	background: #cfd9db url(../img/bg_prod1.jpg) no-repeat left center;
	background-size: 200%;
	display: none;
}

.detHeaderClose
{
	position: absolute;
	width: 100%;
	height: 150px;
	background: url(../img/det_triangle.png) no-repeat left top;
	background-size: auto 150px;
	bottom: 0;
}

.pictDetP
{
	position: relative;
	width: 45%;
	margin-left: 5%;
	float: left;
}




.TxtDetP
{
	position: relative;
	width: 50%;
	float: left;
	color: #FFF!important;
	box-sizing: border-box;
	padding: 60px 30px 160px 30px;
	font-size: 13px;
	display: inline-block;
}

.TxtDetP > .proRef
{
	color: #333;
	margin-top: 5px;
	font-size: 12px;
	font-weight: normal;
}

.TxtDetP h4
{
	width: 50%;
	font-size: 20px;
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding-bottom: 10px;
	color: #333;
}

.TxtDetP h3
{
	color: #333;
	font-size: 32px;
	padding-bottom: 10px;
	margin: 0;
	padding: 0;

}

.TxtDetP h3 small
{
	color: #333;
	font-size: 12px;
	padding-bottom: 10px;
	background: none;
	padding: 15px 5px;

}

.dispo
{
	display: inline-block;
	position: relative;
	background: #9bd907;
	color: #333;
	padding: 6px 20px;
	font-size: 11px;
	border-radius: 20px;
	font-weight: bold;
}

.nonDispo
{
	display: inline-block;
	position: relative;
	background: #cc0e0e;
	color: #FFF;
	padding: 6px 20px;
	font-size: 11px;
	border-radius: 20px;
	font-weight: bold;
}


.colorDispo
{
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

.colorDispo .titCol
{
	height: 30px;
	float: left;
	margin-right: 20px;
	font-size: 11px;
	color: #333;
	line-height: 30px;

}

.colorDispo .zoneCol
{
	height: 30px;
	float: left;
}

.colorDispo .colorItem
{
	position: relative;
	height: 30px;
	width: 30px;
	float: left;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 20px;
	border: 1px solid #FFF;
	margin-right: 6px;
	cursor: pointer;
	line-height: 28px;
	text-align: center;
	font-size: 13px;

}

.selColorItem
{
	position: relative;
	height: 28px;
	width: 28px;
	float: left;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 20px;
	border: 1px solid #FFF;
	margin-right: 6px;
	margin-top: 2px;

}


.TxtDetP p
{
	color: #333;
	font-size: 14px;
	margin-bottom: 2px;
}

.TxtDetP small
{
	font-size: 11px;
	font-weight: normal;
	display: inline-block;
	padding: 3px 20px;
	background: #7e16da;
	border-radius: 20px;
}

.TxtDetP img
{
	height: 14px;
	
}


.pictDetP img
{
	width: 100%;
}

.detGalContainer
{
	position: absolute;
	width: 100px;
	bottom: 30px;
	left: 30px;
}

.galItem
{
	width: 100%;
	margin-top: 5px;
	border: 1px solid rgba(255,255,255,.1);
	opacity: .8;
	cursor: pointer;
}

.galItem:hover
{
	opacity: .95;
}


.galItem img
{
	width: 100%;
}


.galModal
{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.98);
	top: 0;
	z-index: 1000;
	display: none;
}

.galModal > .title
{
	position: absolute;
	width: 30%;
	padding: 24px;
	left: 30px;
	font-size: 20px;
	color: #333;
	border-left: 1px solid #333;
	font-weight: bold;
}

.galModal > .title small
{
	font-size: 10px;
	font-weight: normal;
	display: block;
}

.galModal > .mClose
{
	position: absolute;
	width: 40px;
	height: 40px;
	border: 1px solid #333;
	text-align: center;
	line-height: 40px;
	top: 30px;
	right: 30px;
	color: #333;
	font-size: 20px;
	font-weight: normal;
	cursor: pointer;
}


.galModal > .zoneGal
{
	position: absolute;	
	height: 46px;
	bottom: 30px;
	left: 30px;
	color: #333;
}

.galModal > .zoneGal > .zoneGalItem
{
	position: relative;
	margin-left: 5px;
	height: 46px;
	float: left;
	border: 1px solid #333;
	cursor: pointer;
}

.galModal > .zoneGal > .zoneGalItem img
{
	height: 44px;
}

.zoneGalSlide
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.zoneGalSlide > .galPictItem
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.centerDiv
{
	text-align: center;
}

.itemRub
{
	display: inline-block;
	font-size: 20px;
	color: #CCC;
	padding: 0 20px;
	font-weight: normal;
	cursor: pointer;
}

.itemRub:hover
{
	color: #333;
}

.active
{
	color: #333;
}

.pb10
{
	padding-bottom: 10px;
}

.pad10
{
	box-sizing: border-box;
	padding: 10px;
}

.pad10 p
{
	font-size: 14px;
}

.styCarName
{
	font-size: 16px;
	text-align: right;
	border-right: 1px dotted #CCC;
}

.itemDet
{
	display: none;
	padding-bottom: 50px;
}

.centeritemDet
{
	text-align: center;
}

.inlBlk 
{
	display: inline-block;
	float: none;
}

.taLeft
{
	text-align: left;
	padding: 4px 10px;
}

.otherItem
{
	width: 33%;
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	height: 180px;
	overflow: hidden;
}

.otherPict
{
	position: relative;
	float: left;
	padding: 0;
	width: 40%;
}

.otherPict img
{
	width: 100%;
}

.otherTxt
{
	position: relative;
	float: left;
	box-sizing: border-box;
	padding: 20px 10px;
	width: 60%;
}

.otherTxt span
{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	display: block;
	margin-bottom: 4px;
	
}

.otherTxt small
{
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	display: block;
	color: #797f80;

}

.otherPrice
{
	color: #1674d5;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.otherProdDetails {
    position: relative;
    height: 28px;
    border-radius: 20px;
    background: #69b2e0;
    box-sizing: border-box;
    padding: 0px 20px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 26px;
    float: right;
    cursor: pointer;
    margin-top: 10px;
}

.otherProdAchat {
    position: relative;
    height: 28px;
    border-radius: 20px;
    border: 1px solid #69b2e0;
    box-sizing: border-box;
    padding: 0px 20px 0px 28px;
    font-size: 11px;
    font-weight: bold;
    color: #69b2e0;
    text-align: center;
    line-height: 26px;
    float: right;
    cursor: pointer;
    background: url(../img/basket.png) no-repeat left center;
    background-size: auto auto;
    background-size: auto 18px;
}

.indispItem
{
	width: 20%;
	height: 174px;
	float: left;
}


/* ---Sub Menu desktop ----------- */

.subMenu
{
	position: fixed;
	width: 100%;
	height: 580px;
	background: #191a23;
	top:0;
	z-index: 98;
	overflow: hidden;
	box-shadow: 0.1px 0.1px 5px 0px rgba(1, 1, 1, 0.30);
	top:-540px;
}

.zoneSubMenu
{
	position: absolute;
	width: 100%;
	height: calc(100% - 100px);
	top: 100px;
	box-sizing: border-box;
}

.subMenuItem 
{
	position: absolute;
	width: calc(100% - 100px);
	height: 100%;
	display: none;
}

.subMenuItem > .smPict
{
	position: absolute;
	width: 250px;
	height: 100%;
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}

.subMenuItem > .smMenu
{
	position: absolute;
	width: calc(100% - 250px);
	left: 250px;
	height: 100%;
	box-sizing: border-box;
	padding: 20px 0 20px 20px;
}

.subMenuItem > .smMenu .mtitle
{
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 10px;
	color: #7f8c8d;
	/*background: #7f8c8d;*/
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 6px;
	border-radius: 16px;
}

.subMenuItem > .smMenu .mSub
{
	width: 100%;
	min-height: 90px;
	box-sizing: border-box;
	padding: 0px 0px 20px 10px;
	cursor: pointer;
}

.subMenuItem > .smMenu .mSubItem
{
	width: 100%;
	height: 20px;
	font-weight: bold;
	font-size: 11px;
	color: #ecf0f1;
}

.subMenuItem > .smMenu .mSubItem:hover
{
	text-decoration: underline;
}

.isDisplay
{
	display: block;
}



.det2
{
	display: none;
}

.dispoItem
{
	display: none;
}

.zoneComm
{
	padding-top: 5px;
}

.comQty
{
	position: relative;
	width: 120px;
	height: 40px;
	border-radius: 20px;
	background: #6144fd;
	float: left;
	margin-right: 6px;
}

.comQtyMoins
{
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background: rgba(255,255,255,.1);
	text-align: center;
	line-height: 28px;
	color: #FFF;
	top:5px;
	left: 5px;
	font-size: 18px;
	cursor: pointer;
}

.comQtyPlus
{
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background: rgba(255,255,255,.1);
	text-align: center;
	line-height: 28px;
	color: #FFF;
	top:5px;
	right: 5px;
	font-size: 18px;
	cursor: pointer;
}

.comQtyNum
{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 40px;
	text-align: center;
	line-height: 36px;
	color: #FFF;
	font-size: 14px;
}

.comAddPanel
{
	position: relative;
	height: 40px;
	border-radius: 20px;
	line-height: 40px;
	color: #FFF;
	font-size: 12px;
	box-sizing: border-box;
	padding: 0 18px 0 32px;
	background: #6144fd url('../img/basketwhite.png') no-repeat left center;
	background-size: auto 18px;
	float: left;
	cursor: pointer;
}

.panelOpt
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(44, 62, 80,0.8);
	z-index: 99999;
	display: none;
}

.confirmAdd
{
	position: absolute;
	width: 680px;
	height: 340px;
	left: 50%;
	top: 50%;
	margin-left: -340px;
	margin-top: -170px;
	background: #FFF;
	border-radius: 10px;
	border-top-left-radius: 20px;
	box-shadow:  0px 0px 40px 0px rgba(0,0,0,.2);
	overflow: hidden;
	display: none;
	-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
    transform-style: preserve-3d;
}


.confAddProd
{
	position: absolute;
	width: 100%;
	height: 220px;
	top: 0px;
	color: #333;
}

.conAddPanel
{
	position: absolute;
	width: 100%;
	height: 120px;
	top: 220px;
	background-image: -moz-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	background-image: -webkit-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	background-image: -ms-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	color: #FFF;

}

.confAddProd > .pict
{
	position: relative;
	width: 240px;
	height: 220px;
	background-size: 220px;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
}

.confAddProd > .lastDetails
{
	position: relative;
	width: calc(100% - 240px);
	float: left;
	box-sizing: border-box;
	padding: 20px 10px;
}

.confAddProd > .lastDetails .verif
{
	color: #8bc10b;
	height:22px;
	line-height: 22px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}



.confAddProd > .lastDetails span
{
	font-size: 16px;
	font-weight: bold;
}


.confAddProd > .lastDetails .panCol {
    width: 100%;
    height: 20px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-bottom: 3px;
    margin-top: 4px;
}

.confAddProd > .lastDetails .panCol .pCol {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
}

.confAddProd > .lastDetails .totPriceLine {
    position: relative;
    width: 100%;
    height: 24px;
    line-height: 23px;
    color: #333;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 10px;
    display: block;
    font-weight: bold;
}

.confAddProd > .lastDetails > .totPriceLine > small {
	font-size: 10px;
	font-weight: normal;
}


.conAddPanel > .basketIco
{
	position: relative;
	width: 70px;
	height: 100%;
	background: url(../img/panierico.png) no-repeat center center;
	background-size: 38px;
	float: left;
}

.conAddPanel > .basketDet
{
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
	color: #FFF;
	font-size: 14px;
	box-sizing: border-box;
	padding: 25px 0;
}

.conAddPanel span
{
	font-size: 18px;
	font-weight: bold;
}

.conAddPanel small
{
	font-size: 10px;
	font-weight: normal;
}

.conAddPanel .bts
{
	position: relative;
	float: left;
	width: calc(50% - 70px);
	box-sizing: border-box;
	padding: 25px 20px;
}

.conAddPanel .btPanel
{
	position: relative;
	font-size: 12px;
	float: right;
	background: rgba(255,255,255,.9);
	width: 190px;
	height: 30px;
	color: #7668fa;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 10px;
}

.conAddPanel .btPanel:hover
{
	background: rgba(255,255,255,1);
}

.panWait
{
	position: absolute;
	width: 200px;
	height: 200px;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -100px;
	background: url(../img/panierico.png) no-repeat center center;
	background-size: 50px;
}

.panWait .wtxt
{	
	width: 200px;
	height: 200px;
	position: absolute;
	box-sizing: border-box;
	padding: 155px 0px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	top: 0;
	left: 0;
} 

.panelComm
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(44, 62, 80,0.8);
	z-index: 99999;
	display: none;
}

.commModal
{
	position: absolute;
	width: 90%;
	height: calc(95% - 100px);
	top: 5%;
	left: 5%;
	background: #FFF;
	border-radius: 8px;
	box-shadow:  0px 0px 40px 0px rgba(0,0,0,.2);
	overflow: hidden;
}

.commPanel
{
	position: absolute;
	width: 50%;
	height: calc(100% - 100px);
	left: 0;
	background: #FFF;
	border-right: 1px solid #ecf0f1;
	box-sizing: border-box;
	padding: 30px;
	color: #333;
}

.commPanelFooter
{
	position: absolute;
	width: 50%;
	height: 100px;
	bottom: 0;
	background-image: -moz-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	background-image: -webkit-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	background-image: -ms-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	color: #FFF;
	box-sizing: border-box;

}

.commPanel h3
{
	font-size: 18px;
	margin: 0;
	padding: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #ecf0f1;
}

.tabPanier table
{
	width: 100%;
}

.tabPanier thead
{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ecf0f1;
}

.tabPanier tr
{

	border-bottom: 1px solid #ecf0f1;
}


.tabPanier td
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.tabPanier .panCol {
    width: 100%;
    height: 20px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-bottom: 3px;
    margin-top: 4px;
}

.tabPanier .panCol .pCol {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
}

.commPanelFooter > .basketIco
{
	position: relative;
	width: 70px;
	height: 100%;
	background: url(../img/panierico.png) no-repeat center center;
	background-size: 38px;
	float: left;
}

.commPanelFooter > .basketDet
{
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
	color: #FFF;
	font-size: 14px;
	box-sizing: border-box;
	padding: 22px 0;
	line-height: 16px;
}

.commPanelFooter span
{
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
}

.commPanelFooter small
{
	font-size: 10px;
	font-weight: normal;
}


.commClient
{
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	background: #FFF;
	color: #333;
	overflow: auto;
}

.zoneConnect
{
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	padding: 30px 0;
}

.commClient h3
{
	font-size: 15px;
	margin: 0;
	padding: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #ecf0f1;
	text-align: center;
}

.connChoice
{
	width: 100%;
	margin: 30px 0;
	text-align: center;
	display: inline-block;
}

.connDeja
{
	padding: 10px 20px;
	display: inline-block;
	font-size: 14px;
	background: #ecf0f1;
	color: #333;
	margin-right: 1px;
	cursor: pointer;
	border-radius: 2px;
	box-shadow:  2px 2px 3px 0px rgba(0,0,0,.1);
}

.currentConn
{
	background: rgb(87,56,254);
	color: #FFF;
}

.zDejaCli
{
	position: relative;
	width: 280px;
	margin: auto;
}

.zDejaCli input
{
	width: 100%;
	height: 40px;
	border-radius: 0px;
	background: #FFF;
	border: none;
	padding: 0;
	/*box-shadow:  0px 0px 5px 0px rgba(0,0,0,.1);*/
	text-indent: 10px;
	margin-bottom: 10px;
	border: 1px solid #95a5a6;
}


.zDejaCli .btConn
{
	width: 120px;
	height: 40px;
	border-radius: 0px;
	background: rgba(162,30,255,1);
	border: none;
	color: #FFF;
	text-align: center;
	float: right;
	line-height: 40px;
	cursor: pointer;
	box-shadow:  2px 2px 3px 0px rgba(0,0,0,.2);
}

.zDejaCli .btConn:hover
{
	background: rgba(162,30,255,.8);
}


.zNewCli
{
	position: relative;
	width: 100%;
	
}

.newCliLine
{
	width: 80%;
	display: inline-block;
	margin-left: 10%;
}

.newCliLine label
{
	width: 30%;
	float: left;
	line-height: 40px;
	box-sizing: border-box;
}

.newCliLine input
{
	width: 70%;
	height: 40px;
	border-radius: 0px;
	background: #FFF;
	border: none;
	padding: 0;
	/*box-shadow:  0px 0px 5px 0px rgba(0,0,0,.1);*/
	text-indent: 10px;
	margin-bottom: 10px;
	border: 1px solid #95a5a6;
	float: left;
}

.newCliLine .dnaissance
{
	position: relative;
	display: inline-block;
	width: 70%;
	height: 40px;
	float: left;
}

.newCliLine .thirdZone
{
	position: relative;
	width: 33.333%;
	height: 40px;
	float: left;
}

.newCliLine .thirdZonePad
{
	box-sizing: border-box;
	padding-right: 10px;
}


.newCliLine select
{
	width: 70%;
	height: 40px;
	border-radius: 0px;
	background: #FFF;
	border: none;
	padding: 0;
	/*box-shadow:  0px 0px 5px 0px rgba(0,0,0,.1);*/
	text-indent: 5px;
	margin-bottom: 10px;
	border: 1px solid #95a5a6;
	float: left;
}

.newCliLine .btConn
{
	width: 120px;
	height: 40px;
	border-radius: 0px;
	background: rgba(162,30,255,1);
	border: none;
	color: #FFF;
	text-align: center;
	float: right;
	line-height: 40px;
	cursor: pointer;
	box-shadow:  2px 2px 3px 0px rgba(0,0,0,.2);
}

.CommClose
{
	position: absolute;
	width: 40px;
	height: 40px;
	background: rgb(87,56,254);
	right: calc(5% - 20px);
	top: calc(5% - 20px);
	border-radius: 50%;
	box-shadow:  2px 2px 3px 0px rgba(0,0,0,.2);
	color: #FFF;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	cursor: pointer;
}


.zoneInfoCli
{
	width: 100%;
	box-sizing: border-box;
	padding: 30px 30px 120px 30px;
}

.zoneInfoCli .infoCli 
{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ecf0f1;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

.adressLine
{
	width: 100%;
	padding: 10px 0; 
	display: inline-block;
	margin-bottom: 10px;
	border-bottom: 1px solid #ecf0f1;
	display: inline-block;
}

.adressLine .adrsel 
{
	width: 50px;
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
}

.adressLine .adrInfo 
{
	width: calc(100% - 50px);
	float: left;
	line-height: 17px;

}

.adressLine span 
{
	font-weight: bold;
}

.adressLine p 
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
	color: #7f8c8d;
	padding: 0;
	margin: 0;
    line-height: 16px;
}

.payValid
{
	position: absolute;
	width: 50%;
	height: 100px;
	background: #ecf0f1;
	right: 0;
	bottom: 0;
}


.btPayValid
{
	float: right;
	margin-top: 30px;
	margin-right: 20px;
	height: 40px;
	background: rgba(162,30,255,1);
	color: #FFF;
	padding: 0 20px;
	border-radius: 0px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 6px;
	box-shadow:  2px 2px 3px 0px rgba(0,0,0,.4);
}

.btPayValid:hover
{
	background: rgba(162,30,255,.9);
	box-shadow:  3px 3px 3px 0px rgba(0,0,0,.4);
}

.addAdr
{
	width: 100%;
	padding: 10px 0;
	display: inline-block;	
}

.homeSlectItem a 
{
	display: inline-block;
	float: right;
}

.otherSlectItem a 
{
	display: inline-block;
	float: right;
}


.mobSubMenu
{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #191a23;
	z-index: 98;
	overflow: hidden;
	display: none;
	top: -100%;
}

.mobMenuZone
{
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 80px 80px 20px 20px;
	overflow: auto;
}

.mobMobileItem
{
	position: relative;
	width: 100%;
	height: 40px;
	color: #FFF;
	line-height: 40px;
	border-bottom: 1px solid rgba(255,255,255,.3);
	cursor: pointer;
	text-transform: uppercase;
	background: url(../img/next.png) no-repeat right center;
	background-size: 20px;
	
}

.backSub
{
	position: absolute;
	width: 60px;
	height: 100%;
	background: url(../img/back.png) no-repeat center center;
	background-size: 30px;
}

.mobSubMenuZone
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
}

.mobSubMenuItem
{
	position: absolute;
	width: 100%;
	height: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding: 80px 80px 20px 30px;
	overflow: auto;
}

.mobSubMenuItem > .smMenu
{
	position: relative;
	width: 100%;
	left: 0px;
	height: 100%;
	box-sizing: border-box;
	
}

.mobSubMenuItem > .smMenu .mtitle
{
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 10px;
	color: #7f8c8d;
	/*background: #7f8c8d;*/
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 6px;
	border-radius: 16px;
}

.mobSubMenuItem > .smMenu .mSub
{
	width: 100%;
	box-sizing: border-box;
	padding: 0px 0px 20px 10px;
	cursor: pointer;
}

.mobSubMenuItem > .smMenu .mSubItem
{
	width: 100%;
	height: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #ecf0f1;
}

.mobSubMenuItem > .smMenu .mSubItem:hover
{
	text-decoration: underline;
}

.mobMenuBt
{
	position: absolute;
	width: 60px;
	height: 60px;
	right: 55px;
	background: url(../img/mobmenu.png) no-repeat center center;
	background-size: 48px;
	cursor: pointer;
	display: none;
}

.mobRechBt
{
	position: absolute;
	width: 60px;
	height: 60px;
	right: 100px;
	background: url(../img/rech.png) no-repeat center center;
	background-size: 40px;
	cursor: pointer;
	display: none;
}

.mobTelBt
{
	position: absolute;
	width: 60px;
	height: 60px;
	right: 140px;
	background: url(../img/headtel.png) no-repeat center center;
	background-size: 40px;
	cursor: pointer;
	display: none;
}


.carousel
{
	width: 100%;

}

.headerLogo
{
	position: absolute;
	width: 150px;
	height: 60px;
	cursor: pointer;

}

.filterBt
{
	width: 100%;
	height: 42px;
	background: #ecf0f1 url(../img/filtericon.png) 20px center no-repeat;
	background-size: 24px;
	margin-top: -3px;
	box-sizing: border-box;
	padding: 0px 70px 0px 50px;
	line-height: 42px;
	cursor: pointer;
	font-size: 12px;
	display: none;
}

.panelConfirm
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(44, 62, 80,0.8);
	z-index: 99999;
	display: none;
}

.confirmCommand 
{
	position: absolute;
	width: 480px;
	height: 180px;
	left: 50%;
	top: 50%;
	margin-left: -240px;
	margin-top: -90px;
	background: #FFF;
	border-radius: 10px;
	border-top-left-radius: 20px;
	box-shadow:  0px 0px 40px 0px rgba(0,0,0,.2);
	overflow: hidden;
	display: none;
}

.conCommFooter
{
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 0px;
	color: #FFF;
}

.conCommMessage
{
	position: absolute;
	width: 100%;
	padding: 20px;
	text-align: center;
	top: 35px;
	color: #333;
	box-sizing: border-box;
}

.conCommFooter .btClose
{
	position: relative;
	font-size: 12px;
	float: right;
	background-image: -moz-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	background-image: -webkit-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	background-image: -ms-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	width: 190px;
	height: 30px;
	color: rgba(255,255,255,.8);
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	font-weight: bold;
	cursor: pointer;
	margin-top: 15px;
	margin-right: 15px;
}

.conCommFooter .btClose:hover
{
	color: rgba(255,255,255,1);
}

.heig120
{
	min-height: 160px;
}

.clientNav
{
	width: 25%;
	display: inline-block;
	float: left;
	padding: 20px;
	box-sizing: border-box;
}

.clientAcc
{
	width: 75%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	padding: 20px;
}

.insDeja
{
	width: 35%;
	display: inline-block;
	float: left;
	padding: 20px;
	box-sizing: border-box;
}

.insNew
{
	width: 65%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	padding: 20px;
}


.clientAcc h2 
{
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ecf0f1;
	padding-bottom: 6px; 
	padding-top: 0;
	color: #333;
	font-weight: bold;
}


.insDeja h2 
{
	font-family: 'montser', sans-serif;
	font-size: 18px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ecf0f1;
	padding-bottom: 6px; 
	padding-top: 0;
	color: #333;
	font-weight: normal;
	margin: 0;
	font-weight: bold;
}

.insNew h2 
{
	font-family: 'montser', sans-serif;
	font-size: 18px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ecf0f1;
	padding-bottom: 6px; 
	padding-top: 0;
	color: #333;
	font-weight: normal;
	margin: 0;
	font-weight: bold;
}


.clientNavItem
{
	width: 100%;
    border: 10px;
    box-sizing: border-box;
    display: block;
    font-family: 'montser';
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    text-decoration: none;
    outline: none;
    font-size: inherit;
    font-weight: inherit;
    position: relative;
    z-index: 1;
    height: 42px;
    line-height: 42px;
    border-radius: 2px;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background-color: #F87DA9;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    float: left;
    color: #FFF;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.clientNavItem:hover
{
	opacity: .6;
}

/* Client ------------------------------- */

.clAccessItem
{
	width: 100%;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	padding: 10px;
	box-sizing: border-box;
	background: #FFF;
	margin-bottom: 10px;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;
}

.clAccessItem h3
{
	font-size: 14px;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	color: #2c3e50;
}

.clAccessItem h4
{
	font-size: 32px;
	padding: 0;
	margin: 0;
	color: #2c3e50;
	margin-top: 10px;
}

.rubCorps .sec20
{
	width: 20%;
	display: inline-block;
	float: left;
}

.clAccessItem .sec40
{
	width: 40%;
	display: inline-block;
	float: left;
}

.rubCorps .sec25
{
	width: 25%;
	display: inline-block;
	float: left;
}

.rubCorps .sec40
{
	width: 40%;
	display: inline-block;
	float: left;
}

.rubCorps .sec50
{
	width: 50%;
	display: inline-block;
	float: left;
}

.rubCorps .clpict
{
	width: 80px;
	float: left;
	margin-right: 10px;
}

.rubCorps .clpictCol
{
	width: 20px;
	float: left;
	margin-right: 10px;
	border-radius: 10px;
}

.rubCorps .clDet
{
	display: inline-block;
	width: calc(100% - 100px);
	float: left;
}

.rubCorps .clColor
{
	width: 100%;
	margin-top: 10px;
	display: inline-block;
}

.rubCorps .secTitle
{
	width: 100%;
	color: rgb(0, 188, 212);
	font-size: 11px;
}

.rubCorps .bas 
{
	width: 100%;
	display: inline-block;
	margin-top: 15px;
}

.rubCorps .clLivraison
{
	float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: rgb(162,30,255);
    color: #FFF;
    font-size: 12px;
    border-radius: 4px;
}

.rubCorps .clVoir
{
	float: right;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    background: #ecf0f1;
    color: #7f8c8d;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
}


.rubCorps  .commPrice
{
	width: 100%;
	background: #ecf0f1;
	box-sizing: border-box;
	padding: 10px;
	font-weight: bold;
	display: inline-block;
}

.rubCorps  .payLine
{
	width: 100%;
	border-bottom: 1px solid #ecf0f1;
	box-sizing: border-box;
	padding: 10px;
	display: inline-block;
}

.rubCorps  .totalPrix
{
	font-size: 14px;
	font-weight: bold;
}


.rubCorps  .toRight
{
	text-align: right;
}

.commStat
{
	width: calc(25% - 4px);
	display: inline-block;
	border-left: 2px solid #ecf0f1;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
}

.commStat h3
{
	width: 100%;
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #7f8c8d;
	text-align: center;

}

.commStat h2
{
	width: 100%;
	font-size: 24px;
	padding: 0;
	margin: 0;
	color: #7f8c8d;
	text-align: center;
	font-weight: bold;
}


.otherHeader
{
	width: 100%;
	height: 220px;
	/*background: rgba(46,30,114,1);*/
	margin-bottom: 20px;
	background-image: -moz-linear-gradient( 45deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  	background-image: -webkit-linear-gradient( 45deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
  	background-image: -ms-linear-gradient( 45deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
}

.col50
{
	display: inline-block;
	width: 50px;
	float: left;
}

#clForm  input.ng-touched.ng-invalid {
            border: 1px solid #d20a0a;
        }

.itemDelete 
{
	position: absolute;
	width: 30px;
	height: 30px;
	background: #CCC;
	right: 10px;
	bottom: 10px;
	border-radius: 15px;
	background: #ecf0f1 url(../img/delcart.png) no-repeat center center;
	background-size: 28px;
}

.social
{
	position: absolute;
	width: 50px;
	bottom: 110px;
	left: 20px;
}

.socialItem
{
	width: 42px;
	height: 42px;
	background-size: 32px;
	background-position: center center;
	background-repeat: no-repeat;
}

.socialFB
{
	background-image: url(../img/fb.png);
}

.socialInsta
{
	background-image: url(../img/insta.png);
}

.socialTwit
{
	background-image: url(../img/twit.png);
}

.socialGplus
{
	background-image: url(../img/gplus.png);
}

.mobContact
{
	position: fixed;
	width: 100%;
	height: 50px;
	bottom: 0;
	background: #b5c9d5;
	display: none;
	z-index: 999;
}

.mobContactItem
{
	background: transparent!important;
	margin-left: 20px;
}

.sorting
{
	position: relative;
	width: 100%;
	height: 50px;
}

.sortZone
{
	position: absolute;
    width: 260px;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.20);
    border-radius: 3px;
    font-size: 12px;
   	right: 20px;
    color: #333;
    z-index: 9;
    background: #FFF;
    
}

.sortHeader
{
	position: relative;
	box-sizing: border-box;
    padding: 0 10px;
    line-height: 40px;
	width: 260px;
    height: 40px;
    background: url(../img/dropdown.png) no-repeat center right;
    background-size: 28px;
    cursor: pointer;
}

.sortElement
{
	position: relative;
	width: 100%;
	padding: 0 10px;
	display: none;
}

.sortElement .item 
{
	position: relative;
	width: 100%;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	cursor: pointer;
	text-indent: 5px;
}

.sortElement .item:hover 
{
	background: rgba(0,0,0,.05);
}
.sortName {display: none;}
.sortPrice {display: none;}
.sortVue { display: none;}

.closeAddProd
{
	position: absolute;
	width: 36px;
	height: 36px;
	background: #CCC;
	right: 10px;
	top: 10px;
	border-radius: 20px;
	background: #ecf0f1 url(../img/delcart.png) no-repeat center center;
	background-size: 32px;
	cursor: pointer;
}

.echeance
{	
	width: 100%;
	box-sizing: border-box;
	padding: 15px 0 5px 0px;
	color: #333;
	display: inline-block;
}

.echeance > .item 
{
	width: 200px;
	height: 20px;
	line-height: 20px;
	float: left;
	margin-bottom: 5px;
}

.echeance > .item > span
{
	width: 80px;
	height: 20px;
	display: block;
	background: #6144fd;
	color: #FFF;
	line-height: 20px;
	text-align: center;
	float: left;
	border-radius: 12px;
	margin-right: 5px;
}

.echRemarq
{
	color: #333;
	font-size: 12px;
}

#nav {
	background: transparent;
	position: absolute;
	z-index: 7;
	top: 20px;
	right: 80px;
}

#nav a 
{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	float: left;
	margin-right: 10px;
	background: rgba(228,228,228,0.6);
	border-radius: 10px;
	color: #FFF;
	text-indent: 100px;
	overflow: hidden;
}

#nav a content {

}

#nav .activeSlide
{
	background: #7668fa;
	color: #7668fa;
}

.loginError
{
	padding: 100%;
	padding: 5px 20px;
	box-sizing: border-box;
	color: #c60a0a;
	text-align: center;
	font-size: 11px;
}

.marques
{
	width: 100%;
	margin-bottom: 10px; 
	display: inline-block;
}

.marqueIcons
{
	width: 100%;
}

.marqueIcon
{
	width: 120px;
	height: 80px;
	background-size: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 10px;
	float: left;
	cursor: pointer;
}


.swiper-container {
    width: 100%;
    height: 100%!important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-position: center center;
	background-repeat: no-repeat;
	background-size : cover;
}

.clSubRubName
{
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  background: #ecf0f1;
  font-family: 'montser';
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 10px; 
  display: inline-block;
}

.cl50
{
  width: 50%;
  display: inline-block;
  float: left;
}

.cl50L
{
  width: 50%;
  display: inline-block;
}

.cl100
{
  width: 100%;
  display: inline-block;
  float: left;
}

.clPadR20
{
  box-sizing: border-box;
  padding-right: 20px;
}

.clRub
{
  width: 100%;
  display: inline-block;
  font-weight: normal;
}


.clRub label
{
  font-family: 'montser';
  font-size: 11px;
  font-weight: normal;
  color: #515151;
}

.clRub input
{
  width: 100%;
  height: 30px;
  line-height: 30px;
  border:none;
  background: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-family: 'montser';
  font-size: 12px;
  margin-bottom: 20px;
}

.clRub textarea
{
  width: 100%;
  height: 40px;
  border:none;
  background: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-family: 'montser';
  font-size: 12px;
  margin-bottom: 20px;
  padding-top: 10px;
}

.clRub select
{
  width: 100%;
  height: 30px;
  line-height: 30px;
  border:none;
  background: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-family: 'montser';
  font-size: 12px;
  margin-bottom: 20px;
  padding-left:  0;
  text-indent: 0;
}

.dn30
{
  width: 30%;
  box-sizing: border-box;
  float:left;
}

.dn40
{
  width: 30%;
  box-sizing: border-box;
  float:left;
}

.dnPadd
{
  padding-right: 10px;
}

.loadingBars
{
  height: 36px;
}

.openRez {
    width: 160px;
    border: 10px;
    box-sizing: border-box;
    display: block;
    font-family: 'montser';
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    text-decoration: none;
    outline: none;
    font-size: inherit;
    font-weight: inherit;
    position: relative;
    z-index: 1;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background-color: rgb(0, 188, 212);
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    float: left;
    color: #FFF;
}



.btRight
{
  float: right;
}



[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    padding-right: 20px;
    font-size: 12px;
    font-family: 'montser';;
    font-weight: normal;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #F87DA9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.RezListe
{
  margin-top: 20px;
  width: 100%;
  display: inline-block;
}

.rezItem {
    position: relative;
    width: 100%;
    background: #FFF;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    border-radius: 0px;
    margin-bottom: 15px;
    transition: all 1s ease;
    display: inline-block;
}

.rezItem .rubCorps {
    width: 100%;
    padding: 15px;
    display: inline-block;
    font-size: 12px;
    font-family: 'montser';
}

.rezItem .rubCorps h3 {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    font-size: 13px;
    font-family: 'montser';
    color: #333;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 16px;
}

.rezItem .lineInfo {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 3px 0;
}

.rezItem .col25 {
    position: relative;
    width: 25%;
    float: left;
    display: inline-block;
    transition: all 1s ease;
    padding-bottom: 10px;
}

.rezItem .col33 {
    position: relative;
    width: 33.33%;
    float: left;
    display: inline-block;
    transition: all 1s ease;
    padding-bottom: 10px;
}

.rezItem .col50 {
    position: relative;
    width: 50%;
    float: left;
    display: inline-block;
    transition: all 1s ease;
    padding-bottom: 10px;
}

.rezItem .col100 {
    position: relative;
    width: 100%;
    float: left;
    display: inline-block;
    transition: all 1s ease;
    padding-bottom: 10px;
}

.rezItem .labelRoom {
    color: rgb(0, 188, 212);
    font-size: 11px;
}

.rezItem .rubFooter {

    position: relative;
    width: 100%;
    padding: 15px;
    text-align: right;
    display: inline-block;
    box-sizing: border-box;
}

.rezItem .livraison {
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    background: rgb(162,30,255);
    color: #FFF;
    font-size: 12px;
    margin-top: 6px;
    border-radius: 4px;
    font-family: 'montser';
}

.rezItem .rezState {
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    background: rgb(87,56,254);
    color: #FFF;
    font-size: 12px;
    margin-top: 6px;
    border-radius: 4px;
    margin-left: 10px;
    font-family: 'montser';
}

.adrEdit
{
	box-sizing: border-box;
	padding: 20px;
}

.btRed
{
	background: #F87DA9;
	margin-right: 10px;
	margin-top: 0;
}

.shoppiAlert
{
	position: fixed;
	top: 30px;
	left: 50%;
	margin-left: -210px;
    width: 420px;
    border: 10px;
    font-family: 'montser';
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    text-decoration: none;
    outline: none;
    font-size: inherit;
    font-weight: inherit;
    z-index: 999999;
    border-radius: 2px;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background-color: #F87DA9;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    color: #FFF;
    box-sizing: border-box;
	padding: 20px;
	display: none;
}


.promoNewProdZone
{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 70px 90px 0 0;
	border-color: #df2500 transparent transparent transparent;
	z-index: 9;
}

.promoNewProdZoneText
{
	position: absolute;
	top: -55px;
	width: 65px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-family: 'montser';
	font-size: 14px;
	transform: rotate(-38deg);
}

.promoSelProdZone
{
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 90px 50px 0;
	border-color:  transparent #df2500 transparent transparent ;
	z-index: 9;
}

.promoSelProdZoneText
{
	position: absolute;
	top: 6px;
	width: 65px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-family: 'montser';
	font-size: 12px;
	transform: rotate(28deg);
	left: 28px;
}

.zoneDetPromo
{
	display: inline-block;
	background: #FFF;
	border-radius: 10px;
	height: 23px;
	box-sizing: border-box;
	padding: 2px 10px 1px 2px;
}

.detenPromo
{
	display: inline-block;
	background: #cc0e0e;
	color: #FFF;
	font-family: 'montser';
	font-size: 10px;
	text-decoration: blink;
	padding: 2px 10px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 10px;
	float: left;
}

.detPromoPrice
{
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
	font-family: 'montser';
	font-size: 11px;
	color: #cc0e0e;
	float: left;
	text-decoration: line-through;
}

.detPromoPrice > span
{	
	font-size: 8px;
}



/* ------ Discussion ------------------------------ */

#zoneDiscuss
{
	position: absolute;
	width: 310px;
	height: calc(100% - 24px);
	background: #f8f8f8;
	background: #fff;
}

#Exprimez
{
	position: absolute;
	width: calc(100% - 20px);
	height: 70px;
	border-radius: 4px;
	background: #fff;
	left: 10px;
	bottom: 20px;
	box-shadow: rgba(110, 102, 171, 0.2) 0px 0px 30px;
}

#Exprimez > textarea
{
	position: absolute;
	width: 180px;
	height:50px;
	font-family:'montser';
	font-size: 12px;
	box-sizing: border-box;
	border:none;
	background: #FFF;
	left: 55px;
	top: 10px;
	resize: none;
}

#Exprimez > .send
{
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgb(162,30,255) url(../img/send.png) no-repeat center center;
	background-size: 36px;
	right: 10px;
	top: 15px;
	cursor: pointer;
}

#Exprimez > .pict
{
	position: absolute;
	width: 45px;
	height: 50px;
	top: 10px;
	left: 0;
	background: url(../img/pict.png) no-repeat center center;
	background-size: 40px;
	border-right: 1px solid #ecf0f1;
	cursor: pointer;
}

.discussItemsZone
{
	position: absolute;
	width: 100%;
	height: calc(100% - 105px);
	box-sizing: border-box;
	padding: 10px;
	overflow: hidden;
}


.discussItemsZone  .discussItem
{
	position: relative;
	width: 100%;
	display: inline-block;
	margin-top: 5px;
	padding-bottom: 0px;
}

.discussItemsZone  .discussItem .itemADMIN
{
	position: relative;
	width: 80%;
	float: left;
	display: inline-block;
	background: rgb(162,30,255);
    background-image: -moz-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
    background-image: -webkit-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
    background-image: -ms-linear-gradient( -135deg, rgb(162,30,255) 0%, rgb(87,56,254) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012345', endColorstr='#123456',GradientType=0 ); /* IE6-9 */
	color: #FFF;
	box-sizing: border-box;
	padding: 8px;
	font-family: 'montser';
	font-size: 12px;
	border-radius: 8px;
}

.discussItemsZone  .discussItem  .itemSELF
{
	position: relative;
	width: 80%;
	float: right;
	display: inline-block;
	background: #ecf0f1;
	color: #333;
	box-sizing: border-box;
	padding: 8px;
	font-family: 'montser';
	font-size: 12px;
	border-radius: 8px;
}

.discussItemsZone  .discussItem  .logoSent
{
	position: relative;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	background: url(../img/logosent.png) no-repeat center center;
	background-size: 32px;
	float: left;
}

.discussItemsZone  .discussItem  .whenADMIN
{
	position: relative;
	width: 80%;
	height: 32px;
	font-family: 'arial';
	font-size: 10px;
	color: #95a5a6;
	text-align: right;
	padding-top: 2px;
	float: left;
	box-sizing: border-box;
	padding-right: 6px;
}

.discussItemsZone  .discussItem  .whenSELF
{
	position: relative;
	width: 80%;
	height: 32px;
	font-family: 'arial';
	font-size: 10px;
	color: #95a5a6;
	text-align: right;
	padding-top: 2px;
	float: right;
	box-sizing: border-box;
	padding-right: 6px;
}

.zoneContact
{
	width: 80%;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px
}

.addContError
{
	border-bottom: 1px solid #fc0d1b;
}

.closeSearch
{
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(../img/close.png) no-repeat center center;
	background-size: 30px;
	right: 2px;
	top: 2px;
	cursor: pointer;
	display: none;
}



/* ------ Commande ------------------------------ */

.commPrint
{
	position: relative;
	width: 100%;
	display: inline-block;
	border: 1px solid #ecf0f1;
	box-sizing: border-box;
	padding: 20px;
	font-family: 'montser';

}

.commPrint h3
{
	font-size: 20px;
	margin: 0;
	padding: 0;

}

.commPrint h4
{
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.commPrint span
{
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	display: block;
}

.commPrint small
{
	font-size: 10px;
	margin: 0;
	padding: 0;

}

.comm100
{
	width: 100%;
	float: left;
	font-size: 12px;
}

.comm50
{
	width: 50%;
	float: left;
	
}

.commLogo
{
	height: 70px;
}

.commBorder
{
	box-sizing: border-box;
	border-left: 1px solid #ecf0f1;
	padding-left: 20px;
}

.commHeight70
{
	height: 70px;
}

.commTitle
{
	line-height: 12px;
	padding: 20px;
}

.commSeparation
{
	position: relative;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #ecf0f1;
	margin-bottom: 50px;
}

.comUpper
{
	text-transform: uppercase;
}

.commDesBar
{
	width: 100%;
	height: 50px;
	background: #ecf0f1;
	margin-top: 50px;
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.commBar70
{
	width: 70%;
	float: left;
}

.commBar30
{
	width: 30%;
	float: left;
}

.commAlignRight
{
	text-align: right;
}

.commLh50
{
	line-height: 50px;
}

.commDesItem
{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 20px;
	font-size: 12px;
	border-bottom: 1px solid #ecf0f1;
	display: inline-block;
}

.commDesItem .pict
{
	width: 80px;
	float: left;
}

.commDesItem  .pict  img
{
	width: 80px;
}

.commDesItem .designa
{
	width: calc(100% - 80px);
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
}

.commProdTitle
{
	width: 100%;
	display: inline-block;
}

.commProdColor
{
	width: 24px;
	height: 24px;
	margin-right: 10px;
	border-radius: 20px;
	border: 2px solid #ecf0f1;
	background-size: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
}

.commProdColorTitle
{
	float: left;
	height: 24px;
	line-height: 24px;
}

/* ---- Facture ---------------- */

.paper100
{
  width: 100%;
  display: inline-block;
}

.paper50
{
  width: 50%;
  float: left;
}

.paperAdr
{
  float: right;
  padding-right: 15px;
  border-right: 4px solid #6134FE;
  text-align: right;
  line-height: 20px;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

.marg120
{
  margin-top: 120px;
}

.marg50
{
  margin-top: 50px;
}

.invClient
{
  width: 100px;
  padding-left: 10px;
  height: 30px;
  background:  #6134FE;
  color: #FFF;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  line-height: 30px;
}

.bordBott
{
  border-bottom: 1px #f4f5f8 solid;
}

.bordTop
{
  border-top: 1px #f4f5f8 solid;
}

.cliAdress
{
  width: 50%;
  font-family: 'montser';
  font-size: 13px;
  padding: 10px 0;
  line-height: 18px;
}


.cliAdress span
{
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
}

.cliAdress small
{
  font-family: 'montser';
  font-size: 11px;
}


.zonFacture
{
  width: 85%;
  float: right;
}


.invoiceTitle
{
  width: 100%;
  padding: 10px 0;
  color: #FFF;
  background: #6134FE;
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  text-align: center;
}

.invInfos
{
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
}

.invNum
{
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  float: left;
}

.invDate
{
  padding-top: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  float: right;
}

.invDate span
{
  font-family: 'montser';
  font-size: 12px;
}

.bord4
{
  border-bottom: 3px #f4f5f8 solid;
}

.wid10
{
  width: 10%;
  float: left;
  padding: 5px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
}

.wid45
{
  width: 50%;
  float: left;
  padding: 5px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: left;
}


.wid15
{
  width: 15%;
  float: left;
  padding: 5px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: right;
}

.zoneTot
{
  width: 35%;
  float: right;
}

.totItem
{
  width: 100%;
  height: 40px;
  border-bottom: 1px #f4f5f8 solid;
}

.totTitle
{
  width: 50%;
  height: 40px;
  line-height: 40px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  float: left;
}

.totValue
{
  width: 50%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: right;
  float: left;
  color: #000;
}


.row > p > img
{
    width: 100%;
}

.footerDescription
{
	position: relative;
	box-sizing: border-box;
	padding: 20px 20px;
	color: #ccc;
}

.footerDescription > h3
{
	font-family: 'Montserrat', sans-serif;
  	font-size: 14px;
  	margin: 0;
  	padding: 0;
  	color: #333;
}

.footerDescription > p
{
	font-family: 'Montserrat', sans-serif;
  	font-size: 12px;
  	margin: 0;
  	padding: 0;
  	color: #333;
}

.articleTxt
{
	padding: 30px; font-size: 13px; box-sizing: border-box;
}

.articleTxt > p
{
	font-family: 'Montserrat', sans-serif;
  	font-size: 12px;
  	margin: 0;
  	padding: 0;
  	color: #333;
}

/* ------------------------- */


@media only screen and (min-width: 1601px) {

.resItem { width: 25%; }

}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	.stik {position: absolute; top: 10px; left: 10px;}
	.stikR {position: absolute; top: 10px; }
	.pinkStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #9b1df4; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.pinkStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #680da8 transparent transparent; position: absolute; top: 20px; }
	.mauveStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #6144fd; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.mauveStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 10 6px 10px 0; border-color: transparent #4127d1 transparent transparent; position: absolute; top: 20px; }
	.redStick { position: absolute;	height: 20px; width: 100px; line-height: 20px; background: #df2400; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.redStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #a31b01 transparent transparent; position: absolute; top: 20px; }
	.blueStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #4ebfea; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.blueStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #38a0c7 transparent transparent; position: absolute; top: 20px; }
	.roseStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #f76f9d; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.roseStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #d75481 transparent transparent; position: absolute; top: 20px; }
	.greenStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #9bd907; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.greenStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #85b70c transparent transparent; position: absolute; top: 20px; }
	.greyStick { height: 20px; width: 110px; line-height: 18px; top:0; left: 100px; font-size: 11px; text-indent: 6px; }
	
	.sldPromoDesc { width: 55%; height: calc(100% - 90px); top: 40px; padding-right: 20px; font-size: 11px; line-height: 12px; font-weight: normal; overflow: hidden;}
   	.sldPromoDesc span { font-size: 14px; line-height: 14px; margin-bottom: 4px; }
   	.prodDetails { height: 22px; font-size: 11px; font-weight: bold; line-height: 22px; }
   	.prodAchat { height: 22px; border-radius: 20px; border: 1px solid #69b2e0; padding: 0px 16px 0px 24px; line-height: 20px; background-size: auto 16px; }
   	.nonDispo1 { height: 22px; border-radius: 20px; padding: 0px 16px 0px 16px; line-height: 20px;}
   	.eprodPrice { height: 18px; line-height: 18px; font-size: 18px; font-weight: bold; }
   	.selDet { width: 55%; height: calc(100% - 70px); top: 10px; padding-right: 20px; padding-top: 20px; font-size: 11px; overflow: hidden; }
   	.sldSelComm { bottom: 5px; padding-right: 20px; padding-left: 20px; }
	.selDet h4 { font-size: 13px; }

	.sldFlashItem > .prodTitle { font-size: 12px; }
	.sldFlashItem > .prodTitle span img { height: 14px; }
	.sldFlashItem > .prodTitle span { margin-bottom: 6px; } 

	.bluOfferItem > .offerText { width: 48%; height: 100%; padding: 50px 0 50px 20px; }
	.pinkOfferItem > .offerText { padding: 50px 20px 0px 20px; height: 45%;}
	.greyOfferItem > .offerText { padding: 50px 20px 0px 20px; height: 45%;}
	.greyOfferItem > .offerText h4 { font-size: 14px;}
	.pinkOfferItem > .offerText h4 { font-size: 14px;}
	.bluOfferItem > .offerText h4 { font-size: 14px;}

	.marqueR {top: 10px; right: 10px; height: 16px;}
    .marqueR img { height: 14px; }
    .marqueL {top: 10px; left: 20px; height: 16px;}
    .marqueL img { height: 14px; }

    .topVOneItems > .prodText { padding: 55px 10px 0px 20px; }
    .topVTwoItems > .prodText {padding: 50px 20px 0px 20px; }
    .topVThreeItems > .prodText {padding: 50px 20px 0px 20px; }

    .topVTwoItems > .prodText h4 { font-size: 14px; }
    .topVThreeItems > .prodText h4 { font-size: 14px; }

    .homeSelect { height: 60px; font-size: 58px; }

    .TxtDetP {padding: 30px 40px 160px 30px; }

    .detHeader { background-size: cover; }

	.resItem .prodCart .brLogo { position: absolute; top: 10px; right: 10px; height: 14px; }
	.resItem .prodCart .brLogo > img { height: 14px; }
	.resItem .prodCart { padding: 10px; }

	.catPinkStick { height: 22px; line-height: 22px; font-size: 14px; }
	.catSelCat{ height: 22px; line-height: 22px; font-size: 13px;}

	.resItem .prodCart p { font-size: 12px; }

	.sld40{ display: block;}


	.det2 { display: none; }

}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	.stik {position: absolute; top: 10px; left: 10px;}
	.stikR {position: absolute; top: 10px; }
	.pinkStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #9b1df4; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.pinkStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #680da8 transparent transparent; position: absolute; top: 20px; }
	.mauveStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #6144fd; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.mauveStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 10 6px 10px 0; border-color: transparent #4127d1 transparent transparent; position: absolute; top: 20px; }
	.redStick { position: absolute;	height: 20px; width: 100px; line-height: 20px; background: #df2400; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.redStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #a31b01 transparent transparent; position: absolute; top: 20px; }
	.blueStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #4ebfea; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.blueStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #38a0c7 transparent transparent; position: absolute; top: 20px; }
	.roseStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #f76f9d; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.roseStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #d75481 transparent transparent; position: absolute; top: 20px; }
	.greenStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #9bd907; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.greenStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #85b70c transparent transparent; position: absolute; top: 20px; }
	.greyStick { height: 20px; width: 110px; line-height: 18px; top:0; left: 100px; font-size: 11px; text-indent: 6px; }
	
	.sldPromoDesc { width: 55%; height: calc(100% - 65px); top: 40px; padding-right: 20px; font-size: 11px; line-height: 12px; font-weight: normal; overflow: hidden;}
   	.sldPromoDesc span { font-size: 13px; line-height: 14px; margin-bottom: 4px; }
	.marqueR {top: 10px; right: 10px; height: 16px;}
    .marqueR img { height: 16px; }
    .prodDetails { height: 22px; font-size: 11px; font-weight: bold; line-height: 22px; }
   	.prodAchat { height: 22px; border-radius: 20px; border: 1px solid #69b2e0; padding: 0px 16px 0px 24px; line-height: 20px; background-size: auto 16px; }
   	.eprodPrice { height: 18px; line-height: 18px; font-size: 18px; font-weight: bold; }
   	.sldPromoComm { height: 40px; bottom: 10px; padding-right: 20px; padding-left: 20px; }

   	.selDet { width: 55%; height: calc(100% - 70px); top: 10px; padding-right: 20px; padding-top: 20px; font-size: 11px; overflow: hidden; }
   	.sldSelComm {bottom: 20px; padding-right: 20px; padding-left: 20px; }
	.selDet h4 { font-size: 13px; }

	.homeSlectItem:nth-child(3) {display: none;}
	.homeSlectItem {width: 50%;}
	.homeSlectItem:nth-child(2) {border-right: 1px solid #e8e8e8;}
	.otherSlectItem {width: 50%;}

	.bluOffer { width: 100%; }
	.pinkOffer {width: 50%;}
	.greyOffer { width: 50%;}

	.topVOne { width: 100%; padding-right: 0px; margin-bottom: 8px;}
	.topVTwo { width: 50%; }
	.topVThree { width: 50%; }
	.homeSelect { height: 60px; font-size: 58px; }

	.bluOfferItem > .offerText { width: 48%; height: 100%; padding: 50px 0 50px 20px; }
	.pinkOfferItem > .offerText { padding: 50px 20px 0px 20px; height: 45%;}
	.greyOfferItem > .offerText { padding: 50px 20px 0px 20px; height: 45%;}
	.greyOfferItem > .offerText h4 { font-size: 14px;}
	.pinkOfferItem > .offerText h4 { font-size: 14px;}
	.bluOfferItem > .offerText h4 { font-size: 14px;}
	.spMenuItem { padding-right: 16px; }

	.TxtDetP {padding: 30px 40px 160px 30px; }

    .detHeader { background-size: cover; }

    .resItem { width: 50%; }

    .catPinkStick { height: 22px; line-height: 22px; font-size: 14px; margin-top: 8px;}
	.catSelCat{ height: 22px; line-height: 22px; font-size: 13px;}

	.catHeaderClose {
    position: absolute;
    width: 100%;
    height: 60px;
    background: url(../img/cat_triangle.png) no-repeat left top;

    background-size: 1600pxs;
    bottom: 0;
	}

	.footer40 { width: 50%; box-sizing: border-box; padding-right: 10px; padding-left: 10px; }
    .footer60 { width: 50%; box-sizing: border-box; padding-right: 10px; padding-left: 10px; }

    .det2 { display: none; }
    .indispItem { width: 25%; height: 174px; float: left;}
    .echeance {width : 400px;}
    .spRechField {width: 280px;}
    .rechInput {width: 200px;}

    .sldFlashItem > .prodBottom > .prodTime { height: 28px; border-radius: 10px; font-size: 13px; line-height: 18px;}
	.sldFlashItem > .prodBottom > .prodPrice { position: relative; width: 100%; height: 32px; border-radius: 10px; padding: 3px 6px; font-size: 14px; line-height: 30px; }
	.sldFlashItem > .prodBottom > .prodPrice span { height: 28px; margin-top: -1px; margin-right: -3px; padding: 0 10px; line-height: 28px; font-size: 11px; font-weight: normal; }

}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	.echeance {width:400px;}
}

@media only screen and (min-width: 481px) and (max-width: 1000px) {
	.leftSlide {float: right; width: 100%;}
  	#spHeader {display: none;}
  	#spHeaderMob {display: block;}
  	.marg100 {margin-top: 60px; }

  	.pad10 p { font-size: 12px; }

  	.pad10 p { font-size: 12px; }
	.stik {position: absolute; top: 10px; left: 10px;}
	.stikR {position: absolute; top: 10px; }
	.pinkStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #9b1df4; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.pinkStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #680da8 transparent transparent; position: absolute; top: 20px; }
	.mauveStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #6144fd; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.mauveStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 10 6px 10px 0; border-color: transparent #4127d1 transparent transparent; position: absolute; top: 20px; }
	.redStick { position: absolute;	height: 20px; width: 100px; line-height: 20px; background: #df2400; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.redStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #a31b01 transparent transparent; position: absolute; top: 20px; }
	.blueStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #4ebfea; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.blueStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #38a0c7 transparent transparent; position: absolute; top: 20px; }
	.roseStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #f76f9d; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.roseStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #d75481 transparent transparent; position: absolute; top: 20px; }
	.greenStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #9bd907; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.greenStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #85b70c transparent transparent; position: absolute; top: 20px; }
	.greyStick { height: 20px; width: 110px; line-height: 18px; top:0; left: 100px; font-size: 11px; text-indent: 6px; }
	
	.sldPromoDesc { width: 55%; height: calc(100% - 65px); top: 40px; padding-right: 20px; font-size: 11px; line-height: 12px; font-weight: normal; overflow: hidden;}
   	.sldPromoDesc span { font-size: 13px; line-height: 14px; margin-bottom: 4px; }
	.marqueR {top: 10px; right: 10px; height: 16px;}
    .marqueR img { height: 16px; }
    .prodDetails { height: 22px; font-size: 11px; font-weight: bold; line-height: 22px; }
   	.prodAchat { height: 22px; border-radius: 20px; border: 1px solid #69b2e0; padding: 0px 16px 0px 24px; line-height: 20px; background-size: auto 16px; }
   	.eprodPrice { height: 18px; line-height: 18px; font-size: 18px; font-weight: bold; }
   	.sldPromoComm { height: 40px; bottom: 10px; padding-right: 20px; padding-left: 20px; }

   	.selDet { width: 55%; height: calc(100% - 70px); top: 10px; padding-right: 20px; padding-top: 20px; font-size: 11px; overflow: hidden; }
   	.sldSelComm {  bottom: 20px; padding-right: 20px; padding-left: 20px; }
	.selDet h4 { font-size: 13px; }

	.homeSlectItem:nth-child(3) {display: none;}
	.homeSlectItem {width: 50%;}
	.homeSlectItem:nth-child(2) {border-right: 1px solid #e8e8e8;}
	.otherSlectItem {width: 50%;}

	.bluOffer { width: 100%; }
	.pinkOffer {width: 50%;}
	.greyOffer { width: 50%;}

	.topVOne { width: 100%; padding-right: 0px; margin-bottom: 8px;}
	.topVTwo { width: 50%; }
	.topVThree { width: 50%; }
	.homeSelect { height: 60px; font-size: 58px; }

	.bluOfferItem > .offerText { width: 50%; height: 100%; padding: 45px 0 50px 10px; font-size: 10px; }
	.pinkOfferItem > .offerText { padding: 50px 20px 0px 10px; height: 45%;}
	.greyOfferItem > .offerText { padding: 50px 20px 0px 10px; height: 45%;}
	.greyOfferItem > .offerText h4 { font-size: 15px;}
	.pinkOfferItem > .offerText h4 { font-size: 15px;}
	.bluOfferItem > .offerText h4 { font-size: 15px;}

	.topVOneItems > .prodText { padding: 50px 10px 0px 10px; }
    .topVTwoItems > .prodText {padding: 50px 20px 0px 10px; }
    .topVThreeItems > .prodText {padding: 50px 20px 0px 10px; }

    .topVTwoItems > .prodText h4 { font-size: 15px; }
    .topVThreeItems > .prodText h4 { font-size: 15px; }
    .topVOneItems > .prodText h4 { font-size: 15px; }

    .topVOneItems > .prodPict { background-position: left center; width: 50%; background-size: 110%; }


	.spMenuItem { padding-right: 16px; }

	.TxtDetP {padding: 30px 40px 160px 30px; }

    .detHeader { background-size: cover; }

    .resItem { width: 50%; }

    .catPinkStick { height: 22px; line-height: 22px; font-size: 14px; margin-top: 8px;}
	.catSelCat{ height: 22px; line-height: 22px; font-size: 13px;}

	.catHeaderClose {
    position: absolute;
    width: 100%;
    height: 60px;
    background: url(../img/cat_triangle.png) no-repeat left top;

    background-size: 1600pxs;
    bottom: 0;
	}

	.footer40 { width: 50%; box-sizing: border-box; padding-right: 10px; padding-left: 10px; }
    .footer60 { width: 50%; box-sizing: border-box; padding-right: 10px; padding-left: 10px; }

    .det2 { display: none; }
    .indispItem { width: 25%; height: 174px; float: left;}
    .echeance {width : 400px;}
    .spRechField {width: 280px;}
    .rechInput {width: 200px;}

    .sldFlashItem > .prodBottom > .prodTime { height: 28px; border-radius: 10px; font-size: 13px; line-height: 18px;}
	.sldFlashItem > .prodBottom > .prodPrice { position: relative; width: 100%; height: 32px; border-radius: 10px; padding: 3px 6px; font-size: 14px; line-height: 30px; }
	.sldFlashItem > .prodBottom > .prodPrice span { height: 28px; margin-top: -1px; margin-right: -3px; padding: 0 10px; line-height: 28px; font-size: 11px; font-weight: normal; }

	.sldFlash {width: 45.5%; float: left;}
	.sldPromo {width: 54.5%; float: left;}

	.rightSlide { width: 100%; float: right; }
	.sld40{ display: none;}
	.sld60{ width: 100%;}
	.centerContent {padding-left: 0px; padding-right: 0px; }
	.selDet {font-size: 10px;    height: calc(100% - 75px);}
	.selDet h4 {font-size: 12px; margin-bottom: 2px;}

	.mobSubMenu {display: block;}
	.mobMenuBt  {display: block; right: 70px;}
	.mobRechBt { display: block; right: 110px;}
	.mobTelBt { display: block; right: 150px; }

	.detHeader {display: none;}
    .styCarName { font-size: 16px; text-align: left; border-right: 0px dotted #CCC; background: #ecf0f1; font-weight: bold; }
    .detHeaderMob{ display: inline-block;}
    .pictDetP { width: 90%; margin-left: 10%; float: left;}
    .detGalContainer { width: 40px; bottom: 20px; left: 5px; }
    .galModal > .title { position: absolute; width: 50%; padding: 10px; left: 10px; font-size: 16px; color: #333; border-left: 1px solid #333; font-weight: bold; line-height: 16px; }
    .galModal > .mClose { top: 10px; right: 10px; }
    .zoneGalSlide > .galPictItem { background-size: 100%; }
    .galModal > .zoneGal { position: absolute;  bottom: 10px; left: 5px; color: #333; }
	.galModal > .zoneGal > .zoneGalItem { position: relative; margin-left: 2px; margin-bottom: 2px; height: 30px; }
	.galModal > .zoneGal > .zoneGalItem img { height: 28px; }
	.TxtDetP { width: 100%; padding: 10px 10px 20px 10px; }
	.TxtDetP h4 { width: 80%; font-size: 20px; border-bottom: 1px solid rgba(0,0,0,.15); padding-bottom: 10px; color: #333; }


	.det2 { display: inline-block; }

	.otherItem {width: 50%;}

}



@media only screen and (max-width: 480px) {
  	.leftSlide {float: right; width: 100%;}
  	#spHeader {display: none;}
  	#spHeaderMob {display: block;}
  	.marg100 {margin-top: 60px; }

  	.pad10 p { font-size: 12px; }

  	#rightOptions { width: calc(100% + 62px); left: calc(100% - 62px); display: block; }
	.rightMenu { width: 62px;	bottom: -30px; }
	.rightContent { width: calc(100% - 62px); left: 62px; bottom: -20px; }
	.rightSep { left: 61px; }
	.rightuser { height: 36px; width: 36px; background-size: 36px;	left: 19px;	top: 10px; }
	.rightCart { height: 36px; width: 36px; background-size: 36px;	left: 17px;	top: 55px; }
	.rightCartNbr { width: 16px; height: 16px; line-height: 15px; top: 55px; left: 36px; }

	.social {width: 36px; left: 16px;}
	.socialItem { background-size: 28px;}

	.rowContent {padding-right: 50px;}
	.sld60 {width: 100%;}
	.sld40 {width: 100%;}
	.selDet h2 { font-size: 12px; line-height: 14px;}

	.stik {position: absolute; top: 10px; left: 10px;}
	.stikR {position: absolute; top: 10px; }
	.pinkStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #9b1df4; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.pinkStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #680da8 transparent transparent; position: absolute; top: 20px; }
	.mauveStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #6144fd; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.mauveStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 10 6px 10px 0; border-color: transparent #4127d1 transparent transparent; position: absolute; top: 20px; }
	.redStick { position: absolute;	height: 20px; width: 100px; line-height: 20px; background: #df2400; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.redStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #a31b01 transparent transparent; position: absolute; top: 20px; }
	.blueStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #4ebfea; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.blueStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #38a0c7 transparent transparent; position: absolute; top: 20px; }
	.roseStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #f76f9d; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.roseStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #d75481 transparent transparent; position: absolute; top: 20px; }
	.greenStick { position: absolute;	height: 20px; width: 100px; line-height: 18px; background: #9bd907; top:0; left: 0; font-size: 11px; text-indent: 6px;}
	.greenStickTr{ width: 0;	height: 0; border-style: solid;	border-width: 0 10px 10px 0; border-color: transparent #85b70c transparent transparent; position: absolute; top: 20px; }
	.greyStick { height: 20px; width: 110px; line-height: 18px; top:0; left: 100px; font-size: 11px; text-indent: 6px; }
	
	.sldPromoDesc { width: 55%; height: calc(100% - 60px); top: 30px; padding-right: 20px; font-size: 11px; line-height: 12px; font-weight: normal; overflow: hidden;}
   	.sldPromoDesc span { font-size: 13px; line-height: 14px; margin-bottom: 4px; }
	.marqueR {top: 10px; right: 10px; height: 16px;}
    .marqueR img { height: 16px; }
    .marqueL {top: 10px; left: 10px; height: 16px;}
    .marqueL img { height: 16px; }
    .leftSlide {float: right;}
    .rightSlide { width: 100%; float: right; }
    .prodDetails { height: 22px; font-size: 11px; font-weight: bold; line-height: 22px; }
   	.prodAchat { height: 22px; border-radius: 20px; border: 1px solid #69b2e0; padding: 0px 16px 0px 24px; line-height: 20px; background-size: auto 16px; }
   	.nonDispo1 { height: 22px; border-radius: 20px; padding: 0px 16px 0px 16px; line-height: 20px;}
   	.eprodPrice { height: 18px; line-height: 18px; font-size: 18px; font-weight: bold; }
   	.sldPromoComm { height: 40px; bottom: 10px; padding-right: 20px; padding-left: 20px; }

   	.selDet { width: 55%; height: calc(100% - 80px); top: 10px; padding-right: 10px; padding-top: 0px; font-size: 10px; overflow: hidden; }
   	.sldSelComm { bottom: 15px; padding-right: 10px; padding-left: 10px; }
	.selDet h4 { font-size: 12px; margin-bottom: 0px;}

	.homeSlectItem {width: 100%; border-right: 1px solid #e8e8e8; }
	.homeSlectItem:nth-child(3) {display: block; width: 100%;}	
	.otherSlectItem {width: 100%; border-right: 1px solid #e8e8e8; }
	

	.bluOffer { width: 100%; }
	.bluOfferItem > .offerPict { background-position: left center; background-size: 160%; }
	.pinkOffer {width: 100%;}
	.greyOffer { width: 100%;}

	.topVOne { width: 100%; padding-right: 0px; margin-bottom: 8px;}
	.topVTwo { width: 100%; padding-right: 0px; margin-bottom: 8px;}
	.topVThree { width: 100%; }
	.homeSelect { height: 60px; font-size: 58px; }

	.centerContent {padding-left: 0px; padding-right: 0px; }
	.homeSelect { height: 30px; font-size: 30px; text-indent: 0px; }
	.marg50 { padding-bottom: 10px; }


	.sld40{ display: none;}

	.isDisplay { display: none; }

	.bluOfferItem > .offerText { width: 50%; height: 100%; padding: 45px 0 50px 10px; font-size: 10px; }
	.pinkOfferItem > .offerText { padding: 50px 20px 0px 10px; height: 45%;}
	.greyOfferItem > .offerText { padding: 50px 20px 0px 10px; height: 45%;}
	.greyOfferItem > .offerText h4 { font-size: 14px;}
	.pinkOfferItem > .offerText h4 { font-size: 14px;}
	.bluOfferItem > .offerText h4 { font-size: 12px;}

	.topVOneItems > .prodText { padding: 50px 10px 0px 10px; }
    .topVTwoItems > .prodText {padding: 50px 20px 0px 10px; }
    .topVThreeItems > .prodText {padding: 50px 20px 0px 10px; }

    .topVTwoItems > .prodText h4 { font-size: 13px; }
    .topVThreeItems > .prodText h4 { font-size: 13px; }
    .topVOneItems > .prodText h4 { font-size: 13px; }

    .topVOneItems > .prodPict { background-position: left center; width: 50%; background-size: 140%; }

    .footer40 { width: 100%; box-sizing: border-box; padding-right: 10px; padding-left: 10px; }
    .footer60 { width: 100%; box-sizing: border-box; padding-right: 10px; padding-left: 10px; }

    .detHeader {display: none;}
    .styCarName { font-size: 16px; text-align: left; border-right: 0px dotted #CCC; background: #ecf0f1; font-weight: bold; }
    .detHeaderMob{ display: inline-block;}
    .pictDetP { width: 90%; margin-left: 10%; float: left;}
    .detGalContainer { width: 40px; bottom: 20px; left: 5px; }
    .galModal > .title { position: absolute; width: 50%; padding: 10px; left: 10px; font-size: 16px; color: #333; border-left: 1px solid #333; font-weight: bold; line-height: 16px; }
    .galModal > .mClose { top: 10px; right: 10px; }
    .zoneGalSlide > .galPictItem { background-size: 100%; }
    .galModal > .zoneGal { position: absolute;  bottom: 10px; right: 5px; color: #333; }
	.galModal > .zoneGal > .zoneGalItem { position: relative; margin-left: 2px; margin-bottom: 2px; height: 30px; }
	.galModal > .zoneGal > .zoneGalItem img { height: 28px; }
	.TxtDetP { width: 100%; padding: 10px 10px 20px 10px; }
	.TxtDetP h4 { width: 80%; font-size: 20px; border-bottom: 1px solid rgba(0,0,0,.15); padding-bottom: 10px; color: #333; }


	.det2 { display: inline-block; }

	/* cat --- */
	.catHeader {display: none;}
	.top-content {margin-top: 0;}
	.filterZone { width: 100%; }
	.ProdResZone { width: 100% ; padding: 20px 0 20px 20px;}
	.resItem { width: 100%; }
	.catHeaderClose1 { display: none; }
	.catSelCat { margin-bottom: 5px; }
	.catTxt { display: none; }
	.filterContainer {min-height: 60px;}


	/* modal add Panier */

	.confirmAdd { position: absolute; width: calc(100% - 20px);	height: calc(100% - 100px); left: 10px; top: 10px; margin-left: 0px;	margin-top: 0px; }
	.confAddProd { position: absolute; width: 100%; height: calc(100% - 180px);	top: 0px; }
	.conAddPanel { position: absolute; width: 100%; height: 180px; top: calc(100% - 180px); }
	.confAddProd > .pict {	position: relative;	width: 100%; height: 180px;	background-size: auto 180px; }
	.confAddProd > .lastDetails { position: relative; width: 100%; padding: 0px 20px; }
	.conAddPanel > .basketIco { width: 70px; height: 70px; }
	.conAddPanel > .basketDet {	width: calc(100% - 70px); height: 70px; padding: 10px 0; }
	.conAddPanel .bts {	width: 100%; box-sizing: border-box; padding: 20px 20px; }

	.mobSubMenu {display: block;}
	.mobMenuBt  {display: block;}
	.mobRechBt { display: block; }
	.mobTelBt { display: block; }

	.commPanel {display: none;}
	.commPanelFooter { width: 100%; top:0; }
	.commClient {width: 100%; left: 0; padding-top: 100px;}
	.newCliLine label {	width: 100%; line-height: 20px;}
	.newCliLine input { width: 100%;}
	.newCliLine select { width:  100%;}
	.payValid { width: 100%; height: 60px;}
	.btPayValid {margin-top: 10px;}

	.resItem .prodCart .brLogo { position: absolute; top: 10px; right: 10px; height: 12px; }
	.resItem .prodCart .brLogo > img { height: 12px; }
	.resItem .prodCart { padding: 10px; }
	.rezItem .col25 { width: 50%; }
	.rezItem .col50 { width: 100%; }
	.rezItem .livraison { float: right; margin-bottom: 10px; }
	.cl50 { width: 100%; }
	.clPadR20 {padding: 0;}
	.btRed { margin-right: 0px;	margin-top: 10px; }

	.otherItem {width: 100%;}
	.filterBt {display: block;}

	.confirmCommand { width: 280px; margin-left: -140px;}

	.indispItem { width: 100%; height: 174px; float: left;}

	.mobContact { display: block;}

	.clientNav { width: 100%; float: right;}
	.clientAcc h2 { font-size: 14px;}
	.clientAcc { width: 100%; float: right;}
	.clAccessItem .clLivraison { font-size: 10px; padding: 0 5px;}
	.clAccessItem h3 { font-size: 12px;}
	.clAccessItem .sec25 { width: 50%; font-size: 10px; margin-bottom: 5px;}
	.clAccessItem .sec50 { width: 100%; font-size: 10px; margin-bottom: 5px;}
	.clAccessItem .secTitle { font-size: 10px;}

	.commStat { width: calc(50% - 4px);}
	.clientAcc h2 {font-size: 12px;}
	.clientAcc h3 {font-size: 11px;}

	.brandSelect { width: 100%;	height: 39px; }
	.brandSelect img {	height: 28px; 	margin-top: 11px; margin-left: 10px; }
	.brandSelect span { font-size: 36px; }

	.marqueIcon { width: 75px; height: 50px; background-size: 45px;}

	.sldFlash {width: 62%; float: left;}
	.sldPromo {width: 38%; float: left;}
	.sldPromo2 {width: 38%; float: left; display: block;}

	.sldFlashItem > .prodBottom > .prodTime { height: 28px; border-radius: 10px; font-size: 13px; line-height: 18px;}
	.sldFlashItem > .prodBottom > .prodPrice { position: relative; width: 100%; height: 32px; border-radius: 10px; padding: 3px 6px; font-size: 14px; line-height: 30px; }
	.sldFlashItem > .prodBottom > .prodPrice span { height: 28px; margin-top: -1px; margin-right: -3px; padding: 0 10px; line-height: 28px; font-size: 11px; font-weight: normal; }
	
	.pubTwo { width: 100%; padding-right: 0px; margin-bottom: 4px;}
	.pubThree { width: 100%; padding-right: 0px; margin-bottom: 4px;}
	.pubFoor { width: 100%; margin-bottom: 4px;}

	.sldPromo2 {display: block;}

	.topSlideMobile {display: block;}
	.topSlide {display: none;}

}


@media print {
    .commPrint
    {
    	width: 1200px;
    	page-break-after:always ;
    	border: 0px;
    }

    .bordBott
  {
    border-bottom: 1px #000 solid;
  }

  .bordTop
  {
    border-top: 1px #000 solid;
  }

  .bord4
  {
    border-bottom: 3px #000 solid;
  }

  .totItem
  {
    border-top: 1px #000 solid;
  }

  .printFooter {
    display: none;
  }

  .invoiceTitle
  {
    background: #FFF;
    border-bottom: 1px #000 solid;
    color: #000;
    font-size: 72px;
  }

  .invClient
  {
    padding-left: 0;
    background: #FFF;
    color: #000;
    border-bottom: 1px #000 solid;
  }

  .paperAdr 
  {
    border-right: 4px solid #000;
  }
}