/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
@font-face {
	font-family: "BourtonDropLine";
	src: url('font/BourtonDropLine.ttf');
}

@font-face {
	font-family: "BourtonLineBold";
	src: url('font/BourtonLineBold.ttf');
}

@font-face {
	font-family: "Belinda";
	src: url('font/Belinda Script.ttf');
}

h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.main-frame .x-tab-panel-header {
    border-color: red !important;
}

.main-frame .x-tab-panel-header {
    background: #f2f2f2;
    overflow: visible;
    position: relative;
    z-index: 2;
    padding-bottom: 0;
}


@media all and (min-width: 401px) {
.main-frame  .x-tab-strip span.x-tab-strip-text {
    color: black;
    font-size: calc(8px + 0.2vw);
    text-transform: uppercase;
}
}

@media all and (max-width: 400px) {
	
.main-frame  .x-tab-strip span.x-tab-strip-text {
    color: black;
    font-size: calc(8px + 0.5vw);
    text-transform: uppercase;
}

}

.main-frame  .x-tab-strip-top .x-tab-right {
    background: none repeat scroll 0% 0% white;
    border-left : 1px solid red;
   
}

.main-frame  .x-tab-strip-top .x-tab-left {
    background: none repeat scroll 0% 0% white;
}

.main-frame  .x-tab-strip-top .x-tab-strip-inner {
    background: none repeat scroll 0% 0% white;
}

.main-frame  ul.x-tab-strip-top {
    border-color: lightgray;
    padding-top: 2px;
      background: none repeat scroll 0% 0% white;
}

.main-frame .x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
    cursor: default;
     border-bottom : 3px solid yellow;
}

.main-frame .x-tab-panel-header ul.x-tab-strip li {
    font-size: 10px !important;
    padding: 0 4px 0 0 !important;
    margin: 0px;
    color: rgb(102, 102, 102);
    text-transform: none !important;
    font-weight: 100;
    border-right: 1px solid rgb(205, 205, 205);
    border-left: none;
}

.sendButton {
	display: block;
	font-size: 16pt;
	
}

.iconCtrn {
	width: 60px;
	height: 65px;
	margin: 10px;
	border-radius: 4px;
	position: relative;
	display: inline-block;
	background: white;
	background-size: 100%;
}

.iconCtrn .picto-large {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 10px;
	height: 100%;
	max-height: 45px;
	background-size: 55px auto;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}
/*
.loading-posunify {
	width: 50%;
	min-height: 400px;
	min-width: 300px;
	font: italic 9px arial, tahoma, verdana, helvetica;
	color: #F5BCA9;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	padding: 4px;
	margin-top: 50px;
	border-radius: 4px;
	box-shadow: 0 0 5px 5px #D8D8D8;
	background-repeat: no-repeat;
	background-image: url('images/poshelper/loading.gif');
}*/

.loading-posunify {
	width: 100%;
	height: 100%;
	min-height: 400px;
	min-width: 300px;
	font: italic 9px arial, tahoma, verdana, helvetica;
	color: #F5BCA9;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	padding: 4px;
	margin-top: 1x;
	border-radius: 4px;
	box-shadow: 0 0 5px 5px #D8D8D8;
	background-repeat: no-repeat;
	
}

.loading-black-posunify {
	width: 100%;
	min-height: 800px;
	min-width: 300px;
	font: italic 9px arial, tahoma, verdana, helvetica;
	color: black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	padding: 4px;
	margin-top: 0px;

	background-repeat: no-repeat;
	background-image: url('images/poshelper/loading5.gif');
}

.grid-column-image-comment {
	background: url("images/poshelper/grid/info.png") no-repeat scroll 0% 0%
		transparent;
	background-position: center;
	display: block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	text-align: center;
	padding: 0 50% 0 50%;
}

.grid-column-image-update {
	background: url("images/poshelper/grid/update4.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-update-mobile {
	background: url("images/poshelper/grid/update4.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-missing {
	background: url("images/poshelper/grid/empty.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-missing {
	background: url("images/poshelper/grid/empty.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-duplicate {
	background: url("images/poshelper/grid/duplicate.png") no-repeat scroll
		0% 0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-duplicate-mobile {
	background: url("images/poshelper/grid/duplicate.png") no-repeat scroll
		0% 0% transparent;
	background-position: center;
	background-size: 30px;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-download {
	background: url("images/poshelper/grid/downloaddoc.png") no-repeat
		scroll 0% 0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-download-mobile {
	background: url("images/poshelper/grid/downloaddoc.png") no-repeat
		scroll 0% 0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-upload {
	background: url("images/poshelper/grid/upload.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	display: block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-upload-mobile {
	background: url("images/poshelper/grid/upload.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-preview {
	background: url("images/poshelper/grid/preview.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 60px;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-preview-mobile {
	background: url("images/poshelper/grid/preview.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 30px 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/*padding: 0 50% 0 50%;*/
}

.grid-column-image-update:hover {
	cursor: pointer;
}

.grid-column-image-view:hover {
	cursor: pointer;
}

.grid-column-image-view {
	background: url("images/poshelper/grid/view1.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
}

.grid-column-image-view-mobile {
	background: url("images/poshelper/grid/view1.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 25 25;
	display: block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

.grid-column-image-valid {
	background: url("images/poshelper/grid/ok.png") no-repeat scroll 0% 0%
		transparent;
	background-position: center;
	display: block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	text-align: center;
	padding: 0 50% 0 50%;
}

.grid-column-image-delete {
	background: url("images/poshelper/grid/delete2.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.grid-column-image-delete-mobile {
	background: url("images/poshelper/grid/delete2.png") no-repeat scroll 0%
		0% transparent;
	background-position: center;
	background-size: 30px;
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
}

.pictoCtrn .picto.stats {
	background-image: url('images/poshelper/stats.png');
}

.pictoCtrn .picto.ventes {
	background-image: url('images/poshelper/ventes.png');
}

.pictoCtrn .picto.produits {
	background-image: url('images/poshelper/produits.png');
}

.pictoCtrn .picto.clients {
	background-image: url('images/poshelper/clients.png');
}

.pictoCtrn .picto.depots {
	background-image: url('images/poshelper/deposit.png');
}

.pictoCtrn .picto.rh {
	background-image: url('images/poshelper/rh.png');
}

.pictoCtrn .picto.admin {
	background-image: url('images/poshelper/admin.png');
}

.pictoCtrn .picto.accounting {
	background-image: url('images/poshelper/compta.png');
}

.pictoCtrn .picto.website {
	background-image: url('images/poshelper/website.png');
}

.pictoCtrn .picto.kpi {
	background-image: url('images/poshelper/kpi.png');
}

.articleCtrn {
	width: 130px;
	height: 180px;
	/*margin: 10px 15px 30px 15px;*/
	position: relative;
	display: inline-block;
	background-size: 100%;
}

.articleCtrn-box {
	border: none !important;
	font-family: serif;
}

.articleCtrn:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 15px 6px #ef6212;
}

.articleCtrn .article {
	width: 100%;
	height: 100%;
	background-size: 44px;
	background-repeat: no-repeat;
	background-position: center 10px;
}

.article-title {
	color: #424242;
	position: relative;
	/*bottom: 4px;*/
	text-align: left;
	font-size: medium;
	/*font-style: italic;*/
	/*font-family: Apple Chancery, fantasy, cursive;*/
	letter-spacing: -1px;
	color: rgb(124, 119, 112);
	font-weight: 400;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px lightgrey;
	width: 100%;
	text-align: center;
}

.article-price {
	color: #B12704;
	position: relative;
	/*bottom: 35px;*/
	text-align: right;
	font-size: small;
	/*font-family: Apple Chancery, fantasy, cursive;*/
	letter-spacing: -1px;
	width: 100%;
	padding-top: 10px;
}

.article-image {
	color: #4c4c4c;
	position: relative;
	/*top: 15px;
	left: 15px;*/
	text-align: center;
	border-radius: 15px;
}

.article-title.article-title-small {
	font-size: 16px;
}

.menu-windows {
	color: #4c4c4c;
	border: 1px solid #CECFD1;
	background: white;
}

.inc-panel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 20px;
	position: relative;
	display: block;
	text-align: center;
	max-width: 750px;
}

.popup_top-panel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	display: block;
	text-align: center;
}

.x-btn-online-popup.x-btn button {
	font: bold 16px arial, tahoma, verdana, helvetica;
	color: white;
	/*background: url("images/poshelper/admin.png") repeat-x
		scroll 0 0 #C3C7CE;*/
	background: #1E88E5;
	height: 46px;
	display: block;
}

.x-btn-cl-online-popup.x-btn button {
	font: bold 16px arial, tahoma, verdana, helvetica;
	color: white;
	/*background: url("images/poshelper/admin.png") repeat-x
		scroll 0 0 #C3C7CE;*/
	background: #BDBDBD;
	height: 46px;
	display: block;
}

.x-btn-online-card.x-btn button {
	font: normal 13px arial, tahoma, verdana, helvetica;
	color: white;
	background: #04B45F;
	height: 14px;
}

.x-btn-online-inc.x-btn button {
	font: normal 31px arial, tahoma, verdana, helvetica;
	color: #333;
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#e5e5e5', GradientType=0);
}

.x-btn-online-selector.x-btn button {
	font: normal 11px arial, tahoma, verdana, helvetica;
	color: #333;
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#e5e5e5', GradientType=0);
}

.card-table {
	font: normal 11px arial, tahoma, verdana, helvetica;
	color: #333;
	/* background: #e5e5e5;*/
	margin-left: auto;
	margin-right: auto;
}

.x-btn-online-inc .x-btn-text {
	height: 35px;
}

.inc-qty-field {
	font: bold 18px arial, tahoma, verdana, helvetica;
	color: blue;
}

.bigButton {
	margin: 4px 4px;
	border-radius: 4px;
	position: relative;
	display: inline-block;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff),
		color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#eeeeee', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	box-shadow: 0 0 3px 4px #E6E6E6;
	background-size: 100%;
	vertical-align: middle;
}

.bigButton.mobile_size {
	width: 50px;
	height: 50px;
}

.bigButton.pc_size {
	width: 60px;
	height: 60px;
}

.bigButton .picto {
	width: 100%;
	height: 100%;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center;
}

.bigButton:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 3px 4px #ef6212;
}

.bigButton .picto-title {
	color: #4c4c4c;
	position: absolute;
	bottom: 4px;
	text-align: center;
	width: 100%;
	font-size: 9px;
	font-weight: normal;
}

.bigButton .picto-big-title {
	color: #4c4c4c;
	position: absolute;
	text-align: center;
	font-size: 27px;
	font-weight: normal;
	width: 100%;
}

.bigButton .picto-text {
	color: #4c4c4c;
	position: absolute;
	top: 4px;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	width: 100%;
}

.bigButton .picto-pref {
	color: #4c4c4c;
	position: absolute;
	top: 13px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	width: 100%;
}

.bigButton .picto.delete {
	background-image: url('images/poshelper/grid/delete-big.png');
}

.bigButton .picto.delete2 {
	background-image: url('images/poshelper/grid/delete.jpg');
}

.bigButton .picto.search {
	background-image: url('images/poshelper/grid/search.png');
}

.bigButton .picto.increment {
	background-image: url('images/poshelper/grid/increment.png');
}

.bigButton .picto.decrement {
	background-image: url('images/poshelper/grid/decrement.png');
}

.bigButton .picto.ticket {
	background-image: url('images/poshelper/online/ticket.png');
}

button::-moz-focus-inner {
	border: 0;
}

.notif-pos.x-info.x-info-body {
	width: 300px;
	height: 100px;
	margin: 4px 4px;
	border-radius: 4px;
	font-size: 18px;
	position: relative;
	display: inline-block;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff),
		color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#eeeeee', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	box-shadow: 0 0 3px 4px #E6E6E6;
	background-size: 100%;
}

.smallvignette {
	width: 50px;
	height: 50px;
	margin: 4px 4px;
	border-radius: 4px;
	position: relative;
	display: inline-block;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff),
		color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#eeeeee', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	box-shadow: 0 0 3px 4px #E6E6E6;
	background-size: 100%;
}

.smallvignette .picto {
	width: 100%;
	height: 100%;
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center 10px;
}

.smallvignette .picto-title {
	color: #4c4c4c;
	position: absolute;
	bottom: 4px;
	text-align: center;
	font-size: 9px;
	font-weight: normal;
	width: 100%;
}

.cartButton {
	width: 50px;
	height: 50px;
	margin: 10px 5px 5px 8px;
	border-radius: 10px;
	position: relative;
	display: inline-block;
	background:#9a4d12; /* #6495ED;*/
	/* IE6-9 fallback on horizontal gradient */
	box-shadow: 0 0 3px 4px #E6E6E6;
	background-size: 100%;
	opacity :1 !important;
}

.cartButton .picto {
	width: 100%;
	height: 100%;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: left 10px;
}

.cartButton:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 #9a4d12;
	box-shadow: 0 0 3px 4px #ef6212;
}

.cartButton .picto-title {
	color: #4c4c4c;
	position: absolute;
	bottom: 4px;
	text-align: center;
	font-size: 9px;
	font-weight: normal;
	width: 100%;
}

.cartButton .picto-big-title {
	color: #4c4c4c;
	position: absolute;
	bottom: 9px;
	text-align: center;
	font-size: 27px;
	font-weight: normal;
	width: 100%;
}

.cartButton .picto-text {
	color: white;
	position: absolute;
	top: 18px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
}

.cartButton .picto.image {
	color: #4c4c4c;
	position: absolute;
	left: 5px;
	text-align: center;
	background-image: url('images/poshelper/online/panier.png');
}

.logout {
	width: 20px;
	height: 20px;
	margin: 12px 10px;
	border-radius: 4px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	background-size: 100%;
	background-image: url('images/poshelper/online/logout.png');
}

.logout:hover {
	cursor: pointer;
	box-shadow: 0 0 3px 4px #ef6212;
}


.sav-license {
	width: 25px;
	height: 25px;
	margin: 12px 10px;
	border-radius: 4px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	background-size: 100%;
	background-image: url('images/poshelper/online/sav.png');
}

.sav-license:hover {
	cursor: pointer;
	box-shadow: 0 0 3px 4px #ef6212;
}


.pref {
	width: 20px;
	height: 20px;
	margin: 12px 10px;
	border-radius: 4px;
	position: relative;
	display: inline-block;
	background-size: 100%;
	vertical-align: top;
	background-image: url('images/poshelper/online/myaccount.png');
}

.pref:hover {
	cursor: pointer;
	box-shadow: 0 0 3px 4px #ef6212;
}

.cancel-mini {
	width: 20px;
	height: 20px;
	margin: 12px 10px;
	border-radius: 4px;
	position: relative;
	display: inline-block;
	background-size: 100%;
	vertical-align: top;
	background-image: url('images/poshelper/cancel2.png');
}

.cancel-mini:hover {
	cursor: pointer;
	box-shadow: 0 0 3px 4px #ef6212;
}

.promo {
	color: #ef6212;
	font-size: 13px;
	margin: 15px auto;
	padding: 10px;
	top: 5px;
	left: 10px;
	border-radius: 4px;
	display: block;
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 3px 4px #ef6212;
	height: auto;
	min-height: 30px;
	max-width: 300px;
}

.cart-item {
	color: navy;
	font-size: 10px;
	padding: 4px;
	border-radius: 4px;
	display: inline-block;
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 1px 2px #E6E6E6;
	height: auto;
	min-height: 40px;
	width: 140px;
}

.cart-item-price {
	color: red;
	font-size: 10px;
	padding: 4px;
	border-radius: 4px;
	display: inline-block;
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 1px 2px #E6E6E6;
	height: 40px;
	width: 50px;
}

.condition-promo {
	color: #ef6212;
	font-size: 9px;
	margin: 2px 15px;
	top: 5px;
	left: 10px;
	display: inline-block;
	background: none repeat scroll 0 0 white;
	height: 15px;
}

.cart-description {
	color: red;
	font-size: 14px;
	padding: 4px;
	display: inline-block;
	background: none repeat scroll 0 0 white;
	height: auto;
}

.message-description {
	color: #0174DF;
	font-size: 16px;
	padding: 4px;
	border-radius: 4px;
	margin: 10px 20px;
	display: inline-block;
	background: none repeat scroll 0 0 #FAFAFA;
	height: auto;
	width: 80%;
}

.error-description {
	color: #B40431;
	font-size: 16px;
	padding: 4px;
	border-radius: 4px;
	margin: 10px 20px;
	display: inline-block;
	background: none repeat scroll 0 0 #FAFAFA;
	height: auto;
	width: 80%;
}

.pwd-forgot {
	color: navy;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	color: #096ec8;
}

.footerposhelper {
	background: #2b2923; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #2b2923 0%, #E6E6E6 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #2b2923),
		color-stop(100%, #E6E6E6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #2b2923 0%, #E6E6E6 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #2b2923 0%, #E6E6E6 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #2b2923 0%, #E6E6E6 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #2b2923 0%, #6E6E6E 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2923',
		endColorstr='#E6E6E6', GradientType=1);
	background-size: 100% 95%;
}

.copyright-line {
	text-align: center;
	margin: 5px auto;
}

.copyright {
	font-size: 9px;
	color: white;
	cursor: pointer;
}

.legalmention {
	font-size: 16px;
	text-align: left;
	color: white;
	text-transform: uppercase;
	display: inline-block;
	margin: 5px 5px;
	cursor: pointer;
}

.legalmentionseparator {
	font-size: 16px;
	color: white;
	display: inline-block;
	margin: 5px 5px;
}

.all-legalmention {
	text-align: center;
}

.image-displayer {
	border: 1px solid #CECFD1;
	background: none repeat scroll 0 0 #CECFD1;
	display: inline-block;
}

.image-slider {
	background: #E6E6E6; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #E6E6E6 0%, #E6E6E6 100%)
		!important;
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #E6E6E6),
		color-stop(100%, #E6E6E6)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #E6E6E6 0%, #E6E6E6 100%)
		!important;
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #E6E6E6 0%, #E6E6E6 100%)
		!important;
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #E6E6E6 0%, #E6E6E6 100%)
		!important;
	/* IE10+ */
	background: linear-gradient(135deg, white 0%, white 100%) !important;
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6E6E6',
		endColorstr='#E6E6E6', GradientType=1) !important;
	font-size: 15px !important;
	color: red !important;
}

.row-marketing {
	/*background: none scroll 0 0 white;*/
	background-size: 100%;
	background-position: center;
	min-height: 100px;
	background-position: center center;
	background-size: cover;
}

.row-marketing-bkg1 {
	/*background-image: url('images/poshelper/interieur.jpeg')*/
	background-image: url('images/poshelper/site/mobilier-nb.jpg')
}

.row-marketing-bkg1-portrait {
	/*background-image: url('images/poshelper/mobilier-iphone.jpg')*/
	background-image: url('images/poshelper/site/mobilier-nb.jpg')
}

.row-marketing-bkg2 {
	background-image: url('images/poshelper/site/fond-burger-poulet.jpg')
}

.row-marketing-bkg3 {
	background-image: url('images/poshelper/site/site-nb.jpg')
}

.row-marketing-bkg2-portrait {
	background-image: url('images/poshelper/site/burger-iphone.jpg')
}

.row-marketing-bkg3-portrait {
	background-image: url('images/poshelper/site/site-nb.jpg')
}

.nodelivery {
	color: #FF0000;
	font-size: 13px;
	font-family: Lora, Georgia, serif;
}

.div-marketing {
	position : relative;
	
}

.div-center-txt-marketing {
	text-align: center;
	color: black;
	font-size: 20px;
	font-family: Lora, Georgia, serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 610px;
}

.div-center-txt-marketing-mobile {
	text-align: center;
	color: black;
	font-size: 15px;
	font-family: Lora, Georgia, serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 610px;
}

.div-center-title-txt-marketing {
	text-align: center;
	color: black;
	font-size: 58px;
	font-family: Lora, Georgia, serif;
}

.div-center-box-marketing {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff),
		color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#eeeeee', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	box-shadow: 0 0 3px 4px #E6E6E6;
	border-radius: 15px;
	max-width: 610px;
	width: auto;
	opacity: 0.8;
	padding: 10px;
	/*padding-left: 150px;*/
	min-height: 120px;
	display: inline-block;
	position: relative;
}

.div-center-box-marketing .image-marketing {
	color: #4c4c4c;
	/*position: absolute;*/
	margin-top: auto;
	margin-bottom: auto;
	left: 5px;
	text-align: center;
	background-size: 280px;
	background-repeat: no-repeat;
	background-position: left 5px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
}

.div-center-box-marketing .text {
	color: #4c4c4c;
	/*position: absolute;*/
	bottom: 5px;
	left: 30px;
	text-align: center;
	display: inline-block;
}

.div-img-marketing {
	
}

.contact {
	background: none repeat scroll 0 0 #0B173B;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 30px;
}

.div-txt-marketing {
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-size: 18px;
	width: 26em;
	margin-top: auto;
	margin-bottom: auto;
}

.div-center {
	width: 300px;
	margin: auto;
	padding: 2px;
	opacity: 0.8;
}

.image-marketing:hover {
	/*cursor: pointer;
	box-shadow: 0 0 3px 4px #ef6212;*/
	
}

.image-marketing {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

.image-slider {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.onlinecontainer {
	display: inline-block;
	text-align: center;
}

.footer-info {
	color: #FE2E2E;
	position: absolute;
	bottom: 20px;
	left: calc((100% /2) - 100px );
}

.login-box-header {
	color: red !important;
	background: #E6E6E6 !important;
	font-size: 12px !important;
}

.large-window-top-text .x-form-item {
	font: normal 14px tahoma, arial, helvetica, sans-serif !important;
	text-transform: uppercase;
}

.login-box-body {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff),
		color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#eeeeee', GradientType=1);
}

.login-box {
	margin-left: auto;
	margin-right: auto;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff),
		color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#eeeeee', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	box-shadow: 0 0 3px 4px #E6E6E6;
	border-radius: 10px;
	width: 300;
	opacity: 0.8;
	padding: 10px;
	margin-bottom: 30px;
}

.onlineSaleBtn {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-radius: 10px;
	position: relative;
	background: rgb(134, 138, 8);
	box-shadow: 0 0 3px 4px #E6E6E6;
	background-size: 100%;
}

.onlineSaleBtn .picto {
	width: 100%;
	height: 100%;
	background-size: 55px;
	background-repeat: no-repeat;
	background-position: left 5px;
}

.onlineSaleBtn:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 #01DF3A;
	box-shadow: 0 0 3px 4px #ef6212;
}

.onlineSaleBtn .picto-text {
	color: white;
	position: absolute;
	top: 14px;
	left: 25px;
	font-size: calc(15px + 1vw);
	font-weight: normal;
	font-family: Lora, Georgia, serif;
	width: 100%;
}

.onlineSaleBtn .picto.image {
	color: #4c4c4c;
	position: absolute;
	bottom: 5px;
	left: 5px;
	text-align: center;
	background-image: url('images/poshelper/online/panier.png');
}

.menuappli {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 55px;
	border-radius: 4px;
	position: relative;
	background: rgb(95, 120, 144);
	text-align: center;
	background-size: 100%;
}

.toptoolbar {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	margin-top: 0px;
	background: rgb(95, 120, 144);
	
	
	background-size: 100%;
	text-align: right;
	position: fixed;
	width: 100%;
	max-width: 1400px;
	z-index: 90;
	top: -1px;
}

.contentappli {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 15px;
	border-radius: 4px;
	max-width: 1750px;
}

.connect-name {
	color: white;
	display: inline-block;
}

.connect-container {
	top: 8px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	z-index: 99;
}

.bottom-connect-name {
	color: black;
	display: inline-block;
}

.bottom-connect-container {
	bottom: 8px;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	z-index: 99;
}

.right-toptoolbar {
	display: inline-block;
	vertical-align: middle;
	/* ie 7*/ 
	display: inline; 
	zoom: 1; 
	text-align: right;
}

.inc-qty-txt {
	font-size: 18px;
	text-align: center;
	padding-top: 12px;
	background: #eeeeee;
	border-radius: 100%;
}

.cabyhour {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 600px;
}

.cabyhour-hour {
	font-size: 18px;
	text-align: center;
	display: inline-block;
	width: 140px;
}

.cabyhour-ca {
	font-size: 18px;
	text-align: center;
	display: inline-block;
	width: 140px;
}

.cabyhour-line {
	border-bottom: 1px solid #CECFD1;
	text-align: center;
	padding-bottom: 2px;
	padding-top: 2px;
}

.site-header {
	/*height: 220px;*/
	margin-top: -1px;
	z-index: 90;
	background: #fff;
	padding-top: 5px;
	position: fixed;
	width: 100%;
	max-width: 1400px;
	border-bottom: 1px solid #dcdcda;
	top: 0 !important;
}

.site-header-menu {
	top: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: absolute;
}

.row-text-big {
	text-align: center;
	font-size: 38px;
	letter-spacing: -1px;
	color: #585858; /*#7c7770;*/
	font-family: Lora, Georgia, serif;
	font-weight: 400;
}

.row-text-info {
	text-align: center;
	padding: 20px;
	font-size: 10px;
	letter-spacing: 1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: #FF0040;
	font-family: Lora, Georgia, serif;
	font-weight: 400;
}

.onlineGammeBtn {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-radius: 20px;
	position: relative;
	background: #04B486; /* Old browsers */
	box-shadow: 0 0 3px 4px #E6E6E6;
	background-size: 100%;
}

.onlineGammeBtn:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 #01DF3A;
	box-shadow: 0 0 3px 4px #ef6212;
}

.onlineGammeBtn .picto-text {
	color: white;
	position: absolute;
	text-align: center;
	top: 12px;
	font-size: calc(18px + 1vw);
	font-weight: normal;
	font-family: Lora, Georgia, serif;
	width: 100%;
}

.row-text-big2 {
	text-align: center;
	padding: 20px;
	font-size: 38px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: #7c7770;
	font-family: Lora, Georgia, serif;
	font-weight: 400;
}

.large-windows {
	top: -1px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: fixed;
	width: 100%;
	max-width: 1400px;
	z-index: 98;
	background: #ffffff;
	/*background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #F2F2F2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#F2F2F2', GradientType=0);*/
	box-shadow: 0 0 2px 3px #E0F8F7;
}

.large-windows-button {
	position: absolute;
	bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

.large-windows-button-int {
	bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

.large-windows-button-valider {
	display: inline-block;
}

.large-windows-button-cancel {
	display: inline-block;
}

.large-windows-header {
	position: absolute;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	overflow-y: auto;
}

.large-windows-top-panel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	display: block;
	max-width: 800px;
	min-width: 300px;
	text-align: center;
}

.vignette {
	/*position: absolute;*/
	left: 10px;
	display: inline-block;
	padding-top: 10px;
	width: 100px;
}

.large-window-top-text {
	text-align: center;
	font-size: 30px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: #7c7770;
	font-family: Lora, Georgia, serif;
	font-weight: 400;
	padding-top: 10px;
	padding-left: 100px;
}

.large-window-top-text-mobile {
	text-align: center;
	font-size: 20px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: #7c7770;
	font-family: Lora, Georgia, serif;
	font-weight: 400;
	padding-top: 10px;
	padding-left: 65px;
}

.large-windows-content {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	overflow-y: auto;
}

.item-popup-text {
	text-align: center;
	font-size: 20px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: #7c7770;
	font-family: Lora, Georgia, serif;
	font-weight: 400;
	padding: 3px;
	display: inline-block;
	max-width: 300px;
}

.item-popup-text-mobile {
	text-align: center;
	font-size: 15px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: #7c7770;
	font-family: Lora, Georgia, serif;
	font-weight: 400;
	padding: 3px;
	display: inline-block;
	max-width: 180px;
}

.inc-panel-action {
	
}

.item-button {
	position: absolute;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff),
		color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#eeeeee', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	box-shadow: 0 0 3px 4px #E6E6E6;
	background-size: 100%;
	font-size: 30px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: #7c7770;
	font-family: Lora, Georgia, serif;
}

.vignette-item {
	
}

.item-button:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 3px 4px #ef6212;
}

.selection-list-item {
	border-radius: 100%;
	min-width: 30px;
	max-width: 50px;
	min-height: 30px;
	padding: 15px;
	background: #424242;
	display: inline-block;
	margin: 5px;
	font-size: 12px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: white;
	font-family: Lora, Georgia, serif;
	vertical-align: top;
}

.selection-list-item.light {
	/*background: #21610B !important;*/
	background: white !important;
}

.selection-list-item.big {
	min-width: 110px !important;
	max-width: 150px !important;
	min-height: 110px !important;
	font-size: 16px !important;
	padding: 25px !important;
}

.item-button-list {
	background: #ffffff; /* Old browsers */
	box-shadow: 0 0 3px 4px #E6E6E6;
	background-size: 100%;
	font-size: 13px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color:#e2541e;/* #7c7770;*/
	font-family: Lora, Georgia, serif;
	display: inline-block;
	margin: 7px;
	vertical-align: top;
}

.item-button-list:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 3px 4px #ef6212;
}

.item-button-list-disabled {
	background: #ffffff; /* Old browsers */
	box-shadow: 0 0 3px 4px #E6E6E6;
	background-size: 100%;
	font-size: 13px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: #7c7770;
	font-family: Lora, Georgia, serif;
	display: inline-block;
	margin: 7px;
	vertical-align: top;
	opacity: 0.2;
}

.selection-list-item-clear {
	border-radius: 50%;
	min-width: 30px;
	max-width: 50px;
	min-height: 30px;
	padding: 15px;
	background: #BDBDBD;
	display: inline-block;
	margin: 5px;
	font-size: 12px;
	letter-spacing: -1px;
	font-family: AvenirNextLTPro-MediumCn;
	color: white;
	font-family: Lora, Georgia, serif;
	vertical-align: top;
	box-shadow: 0 0 3px 4px #ef6212;
}

.selection-list-item-clear:hover {
	cursor: pointer;
	background: none repeat scroll 0 0 #FF0000;
	box-shadow: 0 0 3px 4px #ef6212;
}

::selection {
	background: none; /* WebKit/Blink Browsers */
	background-color: #f2f2f2;
}

::-moz-selection {
	background: none; /* Gecko Browsers */
	background-color: #f2f2f2;
}

.sleep-screen {
	top: -1px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: fixed;
	width: 100%;
	max-width: 1400px;
	z-index: 99;
	background: white;
	box-shadow: 0 0 2px 3px #E0F8F7;
}

.calc-screen {
	top: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: fixed;
	left: calc(50vw - 150px);
	width: 300px;
	height: 500px;
	max-width: 300px;
	z-index: 99;
	background: white;
	box-shadow: 0 0 2px 3px #E0F8F7;
}

.info-message {
	color: #ef6212;
	font-size: 16px;
	margin: 4px auto;
	padding: 10px;
	border-radius: 4px;
	display: block;
	background: none repeat scroll 0 0 white;
	box-shadow: 0 0 3px 4px #ef6212;
	height: auto;
	min-height: 30px;
	max-width: 800px;
}

.grid-column-image-xlsx {
	background: url("images/poshelper/grid/xlsx.png") no-repeat scroll 0% 0%
		transparent;
	background-position: center;
	display: block;
	width: 55px;
	height: 45px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.grid-column-image-doc {
	background: url("images/poshelper/grid/doc.png") no-repeat scroll 0% 0%
		transparent;
	background-position: center;
	display: block;
	width: 55px;
	height: 45px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.grid-validation-ok:hover {
	cursor: pointer;
}

.grid-validation-ko:hover {
	cursor: pointer;
}

.grid-validation-ok {
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	background: none repeat scroll 0 0 #73d216;
}

.grid-validation-ko {
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	background: none repeat scroll 0 0 #f57900;
}

.site-header-login {
	top: 8px;
	right: 10px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	color: #7c7770;
	text-transform: uppercase;
	font-size: 14px;
}

.site-menu-div {
	top: 0px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: fixed;
	width: 100%;
	max-width: 250px;
	background: #2b2923;
	z-index: 95;
	padding-top: 50px;
}

.site-menu-div-item {
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 30px;
	padding-top: 10px;
	padding-left: 20px;
	cursor: pointer;
}

.product-add-table {
	font: normal 14px arial, tahoma, verdana, helvetica;
	color: #333;
	/* background: #e5e5e5;*/
	margin-left: auto;
	margin-right: auto;
	max-width: 1600px;
	padding-top: 20px;
}

.product-table-td {
	border-bottom: 1px solid #d1e0e0; /**#A4A4A4*/
}

.product-table-td-right {
	border-bottom: 1px solid #d1e0e0; /**#A4A4A4*/
	text-align: right;
}

.product-table-td-top {
	border-bottom: 1px solid #d1e0e0; /**#A4A4A4*/
	vertical-align: top;
	padding: 30px 0px;
}

.product-table-cell {
	min-height: 30px;
}

.table-inc-quantity {
	font: normal 18px arial, tahoma, verdana, helvetica;
	color: #FE2E2E;
}

.table-inc-price {
	font: normal 13px arial, tahoma, verdana, helvetica;
	color: black;
}

.product-table-inc {
	min-width: 135px;
}

.vignette-clic:hover {
	border: 1px solid yellow;
	box-shadow: 0 0 2px 3px red;
	cursor: pointer;
}

.descr-price-table {
	font: normal 20px arial, tahoma, verdana, helvetica;
	color: black;
}

.descr-price-table-red {
	font: normal 20px arial, tahoma, verdana, helvetica;
	color: #FE2E2E;
}

.travaux {
	font: normal 50px arial, tahoma, verdana, helvetica;
	color: #FE2E2E;
	text-align: center;
}

.search-image-box {
	position: relative;
	top: 1px;
	cursor: pointer;
	margin-bottom: 5px;
}

.search-text-box {
	position: relative;
	bottom: 1px;
	cursor: pointer;
	letter-spacing: -1px;
	color: rgb(124, 119, 112);
	font-weight: 400;
	font-size: 15px;
}

.search-text-box-mobile {
	position: relative;
	bottom: 1px;
	cursor: pointer;
	letter-spacing: -1px;
	color: rgb(124, 119, 112);
	font-size: 10px;
}

.search-item-selected {
	/*background: none repeat scroll 0 0 white;*/
	box-shadow: 0 0 15px 6px #ef6212;
}

.search-item:hover {
	/*background: none repeat scroll 0 0 white;*/
	box-shadow: 0 0 15px 6px #BDBDBD;
}

.special-mention {
	position: absolute;
	top: 40px;
	right: 5px;
	color: #2E2E2E;
	padding: 5px;
	z-index: 60;
	margin: 10px;
	box-shadow: 0 0 15px 6px #ef6212;
	border-top: 15px solid transparent;
	border-left: 5px solid #FA5858;
	border-right: 5px solid #FA5858;
	border-bottom: 15px solid transparent;
	background: white;
	font-size: 8px;
	border-radius: 100%;
}

.special-mention-mobile {
	position: absolute;
	top: 25px;
	right: 5px;
	color: #2E2E2E;
	padding: 2px;
	z-index: 60;
	margin: 10px;
	box-shadow: 0 0 8px 6px #ef6212;
	border-top: 10px solid transparent;
	border-left: 3px solid #FA5858;
	border-right: 3px solid #FA5858;
	border-bottom: 10px solid transparent;
	background: white;
	font-size: 8px;
	font-weight: 600;
	border-radius: 100%;
	text-transform: uppercase;
}

.error404 {
	width: 50%;
	min-height: 400px;
	min-width: 300px;
	font: italic 9px arial, tahoma, verdana, helvetica;
	color: #F5BCA9;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	padding: 4px;
	margin-top: 50px;
	border-radius: 4px;
	box-shadow: 0 0 5px 5px #D8D8D8;
	background-repeat: no-repeat;
}

.framed-button {
	font-size: 12x;
	cursor: pointer;
	padding: .3em 1em;
	line-height: 1.7em !important;
	text-align: center;
	max-width: 230px;
	min-width: 100px;
	border: 2px solid;
}

.framed-button:hover {
	background: #A9BCF5;
	border: 2px solid transparent;
	border-color: transparent !important;
}

.framed-button-text {
	width: 88%;
	font-size: 20px;
	font-weight: 500;
	display: inline-block;
	text-align: center;
}

.framed-button .framed-button-image {
	width: 10%;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}

.cookies-footer {
	margin-bottom: -1px;
	z-index: 99;
	background: rgba(117, 190, 218, 0.8);
	padding: 15px 5px;
	position: fixed;
	width: 100%;
	max-width: 1790px;
	border-bottom: 1px solid #dcdcda;
	bottom: 0 !important;
}

.grid-column-invoice-status {
	font-size: 14px;
	color: white;
}

.grid-column-invoice-status-clic:hover {
	color: red;
	font-size: 14px;
}

.grid-column-image-pdf {
	background: url("images/poshelper/grid/pdf.png") no-repeat scroll 0% 0%
		transparent;
	background-position: center;
	background-size: 40px;
	display: block;
	width: 45px;
	height: 45px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.ui-adv-cb-checked {
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	padding: 10px;
	width: 150px;
	background: white;
	border: 1px solid red;
	border-radius: 10px;
	color: red;
	font-weight: 800;
	margin: 5px 10px;
	text-transform: uppercase;
	box-shadow: 0 0 3px 3px #5F4C0B;
}

/**.ui-adv-cb-checked:after {
	content: url("images/poshelper/online/checked.png");
	position: relative;
	vertical-align: top;
}

.ui-adv-cb-unchecked:after{
	content: url("images/poshelper/online/unchecked.png");
	position: relative;
	vertical-align: top;
}
*/
.ui-adv-cb-unchecked {
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	padding: 10px;
	width: 150px;
	background: white;
	border: 1px solid #D8D8D8;
	border-radius: 10px;
	color: black;
	margin: 5px 10px;
	text-transform: uppercase;
	font-weight: 400;
}

.bottomtoolbar {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	margin-top: 0px;
	background: white; /*#F2F2F2;*/
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	max-width: 1400px;
	z-index: 97;
	bottom: -4px;
}

.bornecartButton {
	margin: 6px 8px;
	border-radius: 10px;
	position: relative;
	display: inline-block;
	background: #B40404;
	background-size: 100%;
	cursor: pointer;
}

.bornecartButton .picto {
	width: 100%;
	height: 100%;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: left 10px;
}

.bornecartButton .picto-title {
	color: #4c4c4c;
	position: absolute;
	bottom: 4px;
	text-align: center;
	font-size: 9px;
	font-weight: normal;
	width: 100%;
}

.bornecartButton .picto-big-title {
	color: #4c4c4c;
	position: absolute;
	bottom: 9px;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	width: 100%;
}

.bornecartButton .picto-text {
	color: white;
	position: absolute;
	top: 18px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
}

.bornecartButton .picto.image {
	color: #4c4c4c;
	position: absolute;
	left: 5px;
	text-align: center;
	background-image: url('images/poshelper/online/panier.png');
}

.bornecartButton .borne-card-valid {
	color: white;
	position: absolute;
	bottom: 30px;
	text-align: center;
	font-size: 27px;
	font-weight: normal;
	width: 100%;
	text-shadow: 1px 1px 1px black;
}

.bornecancelButton {
	margin: 6px 8px;
	border-radius: 10px;
	position: relative;
	display: inline-block;
	background: #A4A4A4;
	background-size: 100%;
	cursor: pointer;
	text-shadow: 1px 1px 1px black;
}

.bornecancelButton .borne-card-valid {
	color: white;
	position: absolute;
	bottom: 40px;
	text-align: center;
	font-size: 27px;
	font-weight: normal;
	width: 100%;
}

.smalladdcart-title {
	height: 25px;
	padding: 4px;
	font-size: 15px;
	display: inline-block;
	color: rgb(124, 119, 112);
}

.smalladdcart-price {
	height: 15px;
	padding: 4px;
	font-size: 15px;
	display: inline-block;
	color: #B12704;
	font-weight: 700;
}

.suggestitem:hover {
	box-shadow: 0 0 3px 3px #5F4C0B;
}

.suggestitem {
	display: inline-block;
	cursor: pointer;
	margin-right: 20px;
	margin-bottom: 12px;
	text-align: center;
}

.suggestpanel {
	max-width: 1600px;
	display: inline-block;
	margin-top: 50px;
	border-bottom: 1px solid #d1e0e0;
	width: 95%;
}

.carttitle {
	text-align: left;
	font-size: 18px;
	border-bottom: 1px solid #d1e0e0;
	padding: 10px;
	margin-bottom: 20px;
	font-weight: 700;
}

.cart-delete:hover {
	box-shadow: 0 0 5px 5px #8A0808;
	cursor: pointer;
}

.smalladdcart:hover {
	background: #F7FE2E;
}

.smalladdcart {
	background: #f0c14b;
	width: 100px;
	height: 15px;
	padding: 5px;
	font-size: 10px;
	border-radius: 5px;
	display: inline-block;
	box-shadow: 0 0 1px 1px #5F4C0B;
	margin-bottom: 5px;
}

.remove-scrollbar {
	overflow: hidden;
}

.choice-paiement-button {
	display: inline-block;
	background-repeat: no-repeat;
	margin-right: 10px;
	cursor: pointer;
	box-shadow: 0 0 5px 5px #D8D8D8;
	vertical-align: top;
}

.radio-emporter {
	background: url("images/poshelper/emporter.png") no-repeat;
	height: 130px;
	width: 130px;
	background-size: 100px;
	background-position: center;
	cursor: pointer;
}

.radio-surplace {
	background: url("images/poshelper/surplace.png") no-repeat;
	height: 130px;
	width: 130px;
	background-size: 100px;
	background-position: center;
	cursor: pointer;
}

.big-radio-emporter {
	background: url("images/poshelper/emporter.png") no-repeat;
	height: 230px;
	width: 230px;
	background-size: 200px;
	background-position: center;
	cursor: pointer;
}

.big-radio-surplace {
	background: url("images/poshelper/surplace.png") no-repeat;
	height: 230px;
	width: 230px;
	background-size: 200px;
	background-position: center;
	cursor: pointer;
}

.radio-text {
	font-size: calc(10px +1vw);
	font-weight: 600;
	color: white;
	text-align: center;
	width: 70%;
	background: #5882FA;
	opacity: 0.7;
	border-radius: 10px;
	padding: 5px;
	margin-left: 5px;
}

.waiter-table {
	font-size: calc(10px + 1vw);
	width: 80%;
	margin: 5px auto;
	text-align: center;
	border-radius: 20px;
	padding: 5px;
	color: black;
	cursor: pointer;
	border: 1px solid #BDBDBD;
}

.waiter-radio-text {
	font-size: calc(9px);
	font-weight: 600;
	color: blue;
	text-align: center;
	width: 90px;
	padding: 3px 1px;
	position: relative;
	top: 11px;
}

.waiter-table-icon {
	background: url("images/poshelper/table.jpg") no-repeat;
	height: 80px;
	width: 90px;
	background-size: 75px;
	background-position: center;
	cursor: pointer;
	display: inline-block;
}

.waiter-table-icon-red {
	background: url("images/poshelper/ready.png") no-repeat;
	height: 80px;
	width: 90px;
	background-size: 75px;
	background-position: center;
	cursor: pointer;
	display: inline-block;
}

.waiter-table-icon-open {
	background: url("images/poshelper/tableorange.jpg") no-repeat;
	height: 80px;
	width: 90px;
	background-size: 75px;
	background-position: center;
	cursor: pointer;
	display: inline-block;
}

.waiter-table-icon-green {
	background: url("images/poshelper/tablevert.jpg") no-repeat;
	height: 80px;
	width: 90px;
	background-size: 75px;
	background-position: center;
	cursor: pointer;
	display: inline-block;
}

.waiter-table-icon-grise {
	background: url("images/poshelper/tablegrise.jpg") no-repeat;
	height: 80px;
	width: 90px;
	background-size: 75px;
	background-position: center;
	cursor: pointer;
	display: inline-block;
}

.waiter-table-icon-bleu {
	background: url("images/poshelper/tablebleu.jpg") no-repeat;
	height: 80px;
	width: 90px;
	background-size: 75px;
	background-position: center;
	cursor: pointer;
	display: inline-block;
}

.waiter-table-icon-big {
	height: 100px !important;
	width: 110px !important;
	background-size: 95px !important;
}

.center-container {
	margin: auto;
}

.waiter-paiement-box {
	padding: 15px 20px;
	min-width: 40px;
	font-size: 25px;
}

.waiter-paiement-giveback {
	padding: 15px 20px;
	min-width: 40px;
	font-size: 18px;
}

.waiter-paiement-row {
	border-bottom: 1px solid black;
}

.site-header-previous {
	top: 10px;
    left: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: absolute;
}

.red-push-button {
	background: #FA5858;
	color: white;
	border: 1px solid #BDBDBD;
	padding: 8px;
	font-size: 18px;
}

.red-push-button-up-hovering {
	border: 1px solid black;
}

.red-push-button-down-hovering {
	background: #FE2E2E;
	color: black;
	border: 1px solid black;
}

.blue-push-button {
	background: rgb(30, 136, 229);
	color: white;
	border: 1px solid #BDBDBD;
	padding: 8px;
	font-size: 18px;
	margin: 2px auto;
}

.blue-push-button-up-hovering {
	border: 1px solid black;
}

.blue-push-button-down-hovering {
	color: black;
	border: 1px solid black;
}

.slide-button-left {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 40px 2px;
	font-size: 18px;
	display: inline-block;
	border-top: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	width: 140px;
	color: #D8D8D8;
	cursor: pointer;
	text-transform: uppercase;
}

.slide-button-right {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	font-size: 18px;
	padding: 40px 2px;
	display: inline-block;
	width: 140px;
	color: #D8D8D8;
	cursor: pointer;
	text-transform: uppercase;
}

.slide-button-selected {
	color: white;
	background: red;
	font-weight: 800;
	border: 1px solid red;
}

.wizard-borne-next {
	position: absolute;
	right: 50px;
	top: 50%;
	width: 80px;
	height: 75px;
	background: url("images/poshelper/next2.png") no-repeat;
	background-size: 75px;
	background-position: center;
	cursor: pointer;
}

.wizard-borne-next-small {
	position: absolute;
	right: 10px;
	bottom: 5px;
	width: 45px;
	height: 45px;
	background: url("images/poshelper/next2.png") no-repeat;
	background-size: 100% auto;
	background-position: center;
	cursor: pointer;
}

.wizard-borne-close {
	position: absolute;
	right: 20px;
	top: 10px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	border-radius: 100%;
	background-size: 100% auto;
	background-image: url("images/poshelper/cancel2.png");
}

.wizard-borne-close-small {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	border-radius: 100%;
	background-size: 100% auto;
	background-image: url("images/poshelper/cancel2.png");
}

.kpi-perimeter-text {
	font-size: calc(9px);
	font-weight: 600;
	color: blue;
	text-align: center;
	width: 90px;
	padding: 3px 1px;
	position: relative;
	bottom: 1px;
}

.link {
	color: #5882FA;
	cursor: pointer;
	text-decoration: underline;
}

.centered-div {
	margin : auto;
	
}

.box-login .x-form-field {
	padding : 20px;
	height : 30px !important;
	border-radius : 20px;
	color : white;
	background : rgb(95, 120, 144);
	border : 1px solid rgb(95, 120, 144);
	display : inline-block;
}

.box-login .x-form-text, textarea.x-form-field {
	background : rgb(95, 120, 144);
}

.popup-cp-header {
}

.posbutton-blue {
	margin-top: 5px;
	background:#1E88E5;
	color:white;
	cursor:pointer;
	width:calc(100% - 10px);
	height:20px;
	padding:5px;
	font-size:20px;
	font-weight:800;
	border-radius:10px;
	box-shadow: 0 0 3px 3px #D8D8D8";
}

.posbutton-white {
	margin-top: 5px;
	color:black;
	cursor:pointer;
	width:calc(100% - 10px);
	height:20px;
	padding:5px;
	font-size:20px;
	font-weight:800;
	border-radius:10px;
	box-shadow: 0 0 3px 3px #D8D8D8";
}

.grid-column-image-chat {
	background: url("images/poshelper/online/chat2.png") no-repeat scroll 0% 0%
		transparent;
	background-position: center;
	display: block;
	width: 45px;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	background-size: cover;
}


.chat-header {
	width: 30px;
    height: 30px;
    margin: 6px 5px;
    border-radius: 4px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
	background-size: 100%;
	background-image: url('images/poshelper/online/chat3.png');
}

.chat-header:hover {
	cursor: pointer;
	box-shadow: 0 0 3px 4px #ef6212;
}