/* Minification failed. Returning unminified contents.
(5889,44): run-time error CSS1030: Expected identifier, found ','
(5889,67): run-time error CSS1031: Expected selector, found ')'
(5889,67): run-time error CSS1025: Expected comma or open brace, found ')'
(8944,1): run-time error CSS1019: Unexpected token, found '@charset'
(8944,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(8944,17): run-time error CSS1019: Unexpected token, found ';'
 */
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff ;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}


/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa ;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}


@font-face {
	font-family: 'Lato-Regular';
	src: url('/ressource/police/Lato-Regular.ttf');
	src: url('/ressource/police/Lato-Regular.woff');
}
@font-face {
	font-family: 'Lato-Light';
	src: url('/ressource/police/Lato-Light.ttf');
	src: url('/ressource/police/Lato-Light.woff');
}

table, td, input {
    font-family: 'Open Sans', sans-serif !important;
}

html {
    margin: 0px;
}
html, body, #contenuPage, #contenuPanier {
    height: 100%;
}
body {
    display: block;
    margin: 0px;
    width: 100%;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
}
.centerList {
    display: block;
    margin-left: auto;
    margin-right: auto
}

input, textarea, select, button {
    font-family: 'Open Sans', sans-serif;
    color: #1F1D0E;
}
#choixLangue{
    top: -4px !important;
    position: relative;
    cursor:pointer;
    margin-right:5px;
}

#contenuPage {
    min-width: 1200px;
    margin: 0 auto;
    max-width: 1600px;
}

#loginBox, #motDePasseBox {
    background: transparent;
    width: 230px;
    float: right;
    margin: 1px;
    padding: 4px;
    margin-right: 18px;
}
span.identifiant.identifiantLoginBox label, .blocMotDePasseFlottant label{
    margin-left: 40px;
    text-align: right;
    margin-top: 4px;
    font-size: 17px!important;
}
@media screen and (max-width: 840px) {
   
    #listeLargeursColonnes_tableauListeDesProduitsDX {
        width: 70% !important;
    }
}
@media screen and (max-width: 960px) and (width: 960px) {
    #listeLargeursColonnes_tableauListeDesProduitsDX {
        width: 1190px !important;
        left: -5% !important;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1600px) 
{
    #conteneurLignesMaCommande{
        margin: 0px auto 0 auto !important;
    }
    
    #blockDroite {
        width: 1146px !important;
    }
    #entete{
        width:1400px !important;
        height:298px !important;
    }
    #contenuBlockBas, #listeClientsWebshop {
        width:1400px !important;
    }
    #enteteHaut {
        width:1400px !important;
    }
    #enteteBas {
        width:1400px !important;
        height: 268px !important;
    }
    #logoEtRechercheWebshop{
        height:70px !important;
    }
    #cyclePaiement{
        width:1400px !important;
    }
    /*#lignesOperationsId{
        width:1400px !important;
    }*/
    #footerWebshop{
        width:1400px !important;
    }
    #blockIdentification {
        width: 345px !important;
    }
    .blockIdentificationDeuxTiers {
        height : 190px !important;
    }
    .blockIdentificationUnTiers {
        height : 60px !important;
    }
    #identification{
        margin-top: 16px !important;
        margin-left: 5px !important;
    }
    .meConnecter{
        margin-bottom: 10px !important;
    }
    #enteteBasGauche {
        width:1055px !important;
        height: 265px !important;
    }
    .swiper-container {
        width:1055px !important;
        height:202px !important;
    }
    .contenuImage {
        height:202px !important;
        margin-left:600px !important;
    }
    #login, #motDePasse {
        width:160px !important;
    }
    #monCompte {
        width:315px !important;
    }
    #divResterConnecter{
        width:199px !important;
    }
    #panier {
        width:345px !important;
        
    }
    .blockMenuConnection{
        width:345px !important;
    }
    .blockMenuConnection img{
        margin-left: 32px !important;
    }
    .blockMenuConnection label {
        padding-left: 62px !important;
    }
    .blockPanierTroisTiers {
        height:265px !important;
    }
    .blockPanierUnTiers {
        height:75px !important;
    }
    
    .mInscrireClass {
        height: 75px !important;
        line-height: 75px !important;
    }
    .avecDevis#mInscrire {
        width : 100px!important;
    }
    .avecDevis#accesMobile {
        margin: 0 5px!important;
    }
    #demandeDevisSocieteGenerique {
        width: 170px!important;
    }
    .textMonPanier{
        margin-top: 0px !important;
    }
    #modeExp {
        float: left !important;
        width: 295px !important;
        margin: 0px 0 10px 0!important;
    }
    .divExpeditionSelection {
        max-width: 150px !important;
        min-width: 150px !important;
    }
    .divExpeditionSelection select {
        width: 86px !important;
    }
    
    label.labelModeExpedition {
        margin-right: 0 !important;
    }
    .zonePanier{
        height: 122px !important;
        line-height: 122px !important;
       
    }
    .zonePanier img{
        margin-top:35px !important;
        margin-left: 18px !important;
    }
    #nombreProduitsAjouter{
        margin-top:17px !important;
    }
    #contenuPage {
        max-width: 1400px;
    }
    .contenuImage label{
         margin-left:-145px !important;
         font-size:32px !important;    
    }

    
    #ui-datepicker-div{
        width:307px !important;
    }
    #listeLargeursColonnes_tableauListeDesProduitsDX {
        width: 1250px !important;
        left: -15% !important;
    }
    .blockMenuConnection span {
        padding: 7px 11px !important;
        width: 92% !important;
    }
    .nomDuCompte{
        width: 230px !important;
    }
    .caption{
        height:77% !important;
    }
    .captionTheme2{
        height:77% !important;
    }
    #blocDetailsCatalogueLigne {
        width: 675px !important;
    }
    #listeImage .rslides img {
        height: 185px !important;
    }
}
@media screen and (max-width: 1200px) {
    .bodyOverflowHidden {
        overflow-x: auto !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .conteneurLivraison {
        margin: 10px auto !important;
    }
    #typeOperation {
        margin-bottom: 5px !important;
    }
        #blockDroite {
        width: 946px !important;
    }
    #entete{
        width:1200px !important;
        height:269px !important;
    }
    #contenuBlockBas , #listeClientsWebshop {
        width:1200px !important;
    }
    #enteteHaut {
        width:1200px !important;
    }
    #enteteBas {
        width:1200px !important;
        height: 236px !important;
    }
    #cyclePaiement{
        width:1200px !important;
    }
    /*#lignesOperationsId{
        width:1200px !important;
    }*/
    #footerWebshop{
        width:1200px !important;
    }
    #blockIdentification {
        width: 335px !important;
       
    }
    .blockIdentificationDeuxTiers {
        height : 176px !important;
    }
    #divResterConnecter{
        width:197px !important;
    }
    .blockIdentificationTroisTiers {
        height : 140px !important;
    }
    .blockIdentificationUnTiers {
        height : 60px !important;
    }
    #identification{
        margin-top: 12px !important;
        margin-left: 0px !important;
    }
    .meConnecter {
        margin-bottom: 0px !important;
    }
    #login, #motDePasse{
        width:157px !important;
    }
    #enteteBasGauche {
        width:865px !important;
        height:236px !important;
    }
    .contenuImage{
        height:187px !important;
        margin-left:450px !important;
    }
    .swiper-container {
        width:865px !important;
        height:187px !important;
    }
    .nomDuCompte{
        width: 220px !important;
    }
    #monCompte {
        width:335px !important;
    }
    #panier {
        width:335px !important;
       
    }
    .blockMenuConnection{
        width:335px !important;
    }
    .blockMenuConnection label {
        padding-left: 64px !important;
    }
    .blockMenuConnection img{
        margin-left: 38px !important;
    }
    .blockPanierTroisTiers {
        height:236px !important;
    }
    .blockPanierUnTiers {
        height:60px !important;
    }
    .mInscrireClass {
        height: 55px !important;
        line-height: 60px !important;
    }
    .avecDevis#mInscrire {
        width : 100px!important;
    }
    .avecDevis#accesMobile {
        margin: 0 5px!important;
    }
    #demandeDevisSocieteGenerique {
        width: 170px!important;
    }
    .zonePanier{
        height: 105px !important;
        line-height: 105px !important;
    }
    .zonePanier img{
        margin-top:26px !important;
        margin-left: 18px !important;
    }
    #nombreProduitsAjouter{
        margin-top:13px !important;
    }
        
    #contenuPage {
        max-width: 1200px;
    }


    .contenuImage label{
         margin-left:-122px !important;
         font-size:30px !important;    
    }
 
    input#dateLivraison {
        margin-top: 5px;
        margin-left:10px !important;
    }
    #modeExp {
        float: left !important;
        margin-left: -34px !important;
        margin-top: 5px;
        width: 294px !important;
        margin: 0px 0 10px 0!important;
    }
    .inputModeExpeditionSelection{
        margin-right: -8px !important;
    }
    select#modeExpeditionSelection{
        margin-left: 11px !important;
    }
    .textMonPanier {
        margin-bottom: 5px !important;
        margin-top: -6px !important;
    }
    .divExpeditionSelection {
        max-width: 150px !important;
        min-width: 150px !important;
    }
    .divExpeditionSelection select {
        width: 86px!important;
    }
    
    label.labelModeExpedition {
        margin-right: 0 !important;
    }
    #ui-datepicker-div{
        width:292px !important;
    }
    #panier .ui-datepicker-trigger {
        top: 0px !important;
    }
    #listeLargeursColonnes_tableauListeDesProduitsDX {
        width: 1180px !important;
        left: -27% !important;
    }
    .blockMenuConnection span {
        padding: 2px 6px !important;
        width: 96% !important;
    }
    .caption{
        height:77% !important;
    }
    .captionTheme2{
        height:77% !important;
    }
    #blocDetailsCatalogueLigne {
        width: 475px !important;
    }
    #listeImage .rslides img {
        height: 151px !important;
    }
    #listeImage .prev {
        left:91% !important;
    }
}

@media screen and (max-device-width: 1920px) and (width: 1920px) {
    #listeLargeursColonnes_tableauListeDesProduitsDX {
        width: 1190px !important;
        left: -5% !important;
    }
}

#entete{
    width:1600px;
    height: 328px;
}
#enteteHaut {
    float:left;
    width:1600px;
    height:30px;
    background-color: #41413f;
}
#enteteBas {
    width:1600px;
    float:left;
    height:298px;
}
#contenuBlockBas {
    width:1600px;
}
#blockGauche {
    background:#ffffff;
    float:left;
    position:relative;
    min-height:800px;
    color: #2d2d2c;
    padding-top: 0px;
	padding-bottom:100px;
	border-right:1px solid #eee;
	z-index: 5;
}
#blockGauche,
#filtreDescriptif {
    width: 249px;
}
#blockDroite {
    display: inline-block;
    position: relative;
    width: 1345px;
    padding-left: 3px;
    padding-bottom:20px;
}
#blockIdentification {
    display: inline-block;
    width: 400px;
    position: relative;
    color:White;
    font-size:16px;
}
.blockIdentificationDeuxTiers {
    height : 210px;
}
.blockIdentificationUnTiers {
    height : 65px;
}
#enteteBasGauche {
    width:1200px;
    color:White;
    float:left;
    height:295px;
}
.contenuImage{
    z-index: 122222;
    width: 33%;
    height: 235px;
    margin-top: -240px;
    background-color: black;
    margin-left: 630px;
}
.contenuImage label{
    font-size: 42px;
    margin-top: 20px;
    position: absolute;
    margin-left: -180px;
    text-align:left;
    white-space:pre-wrap;
}
#monCompte {
    display:inline-block;
    position:relative;
    width:350px;
    height:60px;
    background:#fb9b00;
    color:White;
}

#panier, .produitDansLePanier {
    background:#fb9b00;
}
.mosaiqueDansLePanier {
    width: 0;
    height: 0;
    border-bottom: 65px solid #703db6;
    border-left: 100px solid transparent;
    position: absolute;
    top: 71px;
    left: 100px;

}
.iconePanierMosaique {
    position: relative;
    right: 28px;
    top: 18px;
    display : block!important;
}
.quantitePanierMosaique {
    width: 53px;
    height: 53px;
    border-radius: 30px;
    position: absolute;
    top: -4px;
    left: -10px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
}
.quantitePanierListe {
    display: block;
    margin: auto;
    width: 53px;
    height: 53px;
    border-radius: 30px;
    position: relative;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
}
#panier {
    display:inline-block;
    position:relative;
    width:400px;
    color:White;
}
.blockPanierTroisTiers {
    height:295px;
}
.blockPanierUnTiers {
    height:85px;
}

#logoEtRechercheWebshop{
    margin: 5px 7px;
    width:99%;
    height:75px;
}
#infoSociete , .infoSociete{
    color:#c6c6c4;
}
#infoSociete .infosLabel{
    font-size: 14px;
    /* margin-right: 20px; */
    margin: 7px 10px;
}
.blockIdentifiantConnecter{
    position: relative;
    display: inline-block;
    float: right;
    top: 6px;
}

.infos {
    min-width: 20%;
    margin-left:10px;
}
.messageConditionGeneral{
    display:none;
}
.infosLabel {
    margin-right: 4%;
    display: inline-block;
    cursor:pointer;
}
.socialMedia a{
    font-size: 19px;
    margin-right: 2px;
    color: #c6c6c4;
    text-decoration:none;
}
.icon-telephone {
    font-size: 20px;
    float: left;
    margin-right: 2px;
    margin-top: -2px;
}
.identifiant{
    position: relative;
    width: 96%;
    display: inline-block;
    text-align: left;
    margin-left:10px;
    
}
.blocMotDePasseFlottant
{
    margin-top:10px;
}
.identifiant label{
    width: 140px !important;
    display: inherit;
    font-size:18px;
}

#login, #motDePasse {
    padding: 7px 1px;
    border: solid 1px #dcdcdc;
    margin: 0;
    font-size: 15px;
    margin-top: 5px;
    width:195px;
    background: transparent;
    color:#fff;
}
 #identification {
    margin: 23px 20px;
 }
.meConnecter{
    text-align: left;
    margin-left: 10px;
    margin-bottom: 12px;
    display: block;
    font-size: 20px;
 }
#seConnecter {
    display: inline-block;
    padding: 10px 0px;
    text-align: center;
    font-size: 18px !important;
    text-decoration: none;
    cursor: pointer;
    line-height: 20px;
    background-color: #fff;
    width: 74px;
    margin-top: 8px;
    margin-left: 26px;
}
#divResterConnecter, #divResterConnecterLogin{
    display: inline-block;
    width: 235px;
    float: left;
    margin-top: 6px;
    margin-left: 14px;
    font-size: 15px;

}
#divResterConnecter label{
    margin-top: 7px;
    display: inherit;
}
.motDePasseOublieHOL{
    margin-left: -5px;
    cursor:pointer;
}
#catalogues{
    width: 100%;
    margin-bottom: 15px;
    text-align:center;
    position:relative;
}
[id^=unCatalogue_]{
    height: 150px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    min-width: 187px !important;
    cursor:pointer;
    margin-right:7px;
}

.faTheme3 
{
    float : left;
}

/*[id^=unCatalogue_]::after{
    content: '';
    position: absolute;
    left: 43%;
    top: 93%;
    width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f77236;
    clear: both;
}*/
.nomCatalogue {
    display: block;
    position: relative;
    color: #f77236;
    font-size: 18px;
}
.cocherCatalogue{
    height: 110px;
    display: block;
    position: relative;
    margin-top: 1px;
    padding-top: 3px;
}
.uneImageCatalogue {
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
    height: 90px;
    margin-top: 7px;
}

[id^=unCatalogue_]  #layoutFiltre {
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background-color: #000000; 
    z-index: 12;
    display: none;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
[id^=unCatalogue_] #detailsFiltre{
    height: auto;
    z-index: 13;
    position: absolute;
    width: 250px;
    margin-left: 0;
    background: #fff;
    top: 20px;
}
[id^=unCatalogue_] .iconeFermeture {
    cursor: pointer;
    position: absolute;
    left: 100%;
    margin-left: -20px;
    top: 7px;
}
[id^=unCatalogue_] .titrePopup {
    text-align: left;
    font-size: 14px;
    color: #fff;
    background: #2067c0;
    padding: 10px;
    margin: 0 0 10px;
}

#divDetails {
    display:block;
    margin: 10px;
}

#divBouttons{
    display:block;
    position:relative;
}
.deselectionnerTout{
    width:180px;
    float:left;
    background:#DE7C12;
    padding-top:8px;
    padding-bottom: 8px;
    text-align:center;
    display: inline-block;
    cursor:pointer;
}
.validerFiltre{
    width:70px;
    background:#bc6506;
    padding-top:8px;
    padding-bottom: 8px;
    text-align:center;
    display: inline-block;
    cursor:pointer;
}

#divBouttons input[type="button"] {
   /* float: right;
    margin-right: 10px;*/
}

.listeTrieLigneCatalogue {
    float:left;
    width:50%;
    display:block;
}
.listeFiltreLigneCatalogue {
    width: 50%;
    float: right;
}
#accesMobile {
    width: 35px;
    background: rgba(0,0,0,0) url(/ressource/image/webshop/hand-graving-smartphone.png) no-repeat scroll 0 0;
    margin: 0px 10px;
}
#mInscrire {
    width: 120px;
    background-color: #fff;
}
#mInscrire, #accesMobile {
    display: inline-block;
    padding: 10px 0px;
    text-align: center;
    font-size: 18px !important;
    text-decoration: none;
    cursor: pointer;
    line-height: 20px;
    
}


#demandeDevisSocieteGenerique{
    display: inline-block;
    padding: 10px 0px;
    text-align: center;
    font-size: 18px !important;
    text-decoration: none;
    cursor: pointer;
    line-height: 20px;
    width: 190px;
    background-color: #fff;
    margin-right: 4px;
}

.identifiantConnecter{
     display: inline-block;
     margin-left: 10px;
     margin-top:-1px;
}
.nomDuCompte, .nomDuCompteSecondaire{
    padding-left: 12px;
    position: relative;
    font-size: 15px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
    margin-top:2px;
}
.deconnexionClass {
    display: block;
    text-align:center;
    margin-top:7px;
}
.mInscrireClass {
    display: inline-block;
    text-align: center;
    line-height: 85px;
    width:100%;
}

/*     ~ : frere de l'element nomCatalogue  
#catalogues [id^=unCatalogue_] #detailsFiltre {
	display: none;
}

#catalogues [id^=unCatalogue_] .nomCatalogue:hover ~ #detailsFiltre { 
    display: block;
}

#catalogues [id^=unCatalogue_] #detailsFiltre:hover {
    display: block;
}
*/
#lignesOperationsId .contenuDtProduits{
    overflow-x: auto;
    height: 100%;
}
.contenuDtProduits {
    background-color: #ffffff;
    min-height: 600px;
}
.listeProduitsContenu {
    margin: -8px auto 0 auto;
}
.listeProduitsContenu .contenuDt {
    text-align: left !important;
}
.listeProduitsContenuConnecte{
   margin-top: -34px;
}
.unProduit {
    width: 195px;
    height: 290px;
    display:inline-table;
    position: relative;
    margin-top: 15px;
    margin-left: 15px;
    border: 1px solid #efeeee;
    background: #ffffff;
    padding: 3px;
    vertical-align: middle;
}
.unProduit.detailAssortiment {
    height: 280px !important;
}
.unProduit.detailAssortiment.affichageAvecReferenceArticle.theme2.unProduitAvecPrix {
    height: 320px !important;
    min-height: 320px !important;
}
.unProduit.detailAssortiment.affichageAvecReferenceArticle.theme2.unProduitAvecPrix.affichageAvecQuantiteRestante {
    height: 365px !important;
    min-height: 365px !important;
}
.unProduit.detailAssortiment.affichageAvecReferenceArticle {
    height: 295px !important;
    min-height: 295px !important;
}
.unProduitAvecPrix.affichageAvecGrille.affichageAvecQuantiteRestante {
    height: 428px !important;
}
.unProduitAvecPrix.affichageAvecGrille {
    height: 415px !important;
}
.unProduitAvecPrix.affichageAvecReferenceArticle.affichageAvecQuantiteRestante {
    height: 365px !important;
}
.unProduitAvecPrix.affichageAvecQuantiteRestante, .unProduitAvecPrix.affichageAvecReferenceArticle {
    height: 346px !important;
}
.affichageAvecReferenceArticle.affichageAvecQuantiteRestante {
    height: 330px !important;
}
.unProduitAvecPrix, .affichageAvecQuantiteRestante {
    height: 320px !important; /*320*/
}
.affichageAvecReferenceArticle {
    min-height: 285px;
}
.imageProduit {
    margin: auto;
    padding-top: 6px;
    display: block;
    text-align: center;
    height: 125px;
}
.imageProduitDetailsAssortiment{
    margin: auto;
    padding-top: 6px;
    display: block;
    text-align: left;
    margin-left: 5px;
}
.theme2 .conteneurImageProduit img {
    margin-top:0px;
}
.conteneurImageProduit img {
    max-width: 100%;
    max-height: 170px;
    display: block;
    margin: 0 auto;
    margin-top:4px; /*car on a un padding all 3px et on veux 7 haut bas left et right j'ajoute 4*/
}
.theme2 .divImageEnteteVignette {
    overflow: hidden;
    position: absolute;
    transform: skewX(-45.98deg);
    width: 60px;
    height: 60px;
    transform-origin: 100% 0;
    border-right: 6px solid #fff;
}
.theme2 .imageEnteteVignette{
    height: 60px;
    position: absolute;
    transition: .5s;
    transform: skewX(45.98deg);
    transform-origin: inherit;
}
.unProduit.theme3.enteteAssortiment {
    background-color: #f9f9f9;
    border: 1px solid #efeeee;
}
.unProduit.theme3.detailAssortiment {
    border-color: #fff;
}
.unProduit.theme3.enteteAssortiment, .unProduit.theme3.detailAssortiment {
    padding: 0;
    width: 201px;
}
.theme3.detailAssortiment .nomDeProduit {
    text-align: left;
    margin-left: 66px;
    color: #000 !important;
    font-size: 13px;
    padding: 0;
    height: 70px;
    text-align: left;
    margin-left: 66px;
    color: #000 !important;
    font-size: 15px;
}
.theme3 .titreEnteteAssortiment {
    text-align: center;
    margin: 6px 0px;
    font-size: 13px;
}
.theme3.enteteAssortiment .conteneurQuantite {
    margin-bottom: 3px;
}
.theme3.detailAssortiment .conteneurImageProduit img {
    margin-top: 0;
}
.theme3.enteteAssortiment .conteneurImageProduit img {
    margin: 0 auto;
}
.theme3.enteteAssortiment .detailsProduit {
    margin-top: 8px;
    min-height: 115px;
}
.theme3 .divImageEnteteVignette {    
    position: absolute;
    width: 60px;
    height: 60px;
}
.theme3 .imageEnteteVignette{
    max-height: 60px;
    max-width: 60px;
    border: 1px solid #efeeee;
}
.theme3.detailAssortiment .coefficientQuantiteAssortiment {
    position: relative;
    top: 0px;
    left: 65px;
    font-size: 16px;
    font-weight: bold;
    bottom: auto;
    right: auto;
}
.theme3.detailAssortiment .conteneurImageProduit img {
    max-height: 148px;
}
.theme3.detailAssortiment.affichageAvecReferenceArticle .conteneurImageProduit img {
    max-height: 140px;
}
.theme3.detailAssortiment.affichageAvecReferenceArticle .conteneurImageProduit {
    height: 140px;
}
.theme3 .conteneurImageProduit {
    width: 100%;
}
.theme3.detailAssortiment .conteneurImageProduit {
    border: 1px solid #efeeee;
    overflow: hidden;
    width: 100%;
    height: 138px;
}
.theme3.detailAssortiment .detailsProduit {
    top: 3px;
    background: #f9f9f9;
    border: 1px solid #efeeee;
}
.theme3.unProduitAvecPrix.affichageAvecQuantiteRestante.unProduitAvecPrix.detailAssortiment .detailsProduit {
    min-height: 122px;
    height: auto;
}
.theme3.unProduitAvecPrix.affichageAvecReferenceArticle.affichageAvecQuantiteRestante.unProduitAvecPrix.detailAssortiment .detailsProduit {
    min-height: 118px;
    height: auto;
}
.theme3.unProduitAvecPrix.affichageAvecReferenceArticle.affichageAvecQuantiteRestante.unProduitAvecPrix.detailAssortiment .detailsProduit {
    min-height: 118px;
    height: auto;
}
.theme3.enteteAssortiment.unProduitAvecPrix.affichageAvecReferenceArticle.affichageAvecQuantiteRestante .detailsProduit {
    height: 191px;
}
.theme3.enteteAssortiment.unProduitAvecPrix.affichageAvecQuantiteRestante .detailsProduit {
    height: 172px;
}
.theme3.enteteAssortiment .conteneurQuantite .quantiteProduit{
    border-color: #efeeee;
    background: #f9f9f9;
    padding: 0 5px 0;
}
.imageCatalogueMosaique{
    width: 45px;
    height: 45px;
    position: absolute;
    top: 125px;
    left: -10px;
    line-height: 50px;
    border-radius: 25px;
}
.imageCatalogueFiche{
    width: 45px;
    height: 45px;
    position: absolute;
    top: -6px;
    left: -55px;
    line-height: 50px;
    border-radius: 25px;
}

.imageCliquable {
    cursor: pointer;
}

.enteteAssortiment .detailsProduit {
    margin: 0px;
}
.affichageAvecReferenceArticle .detailsProduit {
    min-height: 80px;
}
.detailsProduit {
    height: auto;
    width: 100%;
    position: relative;
}
.nomDeProduit {
  display: block; /* Pour le non-webkit */
  display: -webkit-box;
  max-width: 340px;
  height: 70px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  text-align:center;
  padding-top: 4px;
} 
.theme2.enteteAssortiment .nomDeProduit, .theme3.enteteAssortiment .nomDeProduit {
    background :none  !important;
}
.enteteAssortiment .nomDeProduit {
    background-color: #fb9b00 !important;
    vertical-align: middle;
    width: 195px;
}
/*.theme2.detailAssortiment .nomDeProduit {
    color : #000 !important;
    font-weight: bold;
}*/
.detailAssortiment .nomDeProduit {
    cursor: initial !important;
}
.prixUnitaireProduit {
    font-size: 16px;
    display:block;
}
.prixEtQuantiteProduit{
    font-size: 21px;
    color: #ed8719;
    /*float: right;
    margin-left: 152px;
    margin-top: -18px;*/
}
.barrePagination .paginationProduit { 
    list-style: none;
    position: absolute;
    left: -22px;
    display: block;
    font-size: 12px;
    top: -43px;
}


.paginationProduit li {
    display: inline-block;
    text-align: center !important;
    background: #2d2d2d !important;
    border: none;
    line-height: 21px !important;
    padding: 2px 0 2px 0 !important;
    height: 21px !important;
    width: 22px !important;
    box-sizing: content-box!important;
    cursor:pointer;
    color: #fff !important;

}

.paginationProduit li.pageCourante {
    color: #fff !important;
    background: #fb9b00 !important;
}
.paginationProduit li:hover {
    color: #fff !important;
    background: #fb9b00 !important;
}
#listeProduits {
    display:block;
    position:relative;
}
.barrePagination {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 3;
    left: 530px;
}
.barrePagination .paginationProduit li.nombreDePage{
    display: block;
    width: 230px !important;
}
.barrePagination .paginationProduit li.nombreDePage:hover{
    color: #333333 !important;
    background: none !important;
}
.barrePagination .paginationProduit li.previous,
#pagerListeProduit li.previous
{
    background: url("/ressource/image/webshop/fleche_gauche.png") no-repeat 8px 8px !important;
    min-width: 5px;
    min-height: 1em;
    white-space: nowrap;
    text-indent: -9999px;
}
.barrePagination .paginationProduit li.next ,
#pagerListeProduit .paginationProduit li.next
{
    background: url("/ressource/image/webshop/fleche_droite.png") no-repeat 8px 8px !important;
    min-width: 5px;
    min-height: 1em;
    white-space: nowrap;
    text-indent: -9999px;
}
#pagerListeProduit .paginationProduit {
    display: inline;
    list-style: none;
    font-size: 12px;
}
.enteteNavigateur label {
    font-size: 16px;
    margin-left:5px;
}
.enteteNavigateur {
    color: #2d2d2d;
    padding: 1% 1% 3% 1%;
    position: relative;
    height: 27px;
    width: 98%;
    display: inline-block;
}

.enteteNavigateurBouton{
    position: absolute;
    display:inline-block;
    right:15px;
}
.labelModeAffichage{
    cursor: pointer;
    margin-left:5px;
}
.faTheme1 
{
    color : #703db6;
    margin-top: -1px;
}
.faTheme2 
{
    color : #6e8b09;
}

#blockDeRecherche{
    height:45px;
}
.blockRecherche{
    display: inline-block;
    position: absolute;
    background:#fff;
    z-index:3;
    top:0;
}
.recherche{
    border-right: none;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    color: #807d7d;
    float: left;
    font-size: 17px;
    height: 39px;
    padding: 2px 1px 2px 4px;
    width: 200px;
}
.nombreProduits{
    font-size: 14px;
    margin-left:20px;
}
.nombreProduitsAAfficher{
    color: #5d5d5d;
    border: 1px solid #703db6;
    padding: 3px 5px;
    margin-left: 5px;
}
.boutonRecherche {
    font-size: 18px !important;
    text-decoration: none;
    border: none!important;
    width: 42px;
    margin: 0 !important;
    color: #fff;
    background-color: #fb9b00;
    padding: 2px;
    height: 45px;
    line-height: 41px !important;
}

.boutonAvecIcone, 
.dataTables_filter, 
.dataTables_length, 
.dataTables_info, 
.dataTables_paginate,
.ColVis_collection button,
.ColVis_MasterButton, .iconeParametrageLargeursColonnes{
	font-family: 'Open Sans', sans-serif !important;/*, 'Open Sans', 'Helvetica Neue', Arial*/
    color: #404040;
}
#tableauListeDesProduits, #tableauListeDesOperationsWebshop {
    border-collapse : collapse;
}
#tableauListeDesProduits td, #tableauListePanier td{
    border-right: 1px solid #fff;
}
#tableauListeDesProduits .rechercheParColonneVide {
    display : none;
}

.Entete {
    background: #b0d13c;
}

.detailsPanier {
    width: 270px;
    max-height: 700px;
    overflow-y: auto;
}
#detailsPanier  {
    width: 270px;
    height: auto!important;
    max-height: 750px;
}
.colonneValeur {
    text-align: right;
}
.descativationClient {
    display: block;
    height: 35px;
    background: transparent;
    width: 100%;
    position: absolute;
}
.boutonAjoutGlobal {
    line-height: 20px !important;
    text-align: center !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    margin-bottom: 0px !important;
    background: #d7243e;
    color: #fff;
    float: right;
    width: 150px;
    height: 40px;
    margin-top: -8px;
    margin-right: 140px;
}
.boutonSupperession {
    display: block !important;
    line-height: 20px !important;
    text-align: center !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    background: #d7243e;
    color: #fff;
    width: 240px;
    height: 40px;
    margin : 10px auto 0 auto;
}
/********************* carousel **********************************/
#listeImage{
   /* height: 100%;*/
    width: 100%;
    position:relative;
}
.swiper-container {
    width: 1200px;/*900*/
    height: 235px;/*345*/
    text-align: center;
}
.content-slide {
   /* padding: 20px;*/
    color: #fff;
}
#listeImage .pagination {
  position: absolute;
  z-index: 20;
  right: 5px;
  top: 90%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin: 0px 3px;
  border: 1px solid #fff;
  cursor: pointer;
}

.swiper-visible-switch {
	background: #fff;
}
.swiper-active-switch {
	background: #fff;
}

#filtreDescriptif ul { 
    list-style: none; 
    position:absolute;
}


/*******************  DataTable  ****************/
.boutonRechercheDt {
    left: 137px;
    top: -48px;
}
span.enregistrerEtatTableauDeBaseSpan {
    right: 13px;
    position: absolute;
    top: 47px;
}
#recherche_tableauListeDesProduits{
    width: 200px!important;
}
#tableauListeDesProduits_filter label {
    position: absolute;
    top: -65px;
    width: 200px;
    left: -125px;
}

#ColVis_collection_tableauListeDesProduits {
    top: 590px;
}

#tableauListeDesProduits_wrapper{
     top: -68px!important;

}

#tableauListeDesProduits_wrapper .ColVis{
    display: block;
    position: absolute;
    right: 268px;
    top: -68px;
    z-index: 2;
}
#tableauListeDesProduits thead, #tableauListeDesOperationsWebshop thead{
    border-bottom: 1px solid #dddddd;
    min-height:35px;
    z-index: 1;
}
#tableauListeDesProduits_wrapper, #tableauListeDesProduits{
    background-color : #ffffff;
    position:relative;
}
div#tableauListeDesProduits_length select, #tableauListeDesOperationsWebshop_wrapper select{
    color: #5d5d5d;
    padding: 3px 5px;
    margin-left: 5px;
}
div#tableauListeDesProduits_length label {
    font-size:16px;
}
#tableauListeDesProduits_wrapper .dataTables_length{
    display: block;
    position: absolute;
    left: 29px;
    top: -98px;
    z-index: 2;
}
#tableauListeDesOperationsWebshop_wrapper .dataTables_length{
    display: block;
    position: absolute;
    left: 215px;
    top: -24px;
}
#tableauChoixAdressLivraison_paginate { 
    top: 0px!important;
}
#tableauListeDesProduits_paginate, #tableauChoixAdressLivraison_paginate{
    position: absolute;
    top: -34px;
    left: 13px;
    width: inherit;
    z-index: 2;
}

td.prixStyle {
    color: #fb9b00 !important;
    text-align: right;
    font-size: 18px !important;
}
td.prixStyleBlanc{
    color: #ffffff!important;
}

td.colonneQuantite  {
    vertical-align: middle;
    text-align: center;
}
.quantiteProduit, .commentaireEtiquettes, .quantiteCommandee, .prixEtiquettes, .codePartenaireInput, .codeEAN {
    width: 100%;
    height: 25px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    font-size: 18px !important;
    margin: auto;
    display: block;
}
table .quantiteProduit, table .quantiteCommandee, table .prixEtiquettes {
    text-align:right;
}

table.dataTable tbody th, table.dataTable tbody td {
     padding: 0.75px 8px!important;
}
table.dataTable thead th, table.dataTable thead td {
     padding: 0.75px 8px!important;
}

.commandeIcone{
    top: -7px;
    position: relative;
}

td.inactif{
   pointer-events: none;
}
#tableauListeDesProduits tbody {
    margin-top: -20px;
}
table.dataTable {
    font-family: 'Open Sans', sans-serif;
} 
table.dataTable tbody tr:nth-child(even) {
    background: #FFFFFF;
}
table.dataTable tbody tr:nth-child(odd){
    background: #FFFFFF;
}
/* pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border-radius: initial !important;
}
table#tableauListeDesProduits th, #tableauListeDesOperationsWebshop th, #tableauListePanier th{
    font-size: 13px!important;
    border-right: 1px solid #cccbcb;
}
#tableauListeDesOperationsWebshop td.dx-command-select.dx-cell-focus-disabled.dx-editor-cell.dx-editor-inline-block {
    text-align: center !important;
}
#blockMonCompteAccueil .contenuPage {
    position: relative;
}
#blockMonCompteAccueil div#selectStatus {
    position: absolute;
    z-index: 1;
    top: 15px;
}
#tableauListeDesOperationsWebshop td.dx-datagrid-action.dx-cell-focus-disabled.dx-datagrid-drag-action {
    padding: 20px 0;
}
#tableauListeDesOperationsWebshop td
{
    padding: 0.75px 18.5px;
}
tbody tr:hover{
    background: #e2e2e2 !important;
}
#filtreDescriptif{
    margin-top:0px;
}
.unFiltreDescriptif, .unFiltreArticle, .unFiltreTaillePresentation {
    display: block;
    padding: 6px 4px 6px 2px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}
[class*="deplier"] {
    float: left;
    display: inline-block;
    margin-left: 5px;
    margin-right: 9px;
}

.labelNomValeur{
    padding-right: 14px;
    font-size: 13px;
    width: 100%;
    display: inline-block;
}
[class*="contenuBlock_critere"] {
    position: relative;
    margin-top: 3px;
    font-size: 14px;
    display: none;
    padding-left:24px;
}
#rechercherCritereValeur{
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    border: none!important;
    width: 250px;
    cursor: pointer;
    color: #fff !important;
    margin-left: -5px;
    padding: 5px 0;
    margin-bottom: 0px !important;
    border-bottom: solid 1px #fff !important;
}
#deselectionnerTout {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    border: none!important;
    width: 250px;
    cursor: pointer;
    color: #fff !important;
    margin-left: -5px;
    padding: 5px 0;
    margin-bottom: 0px !important;
    border-bottom: solid 1px #fff !important;
}
.labelFiltreFamille{
    margin-left:14px;
    font-size:13px;
    width: 97%;
    display: inline-block;
}

#selectTri{
    color: #5d5d5d;
    border: 1px solid #703db6;
    padding: 3px 5px;
    margin-left: 5px;
    /*float: left;*/
}
.boutonDemanderUnDevis{
    display: block;
    cursor: pointer;
    font-size: 14px !important;
    text-decoration: none;
    border: 1px solid #f77236 !important;
    width: 92px;
    height: 46px;
    cursor: pointer;
    color: #f77236;
    background-color: transparent;
    word-wrap: break-word;
    margin-top:7px;
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap; 
    word-wrap: break-word; 
    line-height:16px !important;
}
.boutonDemanderUnDevis:hover{
    border: none !important;
    color: #fff;
    background-color: #f77236;
}
.boutonVoirNosTarifs{
    display: inline-block;
    cursor: pointer;
    font-size: 14px !important;
    text-decoration: none;
    width: 150px/*204px*/;
    height: 30px;
    cursor: pointer;
    color: #fff;
    background-color: #fb9b00;
    margin-top:7px;
    line-height:16px !important;
    float: right;
}
.boutonVoirNosTarifs:hover, .ajoutPanier:hover{
    border: none !important;
    color: #fb9b00;
    background-color: transparent;
    border: 1px solid #fb9b00 !important;

}
.ajoutPanier{
    font-size: 14px !important;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #fb9b00;    
}
#logoSociete{
  /*  height:78px;*/
}
.detailCatalogue{
    position: relative;
    margin-top: -100px;
    margin-left: 136px;
}
.detailCatalogue img{
    width:25px;
    height:25px;
}
.divDetailCatalogue {
    position: absolute;
    font-size: 13px;
    width: 170px;
    top: 24px;
    right: 0;
    background-color: #f77236;
    text-align:left;
    padding-left:7px;
}
tr.lignesMaCommande:not(.MontantTotal) > td {
    font-size:15px!important;
}
tr.lignesMaCommande.MontantTotal > td{
    font-size:20px;
}
table#conteneurLignesMaCommande {
    border-spacing: 0px;
}
td.decimale {
    padding-left: 0px;
    text-align: left!important;
}
/*@-moz-document url-prefix() {
    .valeurNombreProduitsAjouter{
        float: right;
        margin-right: 45px !important;
    }
}*/
#conteneurLignesMaCommande{
    visibility:visible;
}
tr.lignesMaCommande:hover {
    background: none!important;
    text-align: left;
}
@media screen and (max-width: 1400px) and (min-width: 1200px){
    #conteneurLignesMaCommande{
        margin: -5px auto !important;
    }
}
.conteneurLivraison{
    margin: 10px auto 0px !important;
}
td.labelMaCommande {
    text-align: right;
}
td.labelFixe {
    min-width: 175px;
    color: #fff!important;
}
.valeurFranco{
    margin-left: 10px;
}


/*    ~ : frere de l'element nomCatalogue  */
[class*="contenuBlock_detailCatalogue"] {
	display: none;
}

.detailCatalogue img:hover ~ [class*="contenuBlock_detailCatalogue"] { 
    display: block;
}

.detailCatalogue [class*="contenuBlock_detailCatalogue"]:hover {
    display: block;

}


.datePublication label, .datePeremption label{
    color:#fff;
    font-size:15px;
}
/***   checkbox   ***/

#listeFiltreFamille input[type="checkbox"] + label, #critereValeurId #divResterConnecter input[type="checkbox"] + label , .choixCatalogue #catalogueFiltreId input[type="checkbox"] + label  {
  color: #2d2d2d;
  font-size: 14px;
  cursor: pointer;
  float:left;
}
#listeFiltreFamille input[type="checkbox"], #listeCritresArticles input[type="checkbox"], #listeFiltreTaillePresentation input[type="checkbox"], #critereValeurId input[type="checkbox"], .choixCatalogue #catalogueFiltreId input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.cocherEnteteBlockCatalogueFamille{
    display:block;
    position: relative;
    float:left;
}
#divResterConnecter input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  margin-top: 9px;
  margin-left: -3px;
}
input[type="checkbox"]:hover,
input[type="checkbox"]:focus,
input[type="checkbox"]:hover + label,
input[type="checkbox"]:focus + label {
  border-color: #ddd;
  color: #ddd;
}
#catalogueFiltreId input[type="checkbox"]{
    left:19px;
    top:8px;
}
#listeFiltreFamille input[type="checkbox"]:checked + label, #listeCritresArticles input[type="checkbox"]:checked + label, #listeFiltreTaillePresentation input[type="checkbox"]:checked + label, #listeFiltreFamille input[type="checkbox"]:checked + .catalogueFiltreFamille, #critereValeurId input[type="checkbox"]:checked + label, .choixCatalogue #catalogueFiltreId input[type="checkbox"]:checked + label {
    color: #2d2d2d;
    position: relative;
}
#divResterConnecter input[type="checkbox"]:checked + label{
    position: relative;
}
#listeFiltreFamille input[type="checkbox"] + label::before, #listeCritresArticles input[type="checkbox"] + label::before, #listeFiltreTaillePresentation input[type="checkbox"] + label::before, #listeFiltreFamille input[type="checkbox"] + .catalogueFiltreFamille::before, #divResterConnecter input[type="checkbox"] + label::before, #critereValeurId input[type="checkbox"] + label::before, .choixCatalogue #catalogueFiltreId input[type="checkbox"] + label::before {
    content: '';
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    display: inline-block;
    left: -5px;
    /*border: 1px solid #fff;*/
}
#listeFiltreFamille input[type="checkbox"] + label.catalogueFiltreFamilleGriser::before{
    border: 1px solid #ccc !important;
    background-color:#ccc !important;
}
#listeFiltreFamille input[type="checkbox"] + .catalogueFiltreFamille::before{
    
    border: 1px solid #fff;
    left: 0px;

}
#divResterConnecter input[type="checkbox"] + label::before {
    background-color: #703db6;
    border: 1px solid #fff;
    top: 0px;
}
#listeFiltreFamille input[type="checkbox"]:checked + label::after, #listeCritresArticles input[type="checkbox"]:checked + label::after, #listeFiltreTaillePresentation input[type="checkbox"]:checked + label::after, #listeFiltreFamille input[type="checkbox"]:checked + .catalogueFiltreFamille::after, #critereValeurId input[type="checkbox"]:checked + label::after, .choixCatalogue #catalogueFiltreId input[type="checkbox"]:checked + label::after {
    content: url('/ressource/image/webshop/check_orange.png');
    display: block;
    position: absolute;
    top: 4px;
    left: -3px;
    width: 13px;
    height: 13px;
    color: #fff;
}
.choixCatalogue #catalogueFiltreId input[type="checkbox"]:checked + label::after{
    top: 4px;
    left: 22px;
}
#listeFiltreFamille input[type="checkbox"]:checked + .catalogueFiltreFamille::after{
    /*top: 0px;*/
    left: -1px;
}
#divResterConnecter input[type="checkbox"]:checked + label::after{
  content: url('/ressource/image/webshop/ic_check.png');
  display: block;
  position: absolute;
  top: 2px;
  left: -3px;
  width: 10px;
  height: 10px;
  color: #fff;
}
.imgFlechePourCatalogue, .imgFlechePourCritere{
    right: 20px;
    position: absolute;
}

.zoneFiltrerLigneCatalogueWebshop{
    display: inline-block;
    width: 100%;
    text-align: justify;
    position: relative;
    padding:10px;
    font-size:11px;
    color:#703db6;
    font-weight: 700;
}
#enregistrerEtatTableauDeBase, #tableauListeDesProduits_wrapper .ColVis_Button, #tableauListeDesProduits_wrapper .iconeParametrageLargeursColonnes{
    border-radius: 0px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    border: none!important;
    cursor: pointer;
    color: #fff!important;
}
#iconeInitialiserTableauProduits{
    position: absolute;
    right: 230px;
    padding: 2px;
    top: 44px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    height:30px;
            
}
#iconeInitialiserTriTableauProduits{
    position: absolute;
    right: 548px;
    padding: 2px;
    top: 44px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    height:30px;
        background-color: #41413f;
            
}
#enregistrerEtatTableauDeBase{
    width: 220px;
    padding: 2px 20px;
    height:35px;
}
#tableauListeDesProduits_wrapper .ColVis_Button, #tableauListeDesProduits_wrapper .iconeParametrageLargeursColonnes{
    height : 35px!important;
}

#footerWebshop{
    background-color: #F0EEF7;
    width:1600px;
    display:inline-block;
    position:relative;
}
#footerBas{
  background-color: #dedede;  
  height: 175px;
  padding-left: 85px;
}
#footerBas div{
    width: 31%;
    float: left;
    padding: 1%;
}
#footerBas div label{
    display: block;
    padding: 2% 1%;
    font-size: 18px;
    margin-left: 1px;
}
#footerWebshop .infosLabel {
    font-size:15px;
    margin-left: 5px;
    text-align:center;
}
.infoScoieteFooter address{
    margin: 14px -7px;
}
.iconInfosLabel{
    display:inline-block;
    position:relative;
    float:left;
    width: 45px;
}
.iconInfosLabel .fontastic{
    font-size:24px;
}
.iconInfosLabel .icon-map-marker{
    margin-top: 16px;
    position: relative;
    display: block;
}
.infosLabel a{
    text-decoration:none;
}
.suivezNous .infosLabel a .fontastic{
    font-size:25px;
    margin-right:6px;
}
.blockRecevoirNewsletter{
    margin-top:20px;
    display: inline-block;
}
.boutonRecevoirNewsletter{
    height: 39px;
    color: white;
    margin-top: 1px;
}
#recevoirNewsletter{
    padding: 0 7px;
    margin-left: 6px;
}
#layoutPopup{
    position : fixed!important;
}
.contenuPopup:not(.ui-draggable) {
    top: 0px!important;
    left: 15%!important;
}

#divBouttons input[type="button"] {
    float: right;
    margin-right: 10px;
}
.textMonPanier{
    text-align: center;
    display: block;
    color: #fff!important;
    font-size: 24px;
    cursor: pointer;
    padding: 3px 9px 1px;
    display: table;
    margin-top: 20px;    
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

.conteneurLivraison
{
    display: table;
    margin: 20px auto;
}

.zonePanier{
    height:140px;
    line-height:140px;
    text-align:center; 
    display:block;
    float:left;
    position: relative;

}
.zonePanier:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #fb9b00;
	border-width: 15px;
	margin-top: -15px;
}
.zonePanier img{
    margin-left: 25px;
    cursor: pointer;
    margin-top: 44px;
    display: block;
}
#nombreProduitsAjouter{
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #fb9b00;
    font-weight: bold;
    margin-top: 25px;
}
input#dateLivraison {
    width: 95px;
    padding-left:5px;
    border:none;
    float:left;
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    height: 16px;
    margin: 0 0 0 44px;

}
.imageClickable {
    cursor : pointer;
}
select#modeExpeditionSelection {
    width: 218px;
    margin-left: 45px;
    margin-right: 5px;
    padding-left: 5px;
    border: none;
    float: left;
    font-size: 16px;
    height: 36px;
    cursor: pointer;
}

select#typeOperationSelection
{
    width: 109px;
    margin-left: 6px;
    margin-right: 5px;
    padding-left: 5px;
    border: none;
    float: left;
    font-size: 16px;
    height: 36px;
    cursor: pointer;
}
select#typeOperationSelection:disabled, select#modeExpeditionSelection:disabled {
    background: #ebebe4;
    cursor: default;
}
.conteneurDetailsCatalogue {
	display: none;
}

.conteneurDetailsCatalogue{ 
    position: absolute;
    width: 400px;
    height: auto;
    top: 159px;
    z-index: 20;
    left:0px;
}

[id^=unCatalogue_]:hover .conteneurDetailsCatalogue{
    display:block;
}
.conteneurDetailsCatalogue:hover{
    display:block;
}
.detailCatalogueBas{
    text-align: left;
    padding-left: 10px;
    margin-top: -5px;
    padding-top: 5px;
    display: inline-block;
    width: 385px;
    background-color:#2d2d2d;
}
.detailBasClotureCatalogue{
    text-align: left;
    padding-left: 10px;
    width: 385px;
    position: relative;
    color: #fff;
    font-size: 12px;
    margin-left: 2px;
    margin-top: -5px;
}
.detailCatalogueEntete{
    padding-top: 5px;
    padding-bottom: 8px;
    display: inline-block;
    position: relative;
}
.detailCatalogueEntete label{
    color: #333130;
    font-size: 13px;
    display: block;
    text-align:left;
}
.datePublicationDetails{
    float: left;
    width: 162px;
    text-align: left;
    padding-left: 7px;
    display:block;
    padding-bottom: 5px;
}
.datePeremptionDetails{
    float: left;
    width: 165px;
    text-align: left;
    padding-left: 7px;
    display:block;
    padding-bottom: 5px;
    padding-right:6px;
}
.datePeremptionDetails img{
    position: absolute;
    right: 5px;
    top: 5px;
    cursor:pointer;
}
.blockDocuments{
    text-align: left;
    padding-left: 10px;
    margin-top: -5px;
    padding-top: 5px;
    display: inline-block;
    width: 385px;
    background-color:#dfdfdd;
    color:#000;
    padding-bottom:5px;
}
.blockDocumentsTombone{
    float:left;
}
.blockDocumentsTombone .icon-paperclip{
    font-size: 32px;
    margin-right: 7px;
}
.blockDocuments a{
    display: block;
    text-decoration: none;
    color: #000;
    line-height: 19px;
    margin-left: 12px;
    text-align: left;
    font-size: 13px;
    padding: 3px;
}
.labelFiltreCodeFamille.inactif {
    cursor: default;
}
.labelFiltreCodeFamille{
    color:#fff;
    cursor:pointer;
    font-size: 14px;
    float:left;
    display: block;
    width: 180px;
    position: relative;
    line-height: 22px;
}
.uneImageCataloguePourProduit{
    height:40px;
    margin-top:7px;
    margin-right:9px;
}
#listeCatalogueAGauche{
    margin-top:20px;
}

.designationCatalogue {
    cursor: pointer;
    position: relative;
    padding: 10px 7px;
    margin-bottom:1px;
    color: #ffffff;
}


#listeFiltreFamille .designationCatalogue, .libelleMesCatalogues, .designationCatalogueType5{
    display: block;
    width: 235px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#listeFiltreFamille [class*="contenuBlock_catalogue"] {
    position: relative;
    margin-top: 3px;
    font-size: 14px;
    display: none;
    padding-left:17px;
}
.contenuBlockCatalogue span{
    display:inline-block;
    width:100%;
}
#unFiltreDescriptif {
    display: block;
}
.libelleCritere, .libelleCritereArticle, .libelleTaillePresentation {
    display: inline-block;
    width: 100%;
    cursor: alias;
}
#unFiltreDescriptif [class*="contenuBlock_critere"] {
    position: relative;
    margin-top: 3px;
    font-size: 14px;
    display: none;
}
.conteneurEnteteNavigateurZoneFiltre {
    background: #fafafa;
    position: relative;
    z-index: 2;
    display:block;
    height:50px;
    
}
.listeProduitsContenu .top,
#tableauListeDesProduits thead, #tableauListeDesOperationsWebshop thead, 
#tableauListePanier thead {
    position: relative;
    background-color:#f2f2f4;
}
.faTheme4 {
    color:#fff;
    position: absolute;
    right: 2px;
    top: 12px;
}
.catalogueNonSelectionnerDesktop{
    background-image: url("/ressource/image/webshop/fleche_blanc.png");
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 98%;
    background-color: #703db6;
}
.catalogueSelectionnerDesktop{
    background-image: url("/ressource/image/webshop/fleche_blanc_bas.png") !important;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 99%;
    background-color: #41413f;
}

.critereNonSelectionnerDesktop, .mesCataloguesNonSelectionnerDesktop, .critereArticleNonSelectionnerDesktop {
    background-image: url("/ressource/image/webshop/fleche_gris.png");
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 100%;
}
.critereSelectionnerDesktop, .mesCataloguesSelectionnerDesktop, .critereArticleSelectionnerDesktop {
    background-image: url("/ressource/image/webshop/fleche_gris_bas.png") !important;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 100%;
}
.libelleMesCatalogues, .designationCatalogueType5{
    padding: 6px 8px 6px 2px;
    font-size: 16px;
}
.mesCataloguesNonSelectionnerDesktop,  .surFamilleNonAfficher{
    border-bottom: 1px solid #eee;
}
.mesCataloguesNonSelectionnerDesktop ~ .contenuBlockMesCatalogues{
    display:none;
}

/*.mesCataloguesNonSelectionnerDesktop{
    background-color: Black;
    background-image: url(/ressource/image/webshop/fleche_blanc.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 98%;
}
.mesCataloguesSelectionnerDesktop {
    background-image: url(/ressource/image/webshop/fleche_blanc_bas.png) !important;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 99%;
    background-color: #41413f;
}
*/


#listeClientsWebshop{
    display:block;
    width:1600px;
    position:relative;
    overflow: auto;
}
#tableauListeClientsWebshop_filter{
    margin-left:-38px !important;
}

#iconeUtilisateurAvecRepriseCompteSecondaire {
    background: url("/ressource/image/layout/layout/iconeUtilisateurReprendreSuperAdmin.png") no-repeat;
    cursor: pointer;
    width: 24px;
    height: 24px;
     display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 7px;
    margin-right: 7px;
}
#iconeUtilisateurAvecRepriseCompteSecondaire:hover {
    background: url("/ressource/image/layout/layout/iconeUtilisateurReprendreSuperAdminHover.png") no-repeat;
}
.nomDuCompteSecondaire {
    width: 90px;
    padding-left: 0px;
}

#filtrePrixQuantite{
    margin-left:14px;
    width:210px;
}
.prixMax, .quantiteMax{
    float: right;  
}
#filtrePrix, #filtreQuantite{
    margin-top:12px;
    margin-bottom:5px;
}

/* slider bar prix*/
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #d5bdf5;
	color: #222222;
	font-weight: bold;
}
.ui-slider-horizontal {
    height:2px;
}
.ui-slider .ui-slider-handle {
    width: 11px;
    height: 11px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    border: none !important;
    background: #fff;
}
.ui-widget-content .ferrieClass .ui-state-default:not(.ui-state-highlight) {
    background: rgba(0,0,0,0.3);
}
.ui-slider-horizontal .ui-slider-handle{
    top: -.2em;
}
/*  fin slider bar prix   */
.theme2 .filetAssortiment, .theme3 .filetAssortiment {
    display:none;
}
.filetAssortiment {
    background: #efeeee none repeat scroll 0 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 180px;
}
.theme2 .coefficientQuantiteAssortiment{
    font-weight: bold;
    display: block;
    right: auto;
    width: 100%;
    text-align: center;
}
.coefficientQuantiteAssortiment{
    font-size: 20px;
    display: inline-block;
    bottom: 5px;
    right: 12px;
    position: absolute;
}

.imageProduitModeListe, .imageProduitDetailsAssortimentModeListe{
     max-height:50px;
     max-width:50px;
     vertical-align:middle;
      padding-top: 5px;
    padding-bottom: 5px;

}
.span.coefficientQuantiteAssortimentModeListe {
    font-size:19px;
}
.ligneDraggable {
    cursor: pointer;
}
#conteneurDraggable {
    width: 220px; 
    height: auto; 
    background: rgb(255, 255, 255);
    z-index: 30;
    border-radius: 5px;
    text-align : center;
}

#conteneurDraggable img
{
    margin : 1% auto;
    margin-bottom : -20px;
    display: block;
    max-width:80%;
    max-height:80%;
    width: auto;
    height: auto;
    cursor :default;
}
#conteneurDraggable img.imageCatalogueMosaique
{
    display:none;
}
.conteneurAideDragDrop {
    display: none;
    position: relative;
}
.imageDragDrop {
    position: absolute;
    top: 5px;
    left: 0;
}
.imageDragDrop:hover ~ .aideDragDrop {
    display: block;
}
.aideDragDrop {
    position: absolute;
    top: 4px;
    left: 29px;
    background: #ccdb9b;
    padding: 5px;
    display: none;
}
.ligneDraggable:hover > .conteneurAideDragDrop { 
    display: block;
}

.annulerRechercheWebshop {
    cursor: pointer;
    position: absolute;
    display:none;
    left: 190px;
    top: 14px;
}

#divPourPositionnerLePaginationDataTable{
    /*overflow-x: auto;*/
    background-color: #fff;
    min-height: 600px;
    width:100%;
}
.numeriqueTri, .colonneQuantite{
    text-align:right;
}
.nomDuSociete {
    margin: auto;
    display: block;
    text-align: center;
}
.boutonPrix{
    color:#ff0000 !important;
}
    
/* DatePicker*/
#ui-datepicker-div {
    width: 342px;
    padding-top: 10px;
    z-index:6 !important;
    margin-left:-24px !important;
    -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.ui-datepicker td a, .ui-datepicker td span {
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.ui-datepicker-month  {
    font-size: 14px;
}
.ui-datepicker th,
.ui-datepicker td  {
    font-size: 12px !important;
}
.ui-datepicker-year {
    font-size: 13px !important;
}
.ui-datepicker .ui-datepicker-header{
    height: 24px;
    border-radius: 0;
    border: none !important;
}

.ui-datepicker .ui-datepicker-prev {
	background:url("/ressource/image/webshop/precedent.png") no-repeat !important;
}
.ui-datepicker .ui-datepicker-next {
    	background:url("/ressource/image/webshop/suivant.png") no-repeat !important;
}
td.ui-datepicker-week-col {
    text-align: center;
}
.ui-widget-content .ui-state-default {
    border-radius: 0px;
}
.ui-datepicker-month{
    color:#fff;
    margin-right: 8px;
}

#panier .ui-datepicker-trigger{
    position: relative;
    top: 0px;
    left: 5px;
    float: left;
}
#tableauListeDesProduits caption{
    height:0;
}
.ui-state-highlight {
    background: #fff !important;
}

.listeFiltreLigneCatalogueWebshop{
    display:none;
}
.prixCatalogueLigne {
    visibility: inherit;
    width:70%;
}

.unProduit .conteneurQuantite {
    text-align: center;
    width: 100%;
    position: relative;
    clear:both;
    margin-top: 5px;
}
.conteneurQuantite .quantiteProduit {
    width: 55px;
    display: inline-block;
    font-size: 15px !important;
}
.conteneurQuantite span {
    float: left;
    font-size: 15px;
    margin: 4px 10px;
}
.conteneurQuantite span.croixEmb {
    position:absolute;
    left: 2px;
}
.conteneurQuantite label {
    display: inline-block;
}

.blockMenuConnection {
    display:none;
    position: absolute;
    width: 400px;
   /* background: #fafafa;*/
    z-index: 9;
    right: 0px;
    margin-top: -2px;
}

.blockMenuConnection span {
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
    background: rgba(250, 250, 250, 0.93);
    border-bottom: 1px solid #ccc;
}
.blockMenuConnection label {
    color: #000;
    padding-top: 6px;
    display: block;
    padding-left: 107px;
    cursor: pointer;
    margin-left:12px;
}
.blockMenuConnection img {
    float:left;
    margin-left: 78px;
}

.monCompteBouton label{
    color: #fff;
    font-size: 18px;
    margin-top: -4px;
}
.menuBlockConnection{
    cursor: pointer;
    margin-top: -2px;
    float: left;
}

#deconnexionCompte {
    float: right;
    margin-right: 7px;
    margin-top: -3px;
    cursor:pointer;
}
.conteneurImageProduit {
    width: 195px;
    /*float: left;*/
    text-align: center;
    height: 170px;
}
.lignePrixUnique {
    text-align: left;
    margin-top: 0px;
    font-size: 15px;  
}
.lignePrixUnique:nth-child(even){
    background-color: #efedee;
}
.lignePrixUnique:nth-child(odd){
    background-color: #f9f7f8;
}
.libelleUnite, .quantiteUnique {
    display: inline-block;
}
.libelleUnite {
    width: 50px;
    text-align: center;
}
.quantiteUnique {
    color: #2d2d2c;
}
.conteneurPrix {
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 4px;
    height: auto;
}
.affichageAvecGrille .conteneurPrix {
    min-height:133px;
}
table.prixCatalogueLigne tbody tr:nth-child(even) {
    background: #FFFFFF;
}
table.prixCatalogueLigne tbody tr:nth-child(odd){
    background: #f1f1f1;
}
table.prixCatalogueLigne tbody tr td {
    padding-left: 3px;
    padding-right: 3px;
}
.conteneurBlocProduitEnMosaique {
    background: #fff;
}
.listeProduitsContenuEnMosaique {
    width: 100%;
    background: #fff;
}

.masquerSurFamille{
    display:none !important;}
#modeExp {
    margin : 50px 0 10px 0;
    width: 301px;
}
 #typeOperation {
    float: right;
    margin-bottom: 10px;
    margin-right: 0;
    width: 152px;
}
#modeExpeditionSelection {
    border: medium none;
    padding: 6px;
    padding-block-start: 4px;
}
.inputModeExpeditionSelection {
    background: rgba(0,0,0,0) url(/ressource/image/webshop/modeExpedition.png) no-repeat scroll 0 0;
    display: inline-block;
    float: right;
    height: 32px;
    margin-left: 16px;
    margin-top: -33px;
    width: 60px;
    margin-right: -35px;
}
.inputTypeOperationSelection {
    background: rgba(0,0,0,0) url(/ressource/image/webshop/ic_cmd.png) no-repeat scroll 0 0;
    display: inline-block;
    float: right;
    height: 32px;
    margin-left: 16px;
    margin-top: -33px;
    width: 34px;
}

label.labelModeExpedition {
    background: rgba(0, 0, 0, 0) url("/ressource/image/webshop/modeExpedition28.png") no-repeat scroll 0 0;
    display: none;
    float: right;
    height: 28px;
    margin-left: 7px;
    margin-right: 15px;
    width: 44px;
}
label.labelTypeOperation {
    display: none;
    float: right;
    height: 28px;
    margin-left: 7px;
    margin-right: 15px;
    width: 44px;
}

.divExpeditionSelection {
    box-sizing: border-box;
    display: block;
    float: left;
    max-width: 190px;
    min-width: 190px;
    overflow: hidden;
    position: relative;
}
.divExpeditionSelection select {
    background-attachment: scroll;
    background-color: #fff;
    background-origin: padding-box;
    background-position: right 17px center !important;
    background-repeat: no-repeat;
    background-size: auto auto;
    border: medium none !important;
    width: 120px;
    cursor:pointer;
    height: 36px;
}
select#modeExpeditionSelection:focus {
    border: none !important;
    outline: none;
}
.parEmballage {
    line-height: 36px !important;
}
.masquerCatalogue{
    opacity:0.5;
}
.spanTrsaparentPourClick {
    width: 124px;
    height: 29px;
    left: 24px;
    position: absolute;
}
.detailBasClotureCatalogue span{
    cursor:pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
}
.libelleACloture{
    text-decoration:underline;
}

div[id*="conteneurPrixQuantitatifs"] {
    display: none;
    width: 100%;
    margin: 7px auto 0 auto;
    padding: 10px 0;
    font-size: 15px!important;
}
.voirTarifs {
    padding: 5px 1px;
    cursor: pointer;
    width: 125px;
    display: block;
    text-align: left;
}
.tarifsAAfficher {
    background: url("/ressource/image/commun/afficher.png") no-repeat 116px 12px
}
.tarifsAMasquer {
    background: url("/ressource/image/commun/masquer.png") no-repeat 116px 12px
}
.grilleTarifaire {
    color: #040404;
    visibility: visible; 
    width:66%;
}
/*Pour corriger le bug de non affichage des grilles tarifaire en mode liste*/
.grilleTarifaireVisibility {
    visibility: visible !important;
}

.affichageAvecGrille .grilleTarifaire tr td {
    font-size: 16px !important;
}
table.grilleTarifaire tbody tr:nth-child(even) {
    background: #FFFFFF;
}
table.grilleTarifaire tbody tr:nth-child(odd){
    background: #f1f1f1;
}

.catalogueCloturer {
    width:12px;
}

#justificationsPrix {
    width: 80%;
}

#divScrollTableau.justificationPrix {
    overflow-x: scroll;
    overflow-y: auto;
}
.conteneurQuantite .articleParEmballage {
    width: 40px;
    margin: 0 !important;
    padding: 0 !important;
    height: 25px !important;
    line-height: 25px;
}
.inputCumulsEmballages {
    cursor: pointer;
    display: block;
    height: 23px;
    position: absolute;
    bottom :0;
    width: 100%;
    margin:  auto;
    text-align: center;
    text-decoration: underline;
}
.unSeulPrixPourQuantite1 {
    color: #920000;
    font-weight: bold;
    text-align: center;
    font-size: 22px;
}
.prixStyle  .unSeulPrixPourQuantite1 {
    margin-top: 0 !important;
}

.monPanierFournisseur {
    height: 48px!important;
}
.mInscrireClassFournisseur {
    height: 45px!important;
    margin-top: 20px;
}
#reinitialiserEtatPanier {
    width: 20px;
    margin-top: -20px;
    line-height: 20px;
    margin-bottom: -16px;
}

.fa-square-o {
    color: #333130;
}

.catalogueInvalide {
    background-color : #c92828!important;
    opacity: 0.7;
}

#tableauListeDesProduits_previous, #listeDesLargeursColonnes_previous, #tableauListeDesOperationsWebshop_previous, #tableauChoixAdressLivraison_previous {
    background: url("/ressource/image/webshop/fleche_gauche.png") no-repeat 11px 8px !important;
    min-width: 5px;
    min-height: 1em;
}
#tableauListeDesProduits_next, #listeDesLargeursColonnes_next, #tableauListeDesOperationsWebshop_next, #tableauChoixAdressLivraison_next {
    background: url("/ressource/image/webshop/fleche_droite.png") no-repeat 5px 8px !important;
    min-width: 5px;
    min-height: 1em;
}
#tableauListeDesProduits_first, #listeDesLargeursColonnes_first, #tableauListeDesOperationsWebshop_first, #tableauChoixAdressLivraison_first {
    display:none;
}
#tableauListeDesProduits_last, #listeDesLargeursColonnes_last, #tableauListeDesOperationsWebshop_last, #tableauChoixAdressLivraison_last {
    display:none;
}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active{
    border:initial !important;
    background:#2d2d2d !important;
    margin-right: 1px !important;
}
.filtrerPar {
    font-size: 22px;
    padding-bottom: 5px;
    display: block;
    margin-bottom:7px;
    margin-top: 20px;
}
#filtreActifs{
    padding: 5px;
    background: #fafafa;
    display:none;
}
#filtreActifs label{
    font-size: 17px;
    display:block;
}

span[class^="nomCritereActif"], span[class^="nomCatalogueActif"], span[class^="nomFamilleActif"]{
    font-size: 13px;
}
span[class^="supprimerCritere"], span[class^="supprimerFiltreCat"], span[class^="supprimerFamille"] {
    color: #b0d13c;
} 
span[class^="supprimerCritere"], span[class^="supprimerFiltreCat"], span[class^="supprimerFamille"]{ 
    cursor : pointer;
    font-size:11px;
} 
span[class^="nomCritereValeurActif"], span[class^="nomCatalogueValeurActif"],  span[class^="nomFamilleValeurActif"]{
    font-size: 12px;
    color:#868682;
}
span[class^="ligneCritereValeur"], span[class^="filtreCat"], span[class^="ligneFamilleValeur"], span[class^="ligneCritereArticle"], span[class^="ligneTaillePresentation"] {
    display: block;
    position: relative;
}
/*.check-square{
    background-image: url("/ressource/image/webshop/ic_checkon.png") !important;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 0%;
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
}
.choixCatalogueNonCocher .check-square{
    background-image: url("/ressource/image/webshop/ic_checkoff.png") !important;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 0%;
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
}*/
.icon-ic-check{
    float: left;
    font-size: 27px;
    color: #fff;
    padding-top: 1px;
}
.icon-ic-check-vide {
    font-size: 25px;
    color: #b8b8b8 !important;
    padding-top: 2px;
    float:left;
}
.icon-ic-mosaique{
    font-size: 25px;
}
.icon-ic-liste{
    font-size: 25px;
}

.imageCataloguePopup{
    float:left;
    width:45px;
    padding-left:3px;
}
.choixCatalogueNonCocher .detailCatalogueBas{
    display:none;
}
.detailsAction{
    width: 32%;
    float: left;
    text-align: center;
    color: #949597;
    font-size: 10px;
    cursor: pointer;
    margin-left: 1%;
    margin-top: 4px;
}
.detailsAction .fontastic{
    font-size:16px;
    display:block;
}

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
}

.slideTheme1 .prev {
    top: 62% !important;
    left: 0 !important;
    background-image: url("/ressource/image/webshop/fleche_slide_gauche.png") !important;
    z-index: 3;
    position: absolute;
    text-indent: -9999px;
    text-decoration: none;
    background-repeat: no-repeat !important;
    background-attachment: inherit !important;
    background-position: 0% !important;
    height: 40px;
    width: 40px;
}
.slideTheme1 .next {
    top: 62% !important;
    left: 98% !important;
    background-image: url("/ressource/image/webshop/fleche_slide_droite.png") !important;
    z-index: 3;
    position: absolute;
    text-indent: -9999px;
    text-decoration: none;
    background-repeat: no-repeat !important;
    background-attachment: inherit !important;
    background-position: 0% !important;
    height: 40px;
    width: 40px;
  }
  .slideTheme2 .prev {
    top: 100% !important;
    left: 92% !important;
    background-image: url("/ressource/image/webshop/fleche_slide_gauche2.png") !important;
        z-index: 3;
    position: absolute;
    text-indent: -9999px;
    text-decoration: none;
    background-repeat: no-repeat !important;
    background-attachment: inherit !important;
    background-position: 0% !important;
    height: 40px;
    width: 40px;
}
.slideTheme2 .next {
    top: 100% !important;
    left: 95.3% !important;
    background-image: url("/ressource/image/webshop/fleche_slide_droite2.png") !important;
        z-index: 3;
    position: absolute;
    text-indent: -9999px;
    text-decoration: none;
    background-repeat: no-repeat !important;
    background-attachment: inherit !important;
    background-position: 0% !important;
    height: 40px;
    width: 40px;
  }
.centered-btns_nav {
  opacity: 1 !important;
}
.slideTheme2 .centered-btns_tabs{
    display:none;
}

#listeImage .rslides img{
    height:210px;
}
.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
    margin-top: -19px !important;
    text-align: right !important;
    z-index: 10;
    position: relative !important;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
      background: #222;
      background: rgba(0,0,0, .8);
}
  
.caption {
    position: absolute;
    display: block;
    top: 0px;
    left: 50%;
    padding: 2% 2%;
    text-align: left;
    background: #000;
    color: #fff;
    height: 80%;
    width: 265px;
}
.captionTheme2{
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    padding: 2% 2%;
    text-align: left;
    height: 80%;
    width: 350px;
    opacity: 1 !important;
    color:#41413f; 
}
.captionTheme2 .captionTitre{
    text-align:left !important;
}
.captionTitre{
    position:relative;
    display:block;
    text-align:center;
    font-size: 25px;
}
.captionSecondaire{
    margin-top:22px;
    position:relative;
    display:block;
    font-size: 22px;
}
.blockLogo{
    display: block;
}
.blockRechercheGlobale{
    display: block;
    float: right;
    margin-top: 15px;
}
.boutonRechercheWebshop{
    font-size: 18px !important;
    text-decoration: none;
    border: none!important;
    width: 42px;
    margin: 0 !important;
    color: #fff;
    background-color: #fb9b00;
    padding: 2px;
    height: 45px;
    line-height: 41px !important;
}
#rechercheWebshop{
    width:260px;
}
#services{
    width: 100%;
    height: 77px;
    background-color:#e7e7e7;
}
#services span{
    width: 24%;
    float: left;
    text-align: center;
    color: #949597;
    font-size: 19px;
    cursor: pointer;
    padding: 0.5%;
    display: block;
    position: relative;
}
#services span .fontastic{
    font-size: 38px;
    color: #000;
    width: 100%;
}
#retourAArriere, #supprimerCommande, #retourCatalogue, #retourChoixAdresse, #retourMenu {
    background: #2d2d2c !important;
}
.iconPDF {
    cursor: pointer;
}

#tableauListeDesOperationsWebshop_info {
        margin-top: 10px;
}
#tableauListeDesOperationsWebshop_paginate{
    text-align:left;
}
#tableauListeDesOperationsWebshop_wrapper{
    top:-68px;
}
#blockMonCompteAccueil hr{
    border: 0;
    border-bottom: 1px dashed #fffdfd;
    background: #d6d6d6;
    height: 0px;
    margin-top: 20px;
    margin-bottom: 5px;
    width:100%;
    margin-left: 0;
}

.dropdown-Langue {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 77px;
    z-index: 3;
    background: #41413f;
    left: 0;
    top: 22px;
}

/* Links inside the dropdown */
.dropdown-Langue span {
    color: #c6c6c4;
    padding: 3px 5px;
    text-decoration: none;
    display: block;
    font-size: 15px;
}
.langueChoisie{
    color: #c6c6c4;
    font-size: 15px;
    padding-right: 9px;
}


.iconeFermeturePassword {
    cursor: pointer;
    position: absolute;
    left: 100%;
    margin-left: -33px;
    top: 2px;
}

#formulaireMotDePasseOublie { 
    display: none;
    width: 600px;
    height: auto;
    margin: -100px 0 0 -300px;
}
.contenuPopupMotDePasseOublier {
    position: fixed; 
    z-index: 11;
    display: none;
    background: #fff;
    top: 20%; 
    left: 50%;
}
.boutonMOPWebshop
{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
/*.titrePopupPassword {
    text-align: left;
    font-size: 16px;
    color: #fff;
    background: #703db6;
    padding: 9px 40px 10px 10px;
    margin: 0 0 10px;
    height: 18px;
}*/
.ligneLabelEtInputPassword {
    width: 80%;
    margin: auto;
    padding: 7px 5px 7px 0;
   
    position: relative;
}
.ligneLabelEtInputPassword label {
   margin: 0 0 0 8px;
    color: #6e6e6e;
    font-size: 14px;
    height: auto;
    padding: 4px 0 0 0;
    display: inline-block;
    width: 36%;
    text-align: right;
}
.ligneLabelEtInputPassword input{
    width: 230px;
    float: right;
    margin: 1px;
    padding: 4px;
    border: solid 1px #703db6;
}
#fenetreAccesMobile { 
    display: none;
    width: 455px;
    height: auto;
    margin: -100px 0 0 -300px;
}
.iconeFermetureFenetreAccesMobile{
    cursor: pointer;
    position: absolute;
    left: 100%;
    margin-left: -35px;
    background: #572c97;
    border-left: 5px solid;
    border-bottom: 5px solid;
    z-index:10;
}
#seConnecterBox, #motDePasseOublieBox, #inscriptionBox, .boutonMOPWebshop
{
    float: right;
    margin-right: 10px;
    cursor: pointer;
    font-size: 14px!important;
    text-decoration: none;
    /* width: 170px !important; */
    height: 30px;
    cursor: pointer;
    color: #fff;
    background-color: #fb9b00;
}
.texteFenetre {
    margin: 8px;
}
.iconeFermetureFenetreLogin {
    cursor: pointer;
    position: absolute;
    left: 100%;
    margin-left: -35px;
    z-index:10;
}
.texteFenetreLogin,.titrePopupPassword {
   border-bottom: solid 1px;
    margin: 0px 0 15px 0;
    /* padding-left: 9px; */
    /* padding-bottom: 0px; */
    color: #fff;
    background: #703db6;
    font: bold;
    display: block;
    height: 16px;
    padding: 9px 40px 10px 10px;
}
.texteIntroLogin {
    font-weight: bold!important;
    padding-left: 20px;
    font-size: 15px;
}
.basFenetreLogin {
    height: 50px;
    margin-top: 45px;
}

.texteExplicationLogin{
    margin-top: 6px;
    display: block;
    margin-left: 20px;
    font-size: 13px;
    padding-right: 10px;
}
.contenuPopupAccesMobile {
    position: fixed; 
    z-index: 11;
    display: none;
    background: #fff;
    top: 20%; 
    left: 50%;
    border : 5px solid;
}

.contenuPopupLogin {
    position: fixed;
    z-index: 11;
    display: none;
    background: #fff;
    top: 20%;
    left: 40%;
    width: 480px;
    height: 290px;
}
#identificationLogin{
    margin-top:20px;
}

.resterConnecterLogin {
    margin-left: 209px!important;
}

#fenetreAccesMobile .texteIntro {
    margin-left: 20px;
    display: block;
    font-size: 14px;
}
#fenetreAccesMobile label {
    font-size: 10px;
}
#fenetreAccesMobile .champs {
    width: 340px;
    margin: 0 auto;
}
#accesParEmail, #accesParSms {
    width: 250px;
    border-color: #572c97 !important;
    height: 25px;
    border-width: 1px;
    padding:0 5px
}
#fenetreAccesMobile .ligneLabelEtInput {
    margin-bottom: 20px;
}
#fenetreAccesMobile input.boutonEnBasADroite {
    margin: 0 !important;
    background: #fff;
    height: 30px;
    float: right;
}
#fenetreAccesMobile .qrCodeText{
    float: left;
    width: 57%;
}
#fenetreAccesMobile .qrCode{
    float: left;
    margin-bottom:10px;
}
.conteneurBlocProduitEnMosaique #quantiteRestante {
    width: 100%;
    text-align: left;
    min-height:19px;
    display:inline-block;
}
.rouge {
    clear:both;
    color :Red;
}
.orange {
    clear:both;
    color :Orange;
}

span.voirTarifsDeconnecte {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 17px;
    text-decoration: underline;
    cursor:pointer;
}
.theme2 .referenceArticle {
    text-align:center;
}
.referenceArticle {
    margin-left: 10px;
    font-size: 14px;
    color: #9c9c9c;
}
#tableauListeDesOperationsWebshop {
    min-height: 550px;
}
#tableauListeDesOperationsWebshop tbody {
    height: auto !important;
}
.image {
    text-align: center;
}
.grilleTarifaireModeColonne {
    visibility:visible;
    border-collapse: collapse;
}
.grilleTarifaireModeColonne tbody{
    margin : 0 !important;
}
.grilleTarifaireModeColonne tbody td {
    padding: 0px 5px !important;
    border: 1px solid #ccc !important;
    max-width: inherit !important;
    height: 30px;
    text-align: right;
    min-width: 65px !important;
}
.prixStyle.grilleListe {
    padding: 0!important;
}
#tableauGrilleTarifaireModeListe {
    overflow-x: auto;
    padding: 0 0 0 0 !important;
    scrollbar-color: #757575 #9e9e9e80;
    scrollbar-width: thin;
    margin-left: -6px;
    margin-right: -6px;
}

.surFamilleNonAfficher, .familleNonAfficher{
    background-image: url(/ressource/image/webshop/fleche_gris.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 100%;
    cursor: alias;
}
.surFamilleAfficher, .familleAfficher{
    background-image: url(/ressource/image/webshop/fleche_gris_bas.png) !important;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 100%;
    cursor: alias;
}
.familleNonAfficher ~ .familleBox {
    display:none;
}
#listeFiltreFamille input[type="checkbox"] + label{
    width:95%;
}
#listeFiltreFamille .surFamilleBox input[type="checkbox"] {
    left: 10px;
}
#listeFiltreFamille .familleBox input[type="checkbox"] {
    left: 22px;
}
#listeCriteresWebshop #critereValeurId input[type="checkbox"]{
    left: 18px;
}
#listeCritresArticles .contenuBlockCritere input[type="checkbox"] {
    left: 18px;
}
#listeFiltreTaillePresentation .contenuBlockCritere input[type="checkbox"] {
    left: 18px;
}
.formatVignetteDouble{
    width:417px !important;
    
}

.formatVignetteDouble .conteneurImageProduit{
    width:417px;
    height:195px;
}
.formatVignetteDoubleConnecter .conteneurImageProduit{
    height:224px !important;
}
.formatVignetteDoubleConnecter .conteneurImageProduit{
    height:220px !important;
}
.formatVignetteDouble .conteneurImageProduit img{
    max-width: 100%;
    max-height: 195px;
}
.formatVignetteDoubleConnecter .conteneurImageProduit img{
    max-height: 220px !important;
}
.formatVignetteDouble .nomDeProduit{
    max-width: 407px;
    font-size: 19px;
    -webkit-line-clamp: 2;
    height:60px;
    font-weight:bold;
}
.affichageAvecGrille.formatVignetteDouble .nomDeProduit{
    height:60px;
}
.unProduitAvecPrix.formatVignetteDouble .nomDeProduit{
    height:58px;
}
.formatVignetteDouble .conteneurImageProduit .imageCatalogueMosaique {
    left: 90px;
    top: 150px;
}
.formatVignetteDoubleConnecter .conteneurImageProduit .imageCatalogueMosaique {
    left: 78px !important;
    top: 173px !important;
}
.affichageAvecGrille.formatVignetteDouble .conteneurPrix{
    
    min-height: 138px;
}
.affichageAvecGrille.formatVignetteDouble .conteneurPrix .grilleTarifaire{
    
   width: 76%;
}
.affichageAvecGrille.formatVignetteDouble .grilleTarifaire tr td {
    font-size: 16px !important;
}

.unProduitAvecPrix.formatVignetteDouble .conteneurPrix{
    width:48%;
}

.unProduitAvecPrix.formatVignetteDouble .referenceArticle{
    float:left;
    width: 46%;
    position: relative;
    min-height: 36px;
}
.affichageAvecGrille.formatVignetteDouble .referenceArticle{
    min-height: 143px;
}

.formatVignetteDouble .croixEmb{
    position: absolute;
    text-align: right;
    left: 120px;
    padding-top: 3px;
}
.affichageAvecGrille.formatVignetteDouble .unSeulPrixPourQuantite1{
    line-height: 133px;
}


.unProduitAvecPrix.formatVignetteDouble #quantiteRestante {
    width: 92%;
    text-align: left;
    min-height: 19px;
    display: block;
    font-size: 15px;
    color:#000;
    position:absolute;
}

.affichageAvecGrille.formatVignetteDouble #quantiteRestante {
    width: 92%;
    text-align: left;
    min-height: 19px;
    display: block;
    font-size: 15px;
    color:#000;
    bottom:5px;
    position:absolute;
}
.vide{
    position: absolute;
    right: 0px;
    width: 100%;
    top: -39px;
    background: #fafafa;
    height: 50px;
}
.ui-widget-content .ferrieAutoriseClass .ui-state-default {
    background: #999 !important;
    color: #fff !important;
}
.aCaher {
    visibility: hidden;
}

#semaineDateLivraison {
    width: 112px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    border: none;
    float: left;
    font-size: 17px;
    height: 36px;
    cursor: pointer;
}

.btnPreviousSemaineLivraison {
    background: url(/ressource/image/webshop/fleche_gauche.png) no-repeat 0px 15px !important;
    min-width: 15px;
    min-height: 3em;
    white-space: nowrap;
    text-indent: -9999px;
    float: left;
    border: none;
    cursor: pointer;
}

.btnNextSemaineLivraison {
    background: url("/ressource/image/webshop/fleche_droite.png") no-repeat 0px 15px !important;
    min-width: 10px;
    min-height: 3em;
    white-space: nowrap;
    text-indent: -9999px;
    float: right;
    border: none;
    cursor:pointer;
}
#selectSemaineLivraisonContainer {
    display:block;
}

#labelSemaineLivraison {
    width:175px;
    font-size: 15px;
    text-align: center;
    display: block;
    margin-top: 40px;
}
.selectedSemaineLivraison{
    background-color:dodgerblue;
}
#conteneurSemaineLivraison {
    float: left;
    margin-bottom: 10px;
    margin-right: 0;
    width: 148px;
}

#tableauListeDesProduitsDX > .dx-datagrid {
    display: inline-table;
}
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-columns-separator,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-columns-separator {
    z-index: 100;
}
#tableauListePanierDX >.dx-datagrid>.dx-datagrid-pager,
#tableauListeDesProduitsDX>.dx-datagrid>.dx-datagrid-pager{
   float: none;
   position: absolute;
   top:-38px;
   z-index: 2;
   height: 50px;
   width:600px;
}
#tableauListePanierDX> .dx-datagrid > .dx-datagrid-header-panel,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-header-panel {
    float: none;
}
/*#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-header-panel >.fournisseur {
    left: 400px !important;
    top: -43px !important;
    z-index: 3px !important;
    background-color: transparent !important;
}*/

#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-headers {
    z-index: 10;
    background-color: white;
    display: inline-table;
    top: 9px;
}

#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-rowsview {
    display: inline-table;
    overflow: auto;
    top: 9px;
}
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-pager > .dx-pages > .dx-info ,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-pager > .dx-pages > .dx-info {
    float: right;
    margin-top: 6px;
}



.dx-affichage-apres {
    top: 11px;
    left: 135px;
    position: absolute;
}
.dx-affichage-avant {
    margin-top: 7px;
    float: left;
    padding-right: 6px;
    margin-left: 7px;
}
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-pager.dx-light-mode > .dx-page-sizes > .dx-selectbox,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-pager.dx-light-mode > .dx-page-sizes > .dx-selectbox {
    width: 60px !important;
    margin-left: 65px !important;
    border: 1px solid #b0d13c;
}
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-pager.dx-light-mode > .dx-page-sizes > .dx-selectbox > .dx-dropdowneditor-input-wrapper > .dx-texteditor-container > .dx-texteditor-input ,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-pager.dx-light-mode > .dx-page-sizes > .dx-selectbox > .dx-dropdowneditor-input-wrapper > .dx-texteditor-container > .dx-texteditor-input {
    text-align: center;
    font-size: 12px;
}
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-pager > .dx-pages,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-pager > .dx-pages {
    left: 278px;
    position: absolute;
    top: 3px;
}


#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-rowsview > .dx-scrollable-wrapper {
    overflow: visible !important;
}
#tableauListeDesProduitsDX>.dx-datagrid>.dx-datagrid-rowsview>.dx-scrollable-wrapper>
.dx-scrollable-container>.dx-scrollable-content{
    max-height: none !important;
}
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-rowsview > .dx-scrollable-wrapper >
.dx-scrollable-container > .dx-scrollable-content > .dx-datagrid-content > table.dx-datagrid-table tbody td,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-rowsview > .dx-scrollable-wrapper >
.dx-scrollable-container > .dx-scrollable-content > .dx-datagrid-content > table.dx-datagrid-table tbody td {
    border-right: 1px solid #fff;

}

.bodyOverflowAuto {
    overflow-x: auto;
}
.bodyOverflowHidden {
    overflow-x: hidden;
}
.videClient{
    display:inline-table!important;
    z-index: 1!important;
}
#gridRenommageColonnes_tableauListeDesProduitsDX, #gridRenommageColonnes_tableauListePanierDX {
    max-width: 100% !important;
    height: 440px;
}
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-header-panel > .dx-toolbar,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-header-panel > .dx-toolbar {
    top: -48px;
    z-index: 3;
    position: absolute;
    left: 412px;
    width: 0px !important;
}
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-header-panel > .dx-toolbar {
    top: -10px;
    z-index: 3;
    position: absolute;
    left: -90px;
    width: 0px !important;
}
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-header-panel > .dx-toolbar > .dx-toolbar-items-container > .dx-toolbar-before,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-header-panel > .dx-toolbar > .dx-toolbar-items-container > .dx-toolbar-before {
    left: 90px;
}
#tableauListePanierDX > .dx-datagrid > .dx-scrollbar-vertical.dx-scrollbar-hoverable,
#tableauListePanierDX > .dx-datagrid > .dx-datagrid-header-panel > .dx-toolbar > .dx-toolbar-items-container > .dx-toolbar-after,
#tableauListeDesProduitsDX > .dx-datagrid > .dx-datagrid-header-panel > .dx-toolbar > .dx-toolbar-items-container > .dx-toolbar-after {
    display: none;
}

#tableauGrilleTarifaireModeListe::-webkit-scrollbar-track {
    /* width: 8px!important; */
    /* background-color: #9C27B0; */
    box-shadow: inset 0 0 13px rgba(0,0,0,0.3) !important;
    border-radius: 0px;
}

#tableauGrilleTarifaireModeListe::-webkit-scrollbar-thumb {
    /* width: 8px!important; */
    /* background-color: #FFEB3B; */
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)!important; */
    box-shadow: inset 0 0 8px 0px rgba(0,0,0,0.3);
    border-radius: 0px;
}

#tableauGrilleTarifaireModeListe::-webkit-scrollbar {
    /* width: 8px!important; */
    height: 10px;
    background-color: #9e9e9e80;
}
#tableauGrilleTarifaireModeListe::-webkit-scrollbar-button:single-button {
    height: 0px;
    width: 0px;
}

.listeLargeursColonnes {
    max-height: 550px !important;
    min-height: 550px !important;
}
#listeLargeursColonnes_tableauListeDesProduitsDX {
    top: -285px ;
    left: 45px;
}
.dx-affichage-apres2 {
    top: 11px;
    left: 251px;
    position: absolute;
}

span#dxInfo {
    /* top: 9px; */
    display: inline-block;
    position: absolute;
    font-size: 11px;
    width: 80px;
    top: 10px;
}

#tableauListePanierDX > .dx-datagrid >  .fournisseur {
    height: 50px;
}
td.prixStyle.numeriqueTri.dx-link {
    text-decoration: none;
}
/*#tableauListeDesProduitsDX, #tableauListeRecapPanierDx, #tableauListePanierDX {
    margin: 0 auto;
}*/

#affichagePageDesCommandes {
    margin: 0 auto;
    width: 1000px;
    height: 65%;
    text-align: center;
    vertical-align: middle;
    padding-top: 100px;
}
div#affichagePageDesCommandes .boutonAction {
    width: 300px;
    float: none;
    padding: 20px;
}

.etiquetteGestcom {
    border-radius: 23px;
    text-align-last: center;
    height: 22px;
    padding: 2px 12px 2px 12px;
    Line-height: 17,73px;
    font-style:italic;
}
#layoutChargement {
    display: none;
    height: 100%; 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    background-color: #ffffff; 
    z-index: 15;
}
#chargement {
    display: none;
    width: 150px;
    margin: 0 0 0 -75px;
	padding: 15px;
    border: 1px solid #6d4466;
    color: #6d4466;
    text-align: center;
    font-size: 16px;
    background: #ffffff;
    position: absolute;
    top: 30%; 
    left: 50%;
    z-index: 16;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
}
#chargement img {
    margin-left: 20px;
}
#chargement.webshopChargement {
    position: fixed!important;
    
}
/***style_spécifique_pour_datagrid_devextreme****/

.layoutDuDxGrid {
    margin: 0 auto 0 auto;
    height: 100%;
}

.gridContainer > .dx-datagrid {
    width: 100%;
}

.gridContainer {
    position: relative;
    top: 3px;
}

.dx-row img.imageMediaDansuneCelluleTD {
    border-radius: 50px;
    width: 80px;
    height: 80px;
}

.dx-pager {
    padding: 4px 0px 0px 0px !important;
}

.largerFont {
    font-size: 20px;
}


.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: rgba(255, 255, 255, 0);
    font-size: 14px;
    height: 20px;
    line-height: 48px;
}

.dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu {
    height: 20px;
}

.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
    width: 22px;
    height: 22px;
    background-position: 0px 0px;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    background-size: 22px 22px;
    padding: 0px;
    font-size: 22px;
    text-align: center;
    line-height: 0px;
    margin: 0px 3px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px !important;
    font-weight: 500;
    font-size: 12px;
}

/*.dx-scrollable-horizontal .dx-scrollable-content, .dx-scrollable-both .dx-scrollable-content {
    max-height: 540px !important;
}*/
.contenuPage {
    padding-bottom: 5px;
}
.dx-full-height,
.dx-viewport,
.gridContainer,
.dx-gridbase-container {
    height: 100%;
}
.dx-row.dx-column-lines.dx-freespace-row {
    height: auto !important;
}
.dx-button-text {
    text-transform: inherit !important;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type {
    padding-left: 4px !important;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type {
    padding-right: 10px !important;
}
.dx-datagrid .dx-datagrid-header-panel .dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 11px 5px !important;
}
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content,
.dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 11px 0px !important;
}
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
    padding-left: 20px !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    font-size: 16px !important;
}
.dx-datagrid-filter-row .dx-menu {
    left: -5px !important;
}
.dx-datagrid-header-panel .dx-menu-item.dx-state-hover, .dx-datagrid-header-panel mode-visualisation-icon.dx-state-hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-radius: 40px !important;
    height:39px !important;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 12px !important;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 12px !important;
}


.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    width: 20px!important;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    width: 20px!important;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 12px !important;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 12px !important;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    height: 20px !important;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    height: 20px!important;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 12px !important;
}

.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 12px !important;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-bottom: 12px !important;
}


.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:horizontal {
    height: 26px !important;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:vertical {
    width: 26px !important;
}
.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 13px !important;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 13px !important;
}

   

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    width: 26px!important;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    width: 26px !important;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 6px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 6px;
}

     

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    height: 26px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    height: 26px;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 12px !important;
}

.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 12px !important;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-bottom: 12px!important;
}



    .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:horizontal {
        height: 19px;
    }

    .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:vertical {
        width: 19px;
    }

.iconeModeVisualisation, .iconeBoutonsMultipleDX {
    position: absolute;
    top: 8px;
    left: 8px;
}
/************************************************/
.alignerADroite {
    text-align: right;
}
.alignerAGauche {
    text-align:left;
}
.boutonAvecIcone, 
.dataTables_filter, 
.dataTables_length, 
.dataTables_info, 
.dataTables_paginate,
.ColVis_collection button,
.ColVis_MasterButton, .iconeParametrageLargeursColonnes, .iconeExportParLangues {
	font-family: futura-light/*, 'Open Sans', 'Helvetica Neue', Arial*/;
    color: #404040;
}

.iconeExportParLangues {
    margin: 0 3px;
}

.iconeParametrageLargeursColonnes, .iconeExportParLangues {
    height: 30px!important;
    background: #ddd!important;
    padding: 3px 5px 3px 5px!important;
    /* height: auto!important; */
    font-size: 13px;
    text-align: center;
    color: #404040;
    cursor: pointer;
    border: 1px solid #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc; 
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc; 
}
table,
td {
	font-family: calibri-light;
}
/********************************************************************
 PAGE
*********************************************************************/


.cursorPointer {
    cursor: pointer !important;
}

.elementMasque {
    display: none;
}

.colonneDateAvecHeure {
    width: 13%;
}



/********************************************************************
 BOUTON
*********************************************************************/
/* Création de bouton "span" afin de pouvoir rajouter une icone via CSS, chose qu'on ne peut pas faire sur les input bouton qd un background existe déjà */
.boutonAvecIcone {
    position: relative;
    height: 23px;
    padding-top: 5px !important;
    padding-bottom: 2px !important;
    padding-right: 5px !important;
}
/* Style reprise intégralement depuis CSS Bootstrap */
/* Je n'ai pas retravaillé les CSS car bcp sont inconnus pour moi (css3) et tant qu'ils ne sont pas maitrisés, il est intéressant de conserver ces proprités pour les étudier */
.boutonAvecIcone, 
input[type="button"]:not(.boutonRemplacantInputFileAvecStyleClassiqueBoutonClaire) {
    display : inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
}

td input[type="button"] {
    margin-bottom: 7px !important;
} 

.boutonAvecIcone {
    padding:  4px 5px 4px 26px;
}

.boutonAvecIcone:hover, 
.boutonAvecIcone:focus,
.boutonAvecIcone:active,
{
    background-color: #cccccc \9;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.boutonAvecIcone:before {
    position: absolute;
    top: 2px;
    left: 2px;
}

/********************************************************************
 FORMULAIRE
*********************************************************************/
/* Overlay Popup, alerte E-letter-modèle-Email*/
#iframeOverlayPopup {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    z-index: 10;
}

/* Croix de fermeture utilisé dans les popup, alerte */
.iconeFermeture {
    cursor: pointer;
    position: absolute;
    left: 100%;
    margin-left: -20px;
    top: 7px;
}
#layoutPopup{
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    /*background: #ffffff; */
    z-index: 10;
    display: none;
    cursor: pointer;
    /*background-color:gainsboro !important;*/
    background-image:-webkit-radial-gradient(center,rgba(255, 255, 255, 0.83),rgba(63, 65, 63, 0.76),rgba(0, 0, 0, 0.87)) !important;
    background-image:-moz-radial-gradient(center,rgba(255, 255, 255, 0.83),rgba(63, 65, 63, 0.76),rgba(0, 0, 0, 0.87)) !important;
}
.contenuPopup {
    top: 40%; 
    left: 50%;
}

.contenuPopup {
    position: absolute; 
    z-index: 11;
    display: none;
    background: #fafafa;
    border: 2px solid #ffffff;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
}
.titrePopup {
    text-align: left; 
    font-size: 14px; 
    color: #ffffff; 
    background: #404040; 
    padding: 5px 30px 5px 10px;
    margin: 0 0 10px;
	-moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.phrasePopup {
    margin: 20px 30px 0 40px;
    color: #222222;
    font-size: 14px;
}
.validationOuAnnulerPopup input[type="button"] {
    margin : 20px 10px 10px 0;
    float: right;
}
/*******************************************************************
Zone de recherche
*********************************************************************/
.critereRecherche {
    text-align: center;
    margin: 0.5% auto 0.5% auto;
    position:relative;
    z-index:1;
}
.critereRecherche label {
   margin-left: 0.5%;
}
/********************************************************************
 CHAMPS DE SAISIE
*********************************************************************/
.viderSaisie {
    position: relative;
    left: -45px;
    visibility: visible;
    top: 3px;
    cursor: pointer;
}
.ViderSaisieExplorer {
    top: -21px !important;
    left: -28px !important;
}
.viderSaisieColonne {
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 4px;
    visibility: visible;
}
.colonneRechercheLabel 
{
    width: 100%;
    /*display: block;
    height: 30px;
    left: 0;*/
    /*width: 150px;*/
}
.colonneRechercheLabelVide 
{
    width: 100%;
   /* display: block;
    height: 30px;
    left: 0;
    width: 150px;*/
}

tfoot th[data-orig-col]:first-child .rechercheParColonne{
   /* border-left: medium none !important;*/
}
.rechercheParColonne {
    background: url("/ressource/image/commun/ic_loupe_blanc.png") no-repeat 3px 3px !important;
    border-radius: 0 !important;
    border-style: none none none solid !important;
    height: 20px;
    /*margin-top: 5px;
    padding: 0 0 0 33px;
    position: relative;
    width: 80%;*/
    width: 100%;
    display: block;
    padding: 0.75px 0 0 20px;
}

.rechercheParColonneVide {
    background: rgba(0, 0, 0, 0) !important;
    border-radius: 0 !important;
    border-style: none none none solid !important;
    /*margin-top: 5px;
    padding: 0 0 0 33px;
    position: relative;
    width: 80%;*/
    width: 100%;
    display: block;
    padding: 0.75px 18px;
    height: 20px;
}
.rechercheParColonne:focus {
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
    outline: 0;
}

.rechercheParColonne:required {
    box-shadow: none;
}


.bordureRouge {
    border: 1px solid #d22201 !important;
}

/* bouton visibilité colonne datatables, meme style que boutonRemplacantInputFileAvecStyleSpecifique */
.ColVis_Button:not(#colVisButtonFournisseur){
    background: #dddddd!important;
    padding: 3px 5px 3px 5px !important;
    font-size: 13px;
    text-align: center;
    color: #404040;
    cursor: pointer;
}
.ColVis_Button:not(#colVisButtonFournisseur, #colVisButtonProduits){
    height: auto !important;
}
.imageMediaDansuneCelluleTD {
    display: block;
    margin: auto;
    cursor: pointer;
}

/********************************************************************
 Calendrier jQuery
*********************************************************************/
.ui-datepicker-calendar {
    visibility: visible;
}
td.ui-datepicker-week-end a {
    background: #fafafa !important;
}
.ui-datepicker-year {
    width: 60px;
}
.ui-datepicker .ui-datepicker-title 
{
    height: 24px;
}
.ui-datepicker
{
    width:252px!important;
}
.erreurSaisie {
    border: 1px solid #ebaab4 !important;
    background: #fff1f1 !important;
}
.erreurSaisieTitre {
    color: #FF0000;
    font-style: italic;
}
.pasErreurSaisie {
    border: 1px solid #ffffff !important;
    background: #fff1f1 !important;
}
.dateModale {
    display:inline-block!important;
    opacity:1!important;
}


.withFilter {
    background: #f3ff783d!important;
}




#layoutAlerte,
#layoutAlerteGestionFichiers,
#layoutChargementDateModal {
    display: none;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
}
#alerte,
#alerteGestionFichiers { 
    display: none;
    width: 600px;
    margin: -100px 0 0 -300px;
    background: #f0f0f0;
    border: 1px solid #555555;
    position: fixed;
    top: 40%; 
    left: 50%;
    z-index: 10000;
	-moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
    overflow-y: auto;
    max-height: 400px;
}
#messageAlerte,
#messageAlerteGestionFichiers  {
    height: auto;
    min-height: 60px;
    margin: 15px 30px 0 30px;
    padding-top: 15px;
    font-size: 16px;
}
.logoAlerteErreur, 
.logoAlerteConfirmation, 
.logoAlerteInfo {
    height: 70px;
    padding-left: 90px;
}
.logoAlerteErreur {
    background: url("/ressource/image/layout/alerte/erreurAlerte.png") no-repeat;
}
.logoAlerteConfirmation {
    background: url("/ressource/image/layout/alerte/confirmationAlerte.png") no-repeat;
}
.logoAlerteInfo {
    background: url("/ressource/image/layout/alerte/infoAlerte.png") no-repeat;
}
#alerte input[type="button"],
#alerteGestionFichiers input[type="button"] {
    margin : 0 15px 10px 0;
    float: right;
}
#bouttonAnnuler {
    display: none;
}
.titreAlerte {
    text-align: left; 
    font-size: 14px; 
    font-weight: bold;
    color: #ffffff;
    padding: 5px 30px 5px 25px;
    margin: 0 0 10px;
	-moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	background: #404040;
}
#alerte .iconeFermeture,
#alerteGestionFichiers .iconeFermeture {
    left: 99%;   
}
.libelleRegroupementAlerte {
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin: 10px 5px 0 5px;
}

#detailDUnProduit{
    margin-left: 12px;
}
#blocDetailsCatalogueLigne {
    float: right;
    height: auto;
    margin-left: 18px;
    position: relative;
    width: 875px;
}
#designationArticle, #libelleWebshop1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    padding-bottom: 10px;
}
#descriptionCourte, #libelleWebshop3 {
    padding-bottom: 20px;
}
#infoPourPanier {
    min-height: 100px;
}
.boutonAction {
    display: inline-block;
    padding: 10px 0px;
    float: right;
    text-align: center;
    font-size: 18px !important;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: #fb9b00;
    line-height: 20px;
    width: 190px;
    margin-left:10px;
}
#ajouterAuPanier {
    margin-top: 8px;
    float:none;
}
#retourALaListe {
    float: left;
}
#voirTarif {
    bottom: 55px;
    position: absolute;
    right: 0;
}
#infoPourPanier #demandeDevis {
    bottom: 0;
    position: absolute;
    right: 0;
}
#blocMedias {
    float: left;
    margin-bottom: 12px;
    position: relative;
    width: auto;
    height:auto;
    min-width: 440px;
    min-height: 230px;
}
.conteneurVideoOuAudio {
    margin-top: 5px;
    width: 340px;
    float: left;
}
.monVideo {
    width: 100%;
}
#prixUnitaireHT {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}
#group {
    float: left;
    width: 1000px;
    margin-top: 20px;
    margin-left: 25px;
    padding-bottom: 20px;
}
#tableauDesCaracteristiques, #tableauDesCaracteristiques td, #tableauDesCaracteristiquesTheme3, #tableauDesCaracteristiquesTheme3 td {
    font-family: 'Open Sans', sans-serif !important;
    border-collapse: collapse;
}
#tableauDesCaracteristiques, #tableauDesCaracteristiquesTheme2, #tableauDesCaracteristiquesTheme3, #tableauDesCaracteristiquesTheme4 {
    visibility: visible;
    float: left;
    width:100%;
}
#tableauDesCaracteristiques caption, #tableauDesCaracteristiquesTheme2 caption, #tableauDesCaracteristiquesTheme3 caption, #tableauDesCaracteristiquesTheme4 caption{
    margin-bottom: 10px;
    padding: 0;
    height: auto;
    line-height: 40px;
}
#tableauDesCaracteristiquesTheme2, #tableauDesCaracteristiquesTheme4 {
    border: 1px solid #ccc !important;
    border-collapse: collapse;
}
#tableauDesCaracteristiquesTheme2 tr td, #tableauDesCaracteristiquesTheme4 tr td {
    border: 1px solid #ccc;
    min-width: 50px;
    padding: 10px;
}
#tableauDesCaracteristiquesTheme2 tbody tr td:first-child, #tableauDesCaracteristiquesTheme4 tbody tr td:first-child {
    width: 220px;
}
.onglet {
    padding: 10px;
}
#tableauDesCaracteristiques tbody tr td, #tableauDesCaracteristiquesTheme3 tbody tr td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff none repeat scroll 0 0;
    border-color: #eee;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #6a6a6a;
    font-size: 15px;
    padding: 5px 25px;
}
#tableauDesCaracteristiques tbody tr td:first-child, #tableauDesCaracteristiquesTheme3 tbody tr td:first-child {
    color: #2d2d2c;
    width: 220px;
    border-right: 1px solid #eee;
    padding-left: 1px;
}
#tableauDesCaracteristiques tbody tr:last-child td, #tableauDesCaracteristiquesTheme3 tbody tr:last-child td {
    border-bottom: none;
}
.libelleOnglet {
    padding: 10px;
    color: #f77236;
    cursor: pointer;
    min-width: 100px;
    height: 30px;
    display: inline-block;
}
.ongletActif {
    border-bottom: 10px solid #703db6;
}
.ongletNonActif {
    border-bottom: 1px solid #703db6;
    height: 40px;
}
#blocAjoutAuPanier {
    float: right;
    width: 192px;
}
.quantite {
    margin-right: 10px;
    display: inline-block;
    padding: 10px 9px;
    font-size:16px;
    margin-right: 5px;
    width: 62px;
    height: 16px;
    text-align: center;
    border-style: solid;
    border-width: 2px!important;
}
.articleParEmballage {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #703db6;
    display: inline-block;
    font-size: 16px;
    height: 14px;
    line-height: 16px;
    margin: 0 20px;
    padding: 10px;
    text-align: center;
    width: 85px;
}
.blocLignesDetailsAssortiment {
    width: 100%;
    float:left;
    margin: 10px 0;
}

#ligneCatalogueDetailsAssortiment .unProduit {
    height: 190px;
    margin-top: -3px;
}
#ligneCatalogueDetailsAssortiment .detailsProduit {
    height: 90px;
}
#ligneCatalogueDetailsAssortiment > label {
    display: block;
    margin: 10px;
}
.imageProduitDetailsAssortiment img {
    display: inline-block;
    height: auto;
    max-height: 170px;
    width: auto;
}
#prixUnitaireHT {
    margin-right: 35px;
}

.prixUnitaireHTDetailAssortiment{
    float: right;
    display: inline-block;
    position: relative;
    line-height: 23px;
    font-size: 23px;
    margin-top: 13px;
}
#grilleTarifaire td {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 24px;
    padding: 0 10px;
}
.libelleGrilleTarifaire {
    margin-left: 15px;
    padding: 2px 0 2px 0;
    background: #e3e1e2;
    width: 120px;
    display: block;
    text-align: center;
}
.iconeExplication {
    position: absolute;
    right: -10px;
}
.colonneDUnite {
    color: #b0d13c;
    text-align: left;
    position: relative;
}
.colonneDePrix {
    color: #040404;
    text-align: right;
}
.libelleExplication {
    color: #bdb9b9;
    font-size: 12px !important;
    text-align: left;
}

#divRetourALaListe {
    height: 40px;
    margin: 15px 0px;
    width: 100%;
}
#libelleCommercial, #libelleWebshop2 {
    text-align: left !important;
    margin: 0 !important; 
    font-weight: bold;
    font-size: 20px !important;
}
#prixPourTheme2 {
    height: 40px;
}

#slideshow-main {
	width:340px; 
	float:left; 
}

#slideshow-main ul {
	margin:0; 
	padding:0; 
	width:100%;
}

#slideshow-main li {
	width:340px; 
	height:340px; 
	display:none;
	position:relative;
}

#slideshow-main li.active {
	display:block !important;
}
#slideshow-carousel {
    float: left;
    width: 85px;
    position: relative;
    margin-left: 15px;
    height: 340px;
}

#slideshow-carousel ul {
	margin:0; 
	padding:0;
	list-style:none;
	position:absolute;
}

#slideshow-carousel li {
    height: 85px;
    position: relative;
    margin:  0 0 10px 0;
    padding :1px 0;
}

#slideshow-carousel li a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 85px;
    height: 85px;
}

#slideshow-carousel .boutonNav {
    position: absolute;
    background: rgba(0,0,0,0) url("/ressource/image/webshop/ic_suiv_prec_carousel.png") no-repeat scroll 0 0;
    display: block;
    width: 40px;
    height: 20px;
    left: 22px;
}
#slideshow-carousel .suiv {
    bottom:0;
    background-position: 0 -20px;
}
#slideshow-carousel .viewport{
    overflow: hidden;
    position: relative;
    width: 85px;
    height: 280px;
    margin-top: 32px;
}
#ligneCatalogueDetailsAssortiment .coefficientQuantiteAssortiment{
    font-size: 18px !important;
}
#slideshow-main .active > img, .imageUnique {
    cursor: zoom-in;
    max-height : 340px;
    max-width : 340px;
}
#slideshow-carousel .mirrored {
    display: none;
}
#slideshow-carousel .nonVisible {
    visibility: hidden;
}
#detailDUnProduit #quantiteRestante {
    position :relative;
}
#detailDUnProduit .referenceArticle {
    width: 192px;
    float: right;
    margin-left:0px;
}
#detailDUnProduit .unSeulPrixPourQuantite1 {
    font-size: 30px;
}
#blocCaracteristique {
    float: left;
    width: 100%;
    margin-top:10px;
}
/*******************Style Theme2 et Theme4******************/
#designationArticle.theme2 , #libelleWebshop1.theme4 {
    color: #000 !important;
}
#blocTop.theme2, #blocTop.theme4{
    width: 100%;
    position: relative;
}
#blocDetailsCatalogueLigne.theme2, #blocDetailsCatalogueLigne.theme4 {
    float: left;
    height: auto;
    position: relative;
    width: 100% !important;
    margin-left: 0px;
}
#affichageDesQuantiteEmballage {
    float:left;
    width:350px;
    font-size:20px;
    font-weight:bold;
    margin: 40px;
}
#affichageDesQuantiteEmballage span {
    display:block;
}
#infoPourPanier.theme2 .bloc1, #infoPourPanier.theme2 .bloc2, #infoPourPanier.theme2 .bloc3, #infoPourPanier.theme2 .bloc4,
#infoPourPanier.theme4 .bloc1, #infoPourPanier.theme4 .bloc2, #infoPourPanier.theme4 .bloc3, #infoPourPanier.theme4 .bloc4 {
    width: 25% !important;
    display:block !important;
}
.bloc1, .bloc2, .bloc3, .bloc4 {
    float: left;
    width: 33.33%;
    min-height: 1px;
}

.imageMiniature {
    max-width: 85px;
    max-height: 85px;
    vertical-align: middle;
}
#detailDUnProduit .imageCatalogueFiche {
    left: auto !important;
    top: -20px !important;
    right: 75px !important;
    z-index: 3;
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .bloc1, .bloc2, .bloc3, .bloc4 {
        width: 50% !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .bloc1, .bloc2, .bloc3, .bloc4 {
        width: 50% !important;
    }
    #detailDUnProduit .prixCatalogueLigne {
        width: 100% !important;
    }
}
#tooltipNomMedia{
    display: none;
    padding: 10px;
    position: absolute;
    border-radius: 4px;
    z-index: 20;
    font-size: 14px;
    left: 446px;
    background: #ececec;
    border: 1px solid rgba(185, 182, 184, 0.7);
    padding: 10px 20px;
    white-space: nowrap;
}
#cyclePaiement{
    display:block;
    width:1600px;
    height:40px;
    position:relative;
}

#cyclePaiement span{
    height: 40px;
    width: 25%;
    float: left;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.cyclePaiementCommande{
    background-color:#F77236;
    position: relative;
}
.cyclePaiementCommande:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #F77236;
	border-width: 20px;
	margin-top: -20px;
    z-index: 1;
}
.cyclePaiementLivraison{
    background-color:#2D2448;
    position: relative;
}
.cyclePaiementLivraison:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #2D2448;
	border-width: 20px;
	margin-top: -20px;    
	z-index: 2;
}
.cyclePaiementPaiement{
    background-color:#372B5A;
    position: relative;
}
.cyclePaiementPaiement:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #372B5A;
	border-width: 20px;
	margin-top: -20px;
	z-index: 3;
}
.cyclePaiementSuivie{
    background-color:#703DB6;
    position: relative;
}
#lignesOperationsId {
    display: block;
    width: max-content;
    position: relative;
    float: left;
    /* margin-top: 40px;*/
}

#tableauListePanier table {
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
    visibility:visible;
}
#tableauListePanier table th{
    font-size: 13px;
    font-weight: bold !important;
    padding-bottom: 10px;
}

#tableauListePanier table td {
    /*padding: 8px;*/
    font-size: 13px;
    line-height: 14pt;
    vertical-align: top;
   /* border-bottom: 1px #eaeaea solid;*/
}
#tableauListePanier table td img{
    width:30px;
    height:30px;
}
#tableauListePanier table td label{
    line-height: 37px;
    display: block;
}
#tableauListePanier table td {
    line-height: 37px!important;
}
    
#tableauListePanier table td input{
    /*margin-top: 36px;*/
    display: block;
    padding: 5px;
    text-align: right;
    font-size: 14px!important;
}

#tableauListePanier table td span {
   /* margin-top: 35px !important;*/
    display: block;
    line-height: 15px!important;
}

#tableauListePanier tbody tr:hover{
    background:none !important;
}

#modifierLigneOperation{
    background: #F77236;
    margin-top:0 !important;
}
#supprimerLigneOperation{
    background: #703DB6;
    margin-top:0 !important;
    display: inline-block;
    padding: 4px;
    float: right;
    text-align: center;
    font-size: 14px !important;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    line-height: 20px;
    width:auto;
}
.pasDImage{
    height: 50px;
    vertical-align:middle;
}
.totalPanier{
    width: 100%;
    height: 40px;
    margin-top: 20px;
    display: block;
    text-align: center;
    font-size: 22px;
}
.passerCommande, .demandeDevis, .retourAdresse{
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    width: 200px;
    text-align: center;
    cursor: pointer;
    
}
.passerCommande, .demandeDevis, #colVisButtonFournisseur, #iconeParametrageLargeursColonnesFournisseur, .retourAdresse {
    color: #fff;
    background: #F77236;
}
#retourAArriere, #boutonValiderGlobal{
    background: #703DB6;
}
.blockBoutonRetourNoir{
    float:left;
}
.blockGestionCommande{
    text-align:left;
    width: 100%;
    float: left;
    position:relative;
}
#sauvegarderCommande {
    display: none;
}
.blockBoutonLivraison{
    display: none;
}

#blockLivraison{
    display: none;
    float: left;
    width: 100%;
}

.dataTables_wrapper_fournisseur {
    margin-top: 99px!important;
}
.dataTables_wrapper_fournisseur > .top > .ColVis{
    display: block!important;
    top: 10px;
    right: 460px;
    position: absolute;
    margin: 0 !important;
}
.dataTables_wrapper_fournisseur > .top > .ColVis > .ColVis_Button{
    width: 200px;
    height: 40px!important;
    
}
#colVisButtonFournisseur {
    color: #fff;
    background: #F77236;
    font-size: 16px!important;
    border: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    -o-box-shadow: none!important;
}
#colVisButtonFournisseur:hover {
    border: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    -o-box-shadow: none!important;
}
.retourAArriere_fournisseur {
     margin-right: -7px;
}

#enregistrerEtatTableauDeBasePanier {
     margin-right: -1px;
     width:220px;
}
#colVisButtonFournisseur {

     width:220px;
}
#iconeParametrageLargeursColonnesFournisseur {
    margin-right: 4px;
    width: 200px;
    height: 40px!important;
    font-size: 16px!important;
    border: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    -o-box-shadow: none!important;
}

#listeLargeursColonnes_tableauListePanierDX {
    height: 812px;
}
#listeLargeursColonnes_tableauListePanierDX > #divBouttons {
     bottom: -3px;
}
.blockBoutonCommandeCouleur{
    float:right;
}
#tableauListePanier .rechercheParColonneVide{
	display: none
}
/****style pour step progress bar****/

.blockBarreEtapePregression {
    width: 75%;
    margin: 0 auto;
}

.progressbar {
    counter-reset: step;
    width: 100%;
    min-height: 60px;
    margin: 20px auto;
    padding: 0;
}

.progressbar li {
  list-style-type: none;
  float: left;
  position: relative;
  text-align: center;
  width: 25%;
}
.progressbar.avecLivraison.avecPayement li {
    width: 16.33% !important;
}
ul.progressbar.avecPayement li, .progressbar.avecLivraison li {
    width: 20% !important;
}
.progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: block;
  text-align: center;
  margin: 0 auto 5px auto;
  border-radius: 50%;
  color: white;
}

.progressbar li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  top: 22px;
  left: -50%;
  z-index: -1;
}

.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
    cursor: pointer;
}
.progressbar li.sansClique {
     cursor: default;
}
/************************************/
#fenetreSupprimerWebshop .iconeFermeture {
    cursor: pointer;
    position: absolute;
    left: 100%;
    margin-left: -20px !important;
    top: 7px !important;
}
#layoutSupprimerWebshop{
    position: fixed; 
    top: 0; 
    left: 0; 
    /*height: 100%; */
    width: 100%; 
    /*background: #ffffff; */
    z-index: 10;
    display: none;
    cursor: pointer;
    /*background-color:gainsboro !important;*/
    background: rgba(63, 65, 63, 0.76);
}
#fenetreSupprimerWebshop { 
    display: none;
    width: 350px;
    height: 140px;
    margin: -100px 0 0 -175px;
}
.contenuPopupWebshop {
    position: fixed; 
    z-index: 11;
    display: none;
    background: #fafafa;
    top: 40%; 
    left: 50%;
}
.titrePopup {
    text-align: left; 
    font-size: 14px; 
    color: #ffffff; 
    background: #404040; 
    padding: 5px 30px 5px 10px;
    margin: 0 0 10px;
	-moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.phrasePopup {
    margin: 20px 30px 0 40px;
    color: #222222;
    font-size: 14px;
}
.validationOuAnnulerPopup input[type="button"] {
    margin : 20px 10px 10px 0;
    float: right;
}
.iconeFermeture {
    cursor: pointer;
    position: absolute;
    left: 100%;
    margin-left: -28px;
    top: 7px;
}
#layoutInscriptionWebshop,#layoutLogin,#layoutPopup{
    position: fixed; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    /*background: #ffffff; */
    z-index: 10;
    display: none;
    cursor: pointer;
    background-color:rgba(0, 0, 0, 0.67)!important;
    background-image: none!important;
    opacity: 1!important;
}
#fenetreInscriptionWebshop { 
    display: none;
    width: 600px;
    height: auto;
    margin: -100px 0 0 -300px;
}
.contenuPopupInscriptionWebshop {
    position: absolute; 
    z-index: 11;
    display: none;
    background: #fff;
    top: 20%; 
    left: 50%;
}
.titrePopupInscription {
    text-align: left;
    font-size: 16px;
    color: #fff;
    background: #703db6;
    padding: 9px 40px 10px 10px;
    margin: 0 0 10px;
    height: 18px;
}

#contenuPopupInscription{
    display:block;
    text-align:center;
}
/* Principe Clearfix
Permet pour un div conteneur de tenir compte des éléments contenus en float
Exemple http://www.webtoolkit.info/demo/css-clearfix
Code http://www.webtoolkit.info/css-clearfix.html
 */
.ligneLabelEtInputWebshop:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.ligneLabelEtInputWebshop {
    width: 80%;
    margin: auto;
    padding: 7px 5px 7px 0;
   
    position: relative;
}
.ligneLabelEtInputWebshop label {
   margin: 0 0 0 8px;
    color: #6e6e6e;
    font-size: 14px;
    height: auto;
    padding: 4px 0 0 0;
    display: inline-block;
    width: 36%;
    text-align: right;
}
.ligneLabelEtInputWebshop input, .ligneLabelEtInputWebshop textarea{
    width: 230px;
    float: right;
    margin: 1px;
    padding: 4px;
    border: solid 1px #703db6;
}
.ligneLabelEtInputWebshop input[type="checkbox"] {
    position: relative;
    left: -84px;
    float: none;
}
hr{
    border: 0;
    height: 1px;
    margin:15px 0 6px 0px;
    background: #d8d8d8;
    text-align:right;
    width: 68%;
    margin-left: 21%;
}
.recommandation{
    margin:15px 0 10px 28px;
}
.societe{
    display: block;
}
.rectangle1{
    width: 17px;
    height: 30px;
    background: #f77236;
    display: inline-block;
    float: left;
}
.rectangle2{
    height: 30px;
    margin-left: 6px;
    display: inline-block;
    background: #f77236;
    width: 80px;
    color: #fff;
}

.rectangle2 label{
    margin-top: 5px;
    display: block;
    margin-left: 12px;
}
.boutonEnvoyerInscription{
    display: inline-block;
    cursor: pointer;
    font-size: 14px!important;
    text-decoration: none;
    width: 170px !important;
    height: 30px;
    cursor: pointer;
    color: #fff;
    background-color: #fb9b00;
    margin-top: 7px;
    line-height: 16px!important;
    margin-top: 12px !important;
    margin-left: 69px !important;

}


.labelParametreSelectionnable{
    display: inline-block;
    width: 22%;
}
.boutonSupprimerParametre {
    top: 0;
    left: 20%;
    position: absolute;
    visibility: hidden;
}
.ligneLabelEtInput {
    position : relative!important;
}
.parametreSelectionnable {
    border: 1px solid #f43c3c;
    padding: 4px 8px;
    width: 174px;
    font-size: 12.5px;
}
#monCompteWebshop {
    padding-top: 50px;  
}
#monCompteWebshop > label{
    color: #2d2d2c;
    display: inline-block;
    font-size: 30px;
    text-align:left;
    padding-left:20px;
    
}
#modifierMotDePasse .titreModificationCompte, #parametreCompteWebshop .titreModificationCompte,#divTableauListeDesAdressesDeLivraison label:not(.colonneRechercheLabel){
    display: inline-block;
    font-size: 25px;
    text-align:left;
    padding-left:20px;
}

#modifierMotDePasse{
    padding-top: 5px;
    color:#fb9b00;
}
#modifierMotDePasse span label{
    width:20%;
    text-align: left;
    display: inline-block;
    margin-left: 20px;
    color:#000;
}

#modifierMotDePasse span, #modifierParametre .ligneLabelEtInput{
     width: 100%;
    display: block;
    padding: 5px;
    text-align: left;
    margin-left: 15px;
}

.desactiver {
    opacity: 0.5;
    background: #CCC;
    pointer-events: none;
}
#changerPassword{
    color:#fff !important;
    background-color: #703db6;
    display: inline-block;
    padding: 10px 0px;
    float: right;
    text-align: center;
    font-size: 18px !important;
    text-decoration: none;
    cursor: pointer;
    line-height: 20px;
    width: 190px;
}
#blockMonCompteAccueil{
    display:none;
}
.titreModificationPassword > label{
    width:28.5% !important;
    font-size:22px;
}
.ancienIdentifiant, .ancienMP, .nouveauMP, .confirmerMP{
    display:none;
    position: absolute;
    margin-left:3px;
}
#tableauListeDesAdressesDeLivraisonWebshop .contenuCaption{
    display:none;
}
#tableauListeDesAdressesDeLivraisonWebshop_info{
    display:none;
}
#tableauListeDesAdressesDeLivraisonWebshop_paginate{
    display:none;
}
#tableauListeDesAdressesDeLivraisonWebshop{
    border-collapse: collapse;
    margin-top:30px;
    margin-bottom: 30px;
}
#tableauListeDesAdressesDeLivraisonWebshop th{
    font-size: 13px!important;
    border-right: 1px solid #cccbcb;
}
#tableauListeDesAdressesDeLivraisonWebshop thead{
    position: relative;
    background-color: #f2f2f4;
    min-height:35px;
}
.defaultAdresse {
    background: url("/ressource/image/commun/active.png") no-repeat 0 0;
    width: 32px;
    height: 32px;
    position: relative;
    right: 10px;
    top: 2px;
}
#choixAdressLivraison
{
    min-width:80%;
    margin:auto;
}
#tableauChoixAdressLivraison_wrapper
{   top:0;
    margin-top:0;
    margin-bottom :15px;
}
#tableauChoixAdressLivraison thead
{
    background: #cccbcb !important;
}
#tableauChoixAdressLivraison_wrapper .top
{
    min-height: 28px;
}
#tableauChoixAdressLivraison_info {
    top: 5px !important;
    right: 257px;
    left: auto;
    position:absolute;
}
#tableauChoixAdressLivraison_filter {
    width: 207px;
    margin: 0 auto !important;
    height: 25px;
}
input#recherche_tableauChoixAdressLivraison {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
    margin: 0;
}
.width59
{
    min-width:59px !important;
    max-width:59px !important;
    padding-right: 4px !important;
}
#tableauChoixAdressLivraisonDX td {
    padding: 11px 18.5px;
    max-height: 40px;
    font-size: 12px;
    border-right: 1px solid #fff;
}

#choixAdressLivraison button{
    float : right;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    color: white;
    padding: 10px;
}

#formulaireLivraison label , #formulaireCorrespondant label
{
    display: inline-block;
    width: 35%;
    text-align: right;
    margin-right:3px;
}

.livraisonFooter
{
    width: 100%;
    margin: auto;
    margin-top:10px;
}

#formulaireLivraison, #formulaireCorrespondant
{
   width: 73%;
    margin-left: 7%;
    margin-bottom:10px;
}
.conteneurGauche
{
    float: left;
    width:49%;
}
.conteneurDroite
{
    display:inline-block;
    width:49%;
}

@media screen and (max-width: 1600px){
#formulaireLivraison label , #formulaireCorrespondant label
{
     width: 100%;
    text-align: left;
}
}
#formulaireLivraison span, #formulaireCorrespondant span{
    width: 100%;
    display: inline-block;
    padding: 5px;
    text-align: left;
    margin-left:3%;
}
#formulaireLivraison input, #formulaireCorrespondant input {
    width: 350px;
    height: 30px;
    font-size: 18px;
    padding-left: 4px;
}

#formulaireLivraison select, #formulaireCorrespondant select {
    width: 357px;
    height: 30px;
    font-size: 18px;
    padding-left: 4px;
}
#livraison hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
    height: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#livraison input.rechercheParColonne {
    border: 0 !important;
}
#livraison input.rechercheParColonneVide {
    display: none;
    visibility: hidden;
    width: 1px !important;
    padding: 0px !important;
    margin: 0px !important;
}
#livraison input[readonly], #livraison select[disabled] {
    background-color: #f5f5f5;
}
#titreLivraison {
    margin: auto;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 10px;
    z-index:-1;
}
#titreCorrespondant {
    margin: 0 auto;
    text-align: center;
}
#tableauChoixAdressLivraisonDX .active > td {
    background-color: rgba(212, 234, 134, 0.48);
}

#tableauChoixAdressLivraisonDX th, #tableauChoixAdressLivraison thead td {
    font-size: 13px !important;
    border-right: 1px solid #cccbcb;
}
/*#tableauChoixAdressLivraisonDX.dx-datagrid-search-panel {
    top: -7px;
    height: 38px;
}*/

#conteneurCumulsEmballages {
    height: 83%;
    overflow-x: auto;
    overflow-y: hidden;
}
#cumulsEmballages {
    background: #ffffff;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    box-shadow: none;
    height: auto !important;
    left: 40%;
    top: 20%;
    width: auto !important;
}
#cumulsEmballages .titrePopup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#cumulsEmballages .iconeFermeture {
    cursor: pointer;
    right: 5px !important;
    position: absolute;
    top: 2px;
    left:auto !important;
}
#tableauCumulsEmballages {
    border-collapse: collapse;
    margin: 20px 8px !important;
    visibility: visible;
}
.avecBordure td {
    border-bottom: 1px solid #b3b3b3 !important;
}
#tableauCumulsEmballages tbody tr:hover{
    background: none!important;
}
#tableauCumulsEmballages td {
    height: 68px;
    width: 68px;
    text-align: center;
    vertical-align: bottom;
    font-size: 16px;
}
#tableauCumulsEmballages .imageCatalogue, #tableauCumulsEmballages .libelleCatalogue {
    text-align: center !important;
    vertical-align: middle!important;
    color: #b3b3b3;
    padding-right: 5px;
    width: auto !important;
}
#tableauCumulsEmballages .libelleCatalogue {
    border-right: 1px solid #b3b3b3 !important;
    cursor:pointer;
}
#tableauCumulsEmballages td span {
    font-weight: bold;
}
span[id^="libelleCatalogueType_"] 
{
    border-right: none !important;
}

td.libelle {
    color: #b3b3b3;
    padding-right: 5px;
    vertical-align: bottom !important;
    width: auto !important;
}
.picto {
    background: url("/ressource/image/webshop/pictoRemplissageEmaballage/pictoRemplissageEmballage3D.png") no-repeat;
    font-size: 16px !important;
    font-weight: bold;
    display: inline-block;
    height: 70px;
    width: 70px;
}
.iconePlus {
    width: 12px !important;
}

.CAR_100 {
    background-position: -711px 3px;
}
.CAR_90 {
    background-position: -639px 3px;
}
.CAR_80 {
    background-position: -568px 3px;
}
.CAR_70 {
    background-position: -497px 3px;
}
.CAR_60 {
    background-position: -426px 3px;
}
.CAR_50 {
    background-position: -354px 3px;
}
.CAR_40 {
    background-position: -283px 3px;
}
.CAR_30 {
    background-position: -213px 3px;
}
.CAR_20 {
    background-position: -141px 3px;
}
.CAR_10 {
    background-position: -71px 3px;
}
.CAR_0 {
    background-position: 0px 3px;
}

.PAL_100 {
    background-position: -711px -71px;
}
.PAL_90 {
    background-position: -639px -71px;
}
.PAL_80 {
    background-position: -568px -71px;
}
.PAL_70 {
    background-position: -497px -71px;
}
.PAL_60 {
    background-position: -426px -71px;
}
.PAL_50 {
    background-position: -354px -71px;
}
.PAL_40 {
    background-position: -283px -71px;
}
.PAL_30 {
    background-position: -213px -71px;
}
.PAL_20 {
    background-position: -141px -71px;
}
.PAL_10 {
    background-position: -71px -71px;
}
.PAL_0 {
    background-position: 0px -71px;
}

.ROL_100 {
    background-position: -711px -146px;
}
.ROL_90 {
    background-position: -639px -146px;
}
.ROL_80 {
    background-position: -568px -146px;
}
.ROL_70 {
    background-position: -497px -146px;
}
.ROL_60 {
    background-position: -426px -146px;
}
.ROL_50 {
    background-position: -354px -146px;
}
.ROL_40 {
    background-position: -283px -146px;
}
.ROL_30 {
    background-position: -213px -146px;
}
.ROL_20 {
    background-position: -141px -146px;
}
.ROL_10 {
    background-position: -71px -146px;
}
.ROL_0 {
    background-position: 0px -146px;
}

.AUT_100 {
    background-position: -710px -219px !important;
}
.AUT_90 {
    background-position: -639px -219px;
}
.AUT_80 {
    background-position: -568px -219px;
}
.AUT_70 {
    background-position: -497px -219px;
}
.AUT_60 {
    background-position: -426px -219px;
}
.AUT_50 {
    background-position: -354px -219px;
}
.AUT_40 {
    background-position: -283px -219px;
}
.AUT_30 {
    background-position: -213px -219px;
}
.AUT_20 {
    background-position: -141px -219px;
}
.AUT_10 {
    background-position: -71px -219px;
}
.AUT_0 {
    background-position: 0px -219px;
}
.iconePlus.vide, .picto.totalVide, .picto.complementVide {
    background: none;
}
img.uneImageCataloguePourCumul {
    height: 50px;
}
.blockBoutonRecapCommande {
    display:none;
}
#blockRecapitulatifCommande span, #blockRecapitulatifCommande b {
    display: block;
    padding: 2px 0;
}
#blockRecapitulatifCommande table {
    visibility:visible;
}
#recapTotal table {
    border:2px solid;
    border-bottom:2px solid !important;
}
#recapTotal table td {
    border:1px solid;
}
#recapTotal table, #recapTotal table td {
    border-collapse:collapse;
    padding:10px;
    font-size: 16px;
}
#blockContenuRecapCommande, #blocContenuCorrespondant {
    padding:10px;
}
#recapCommande span {
    text-transform: capitalize;
    font-size: 20px;
}
#recapCommande, 
#recapTotal, 
#recapLivraison, 
#recapPanier,
#blocReference,
#blocCorrespondant {
    float:left;
    width:100%;
    margin-bottom: 20px;
}
#blocDroite {
    width:35%;
    float:right;
}
#blocGauche {
    width:55%;
    float:left;
}
#blocFacturation {
    width: 40%;
    float: left;
    min-height: 80px;
    padding: 10px;
    margin-bottom:20px;
}
#blocLivraison {
    width:40%;
    float:right;
    padding: 10px;
    min-height: 80px;
    position:relative;
    margin-bottom: 20px;
}
#blocReference {
    min-height: 70px;
    position:relative;
}
#blocLivraison input, #blocReference input{
    right: 10px;
    position: absolute;
    top: 10px;
}
div#blocContenuReference {
    padding: 10px;
}
.bordureFine {
    border-width:1px;
    border-style:solid;
}
.bordureGras {
    border-width:2px;
    border-style:solid;
}
#recapTotal {
    min-height: 90px;
}
table#eclatementTVA {
    float: left;
    width: 100%;
}
table#nombre {
    float: left;
    margin-top: 20px !important;
    width: 30%;
}
table#poids {
    float: left;
    margin: 20px !important;
    width: 30%;
}
table#total {
    float: left;
    width: 100%;
}
.numerique {
    text-align:right; 
}
#tableauListeRecapPanier_wrapper {
    top: 0px;
    margin:0;
    overflow-y: hidden;
    overflow-x: scroll;
}
#tableauListeRecapPanier thead {
    position: relative;
    background-color: #f2f2f4;
}
#tableauListeRecapPanier caption {
    display: none;
}
.retourAdresse {
    width:auto;
    background: #2d2d2c;
    color:#fff;
}
.gras {
    font-weight: bold;
}
.width100 {
    width: 100px;
}
tr.italic {
    font-style: italic;
    font-size: 14px;
}
tr.dx-row.dx-column-lines.dx-virtual-row{
    display:none;
}

#tableauListeClientsWebshop {
    border-collapse: collapse;
    min-height: 550px;
}
#tableauListeClientsWebshop thead {
    position: relative;
    background-color: #f2f2f4;
     border-bottom: 1px solid #dddddd;
    min-height:35px;
    }
.tableauListeClientsWebshopCursorPointer > .dx-datagrid {
    cursor: pointer !important;
}
 #tableauListeClientsWebshop th {
    font-size: 13px!important;
    border-right: 1px solid #cccbcb;
}
#tableauListeClientsWebshop td {
    border-right: 1px solid #cccbcb;
}

 #tableauListeClientsWebshop_wrapper select{
    color: #5d5d5d;
    padding: 3px 5px;
    margin-left: 5px;
    border: 1px solid #b0d13c;
}

#tableauListeClientsWebshop_wrapper .dataTables_length{
    display: block;
    position: absolute;
    left: 215px;
    top: 13px;
}


#tableauListeClientsWebshop th{
    font-size: 13px!important;
    border-right: 1px solid #cccbcb;
}

#tableauListeClientsWebshop_previous {
    background: url("/ressource/image/webshop/fleche_gauche.png") no-repeat 11px 8px !important;
    min-width: 5px;
    min-height: 1em;
}

#tableauListeClientsWebshop_next {
    background: url("/ressource/image/webshop/fleche_droite.png") no-repeat 5px 8px !important;
    min-width: 5px;
    min-height: 1em;
}
#tableauListeClientsWebshop_first {
    display:none;
}

#tableauListeClientsWebshop_last {
    display:none;
}

#tableauListeClientsWebshop_info {
        margin-top: 10px;
}

#tableauListeClientsWebshop_paginate{
    text-align:left;
}

#tableauListeClientsWebshop_wrapper{
    top:-68px;
}

hr {
    border: 0;
    border-bottom: 1px dashed #fffdfd;
    background: #d6d6d6;
    height: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
}

.enteteListeClientWebShop h2 {
    color: #b0d13c;
}

/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 0px 18px 6px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }

th.enTeteColonneCliquable {
    color: #372b5a!important;
    font-weight: bold!important;
}

/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}


/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 *//*
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
 */
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

div.DTTT_container{position:relative;float:right;margin-bottom:1em}@media screen and (max-width: 640px){div.DTTT_container{float:none !important;text-align:center}div.DTTT_container:after{visibility:hidden;display:block;content:"";clear:both;height:0}}button.DTTT_button,div.DTTT_button,a.DTTT_button{position:relative;display:inline-block;margin-right:3px;padding:5px 8px;border:1px solid #999;cursor:pointer;*cursor:hand;font-size:0.88em;color:black !important;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;-ms-box-shadow:1px 1px 3px #ccc;-o-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 )}button.DTTT_button{height:30px;padding:3px 8px}.DTTT_button embed{outline:none}button.DTTT_button:hover,div.DTTT_button:hover,a.DTTT_button:hover{border:1px solid #666;text-decoration:none !important;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;background:#f3f3f3;background:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )}button.DTTT_disabled,div.DTTT_disabled,a.DTTT_disabled{color:#999;border:1px solid #d0d0d0;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:-moz-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:-ms-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:-o-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);background:linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 )}button.DTTT_button_collection span{padding-right:17px;background:url(../images/collection.png) no-repeat center right}button.DTTT_button_collection:hover span{padding-right:17px;background:#f0f0f0 url(../images/collection_hover.png) no-repeat center right}table.DTTT_selectable tbody tr{cursor:pointer;*cursor:hand}table.dataTable tr.DTTT_selected.odd{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.odd td.sorting_1{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.odd td.sorting_2{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.odd td.sorting_3{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.even{background-color:#B0BED9}table.dataTable tr.DTTT_selected.even td.sorting_1{background-color:#B0BED9}table.dataTable tr.DTTT_selected.even td.sorting_2{background-color:#B0BED9}table.dataTable tr.DTTT_selected.even td.sorting_3{background-color:#B0BED9}div.DTTT_collection{width:150px;padding:8px 8px 4px 8px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.4);background-color:#f3f3f3;background-color:rgba(255,255,255,0.3);overflow:hidden;z-index:2002;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.3);box-shadow:3px 3px 5px rgba(0,0,0,0.3)}div.DTTT_collection_background{background:transparent url(../images/background.png) repeat top left;z-index:2001}div.DTTT_collection button.DTTT_button,div.DTTT_collection div.DTTT_button,div.DTTT_collection a.DTTT_button{position:relative;left:0;right:0;display:block;float:none;margin-bottom:4px;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999}.DTTT_print_info{position:fixed;top:50%;left:50%;width:400px;height:150px;margin-left:-200px;margin-top:-75px;text-align:center;color:#333;padding:10px 30px;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );opacity:0.95;border:1px solid black;border:1px solid rgba(0,0,0,0.5);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.5);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.5);-ms-box-shadow:0 3px 7px rgba(0,0,0,0.5);-o-box-shadow:0 3px 7px rgba(0,0,0,0.5);box-shadow:0 3px 7px rgba(0,0,0,0.5)}.DTTT_print_info h6{font-weight:normal;font-size:28px;line-height:28px;margin:1em}.DTTT_print_info p{font-size:14px;line-height:20px}

.column-filter-widget { float:left; padding: 5px; }
.column-filter-widget select { display: block; }
.column-filter-widgets a.filter-term { display: block; text-decoration: none; padding-left: 10px; font-size: 90%; }
.column-filter-widgets a.filter-term:hover { text-decoration: line-through !important; }
.column-filter-widget-selected-terms { clear:left; }

table.DTCR_clonedTable{background-color:rgba(255,255,255,0.7);z-index:202}div.DTCR_pointer{width:1px;background-color:#0259C4;z-index:201}

div.ColVis{float:right;margin-bottom:1em}button.ColVis_Button,ul.ColVis_collection li{position:relative;float:left;margin-right:3px;padding:5px 8px;border:1px solid #999;cursor:pointer;*cursor:hand;font-size:0.88em;color:black !important;white-space:nowrap;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;-ms-box-shadow:1px 1px 3px #ccc;-o-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc;background:#ffffff;background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 )}.ColVis_Button:hover,ul.ColVis_collection li:hover, .iconeParametrageLargeursColonnes:hover, .iconeExportParLangues:hover{border:1px solid #666;text-decoration:none !important;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;background:#f3f3f3;background:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);background:linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )}button.ColVis_Button{height:30px;padding:3px 8px}button.ColVis_Button::-moz-focus-inner{border:none !important;padding:0}button.ColVis_Button:active{outline:none}div.ColVis_collectionBackground{position:fixed;top:0;left:0;height:100%;width:100%;background-color:black;z-index:1100}ul.ColVis_collection{width:150px;padding:8px 8px 4px 8px;margin:0;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.4);background-color:#f3f3f3;background-color:rgba(255,255,255,0.3);overflow:hidden;z-index:2002;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.3);-o-box-shadow:3px 3px 5px rgba(0,0,0,0.3);box-shadow:3px 3px 5px rgba(0,0,0,0.3)}ul.ColVis_collection li{position:relative;height:auto;left:0;right:0;padding:0.5em;display:block;float:none;margin-bottom:4px;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999}ul.ColVis_collection li{text-align:left}ul.ColVis_collection li.ColVis_Button:hover{border:1px solid #999;background-color:#f0f0f0}ul.ColVis_collection li span{display:inline-block;padding-left:0.5em;cursor:pointer}ul.ColVis_collection li.ColVis_Special{border-color:#555;background:#ededed;background:-webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);background:-moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);background:-ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);background:-o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);background:linear-gradient(to bottom, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8',GradientType=0 )}ul.ColVis_collection li.ColVis_Special:hover{background:#e2e2e2;background:-webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);background:-moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);background:-ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);background:-o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);background:linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 )}span.ColVis_radio{display:inline-block;width:20px}div.ColVis_catcher{position:absolute;z-index:1101}.disabled{color:#999}

/*.dataTable,       => Obliger d'exclure sinon lors de déplacement de colonne le th fait 100% */
.dataTables_wrapper {
    width: 99% !important; /* 99% car depuis la nouvelle version DT, un scroll bar horizontale apparait meme sur les tableaux à petite largeur (entièrement visible à l'écran) */
}
.dx-calendar-body table, .dx-datagrid-table {
    visibility: visible !important;
}
table {
    margin: 0 auto 0 auto !important;
}
.dataTables_wrapper table {
    /* border-collapse: collapse!important;*/
    margin: 0 auto 0 auto !important;
    visibility: hidden;
}
/* Sur tableau entête figée, définir la couleur du div du contenu du tableau (visible quand peu de ligne) */
.dataTables_scrollBody {
    background: #ffffff !important;
}
caption {
    font-size: 22px;
    letter-spacing: 1px;
    padding: 5px 0 10px 20px;
    text-align: left;
    border: none !important;
    height : 21px;
    border-bottom : none;
    /*-moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;*/
}
.iconeSauvegarderTableau:not(.iconeSauvegarderTableauPourWebshop){
    display:none;
}
.iconesMasquees{
    display:none;
}
.iconeParametrage, 
.iconeSauvegarderTableau, 
.iconeInitialiserTableau{
    float: right;
    cursor: pointer;
    margin: 3px 10px;
    top: 0;
}
/* Entete */
table.dataTable thead th, table.dataTable thead td {
    padding: 0.75px 18px;
    text-align: left;
    /*min-width:152px;*/
    line-height: 15px;
}
table.dataTable thead{
    display: inline-table !important;
}

thead th {
    font-size: 14px;
	font-weight: normal !important;
    height: 24px;
    border-bottom : none;
}
/* Colonne, tri : .sorting et thead th définis dans personnalisationDT.css*/
.sorting:hover {
	background: url("/ressource/js/librairie/DataTables-1.10.0/personnalisation/image/tri.png") no-repeat right center #f5f5f5;
	color: #404040;
}
.sorting_desc:hover {
	background: url("/ressource/js/librairie/DataTables-1.10.0/personnalisation/image/triDescendant.png") no-repeat right center #f5f5f5;
	color: #404040;
}
.sorting_asc:hover {
	background: url("/ressource/js/librairie/DataTables-1.10.0/personnalisation/image/triAscendant.png") no-repeat right center #f5f5f5;
	color: #404040;
}
.sorting_desc {
	background: url("/ressource/js/librairie/DataTables-1.10.0/personnalisation/image/triDescendant.png") no-repeat right center #f5f5f5 !important;
	color: #404040;
}
.sorting_asc {
	background: url("/ressource/js/librairie/DataTables-1.10.0/personnalisation/image/triAscendant.png") no-repeat right center #f5f5f5 !important;
	color: #404040;
}
tbody td {
    font-size: 14px;
}

.dataTable tbody {
    display: inline-block;
    width: 100%!important;
}
.colonneAligneeGauche {
    text-align: left;
    padding: 0 0 0 10px;
}
.colonnePrix {
    text-align: right;
}
.colonneIcone {
    width: 25px;
    text-align: center;
}
.modificationDirecte {
    width: 60px;
}
.styleDivVisualiserColonne {
    height: 30px;
    margin-bottom: 10px;
    float: right;
}
.iconeChoixVibiliteColonne {
    cursor: pointer;
    display: none;
}
.colonneOrdre {
    width: 20px;
    text-align: right;
}
.enTeteColonneCliquable:hover {
    cursor: pointer !important;
}
/* désactiver le cursor:pointer généré par datatables sur toutes les en-têtes */
th {
    cursor: default !important;
}
/********************************************************************
 SELECTEUR DATATABLES 
*********************************************************************/
.dataTables_filter, 
.dataTables_length, 
.dataTables_info, 
.dataTables_paginate {
    color: #404040;
    font-size: 12px;
}
table #annuler {
    position: relative;
    top: -4px;
}
/* Edition ligne */
#inputModification {
    width: 90%;
}
/* L'icone est plus petit que les autres, du coup le tr peut varier en hauteur de read à edit, ceci solutionne */
tr #enregistrer,
tr #annuler {
    margin: 4px;
}
/* Style du message qd tableau vide */
.dataTables_empty {
    text-align: center;
    padding: 15px 0;
    display: table-cell!important;
}
/* Surface scrollable */
.dataTables_scrollBody {
    background: #e5e3ee;
}
/* Champs de recherche */
.dataTables_filter {
    margin-top: -15px;
    position: relative;
    margin-left: -50px !important;
}
/*Explorer ajoute une icone pour vider le filtre, ce code cache l'icone*/
.dataTables_wrapper .dataTables_filter input::-ms-clear {
    display: none;
}
.positionExplorerRech {
    margin-top: 1px  !important;
    margin-left: -50px !important;
}
.positionFireFoxRech {
    margin-top: -15px  !important;
    margin-left: -50px !important;
}
.positionFireFoxInput {
    width: 51% !important;
}

.dataTables_filter label {
    visibility: hidden;
    display: inline-table;
}
.dataTables_filter input {
    border-style: none;
    visibility: visible;
    font-size: 13px !important;
    padding: 4px 30px 3px 25px;
    width: 60% ;
    margin-right: 22px;
    background: url("/ressource/image/commun/ic_loupe_noir.png") no-repeat left #ffffff;
}
/*#moduleDescriptif_tableauListeDesDescriptifs_filter {
    width: 30%;
}*/

/* Combobox nombre de ligne */
.dataTables_length { 
    float: right!important; 
    clear: both;
}
/* Informations - lignes totales et lignes affichées */
.dataTables_wrapper .dataTables_info { 
    float: right !important;
    clear: both;
	text-align: left;	
    margin: 0 0 10px 10px;
    padding: 0;
}
/* Div Boutons de pagination */
.dataTables_paginate {
    margin: 5px 0!important;
    width: 100%;
}
/* Pagination */
.paginate_button,
.paginate_active,
/* Correspond au <span>...</span> dans la pagination, qui n'a aucune classe aucun id */
.dataTables_paginate span span {
    display: inline-block;
    text-align: center !important;
    background: #2d2d2d !important;
    border: none;
    line-height: 21px !important;
    padding: 2px 0 2px 0 !important;
    height: 21px !important;
    width: 22px !important;
    box-sizing: content-box!important;
    cursor:pointer;
    color: #fff !important;
}
.dataTables_paginate span {
    position: relative;
    top: -8px;
}
.dataTables_paginate span span {
    top: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    cursor: pointer;
    border: none !important;
    color: #fff !important;
    border-radius: initial !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):hover {
    border: none !important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.paginate_button, 
.paginate_active {
    margin-top: -10px !important;
}
.first {
    border-width: 1px 1px 1px 1px !important;
}

.paginate_button_disabled {
    cursor: default !important;
}



.paginate_button.current {
    cursor: default !important;
    border: none !important;
}
.paginate_button.disabled {
    display: none;
}
/* Bouttons d'export */
.dataTables_wrapper {
    /*padding-top: 46px;*/
    margin-top: 95px;
}
.DTTT_container {
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
}
.DTTT_button {
	height: 20px;
	width: 20px;
	margin: 0 3px 0 3px !important;
	padding: 0px !important;
	border: 1px solid #d0d0d0;
	background: #f5f5f5;
	cursor: pointer;
	font-size: 10px !important;
	text-align: center;
}

button.DTTT_button_csv_hover, 
button.DTTT_button_xls_hover, 
button.DTTT_button_copy_hover,
button.DTTT_button_pdf_hover { 
	border: 1px solid #dcdcdc;
	background: #dcdcdc;
}
.DTTT_button_csv, 
.DTTT_button_xls,
.DTTT_button_pdf,
.DTTT_button_copy { 
    border-style: none !important;
}
.DTTT_button_pdf { 
	background: url("/ressource/image/exports/documentPDF.png") no-repeat scroll 1px rgba(0, 0, 0, 0) !important;
}
.DTTT_button_xls { 
	background: url("/ressource/image/exports/documentXLS.png") no-repeat scroll 1px rgba(0, 0, 0, 0) !important;
}
.DTTT_button_csv { 
	background: url("/ressource/image/exports/documentCSV.png") no-repeat scroll 1px rgba(0, 0, 0, 0) !important;
}
.DTTT_button_copy { 
	background: url("/ressource/image/exports/ic_copier_gris.png") no-repeat scroll 1px rgba(0, 0, 0, 0) !important;
}
/* Filtre des tableaux */
.column-filter-widgets {
    width: 70%;
}
.column-filter-widget select[disabled="disabled"] {
    background: #dddddd;
    color: #969696;
}
.filter-term { /* Filtre sélectionné */
    color: #a20000;
}
/* Masquage des outils dataTables */
.dataTables_length,  /* Nombre de ligne par page */
 .column-filter-widgets,  /* Filtre */
 .ColVis /* Visibilité des colonnes */  { 
    display: none;
    margin-top:25px !important;
    margin-bottom: 0 !important;
}
/* Visibilité colonne */
.ColVis_MasterButton {
    font-size: 12px !important;
}
.TableTools_collection {
    padding: 0 !important;
    margin: 0 !important;
}
.ColVis_collection button {
    margin: 0 !important;
    font-size: 12px;
    min-width: 150px;
}
.ColVis_collection {
    width: auto !important; /* Pour que le menu s'ajuste au contenu sinon il tronque */
    max-height: 400px;
    margin-left: -35px !important;
    overflow-y: scroll !important;
}
/* Boutons d'export */ 
.DTTT_container {
    visibility: hidden;
}
.column-filter-widget { 
    float:left; padding: 0px!important;  
}
.column-filter-widget select { 
    margin: 2px!important;
}
table.dataTable tbody th, 
table.dataTable tbody td {
    padding: 0.75px 18px;
   /* min-width:150px;*/
    
}

table.dataTable tr td:last-child,
table.dataTable tr th:last-child {
    width:100%!important;
}
/* Ligne cochée lors du passage de la souris */
.ligneCochee:hover,
.ligneCochee:hover td.sorting_1 {
    background-image: linear-gradient(to bottom, #adadad, #adadad) !important;
}
/* Ligne impaire colonne triée, ligne cochée */
table.dataTable tr.odd.ligneCochee td.sorting_1 {
    background: #cccccc;
}
/* Ligne paire colonne triée, ligne cochée */
table.dataTable tr.even.ligneCochee td.sorting_1 {
    background: #bfbfbf;
}
/* Bordure tableau */
thead th, /* Bordure bas des th (obliger de définir spécifiquement sinon bordure noir par défaut) */
table {
    border-bottom: none !important;
}
.dataTables_wrapper {
    position: relative;
    top: -95px;
}

/*positionner le footer en haut*/
.dataTable tfoot {
    display: inline-table !important;
    background-color: #ffffff;
}
tfoot .forcerSur1Ligne {
    white-space: normal;
}
table.dataTable tfoot th {
	padding: 0 8px 0 8px !important;
    position: relative;
    border-bottom : none!important;
    /*min-width: 158px;*/
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px none #111;
}

table.dataTable .rechercheParColonne {
    border-style: none none none none!important;
    background: url("/ressource/image/commun/ic_loupe_noir.png") no-repeat 3px 3px!important;
   
    border-width: 1px;
    border-color: #ec9249;
}

table.dataTable .rechercheParColonneVide {
    border-style: none none none none!important;
    border-radius: 0!important;
    width: 100%;
    display: block;
    padding: .75px 18px;
    height: 19px;
}
.viderSaisieColonne {
    top: 6px;
    border-bottom: 1px solid #ec9249;
}
.contenuCaption {
    float:left;
}
/*Redimentionnement automatique*/
table.dataTable {
    min-width: 410px !important;
    max-width: 1px !important;
    background: transparent !important;
}
table.dataTable.DTCR_clonedTable {
    min-width: 150px!important;
    width: 150px!important;
    max-width: 150px!important;  
}




/*largeur des colonnes*/
#listeDesLargeursColonnes .width30 {
    min-width: 30px!important;
    width: 30px!important;
    max-width: 30px!important;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal!important;
}
    
#listeDesLargeursColonnes .width40 {
    min-width: 40px!important;
    width: 40px!important;
    max-width: 40px!important;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal!important;
}
#listeDesLargeursColonnes .width60 {
    min-width: 60px!important;
    width: 60px!important;
    max-width: 60px!important;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal!important;
} 
#listeDesLargeursColonnes .width100 {
    min-width: 100px!important;
    width: 100px!important;
    max-width: 100px!important;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal!important;
} 
#listeDesLargeursColonnes .width125 {
    min-width: 125px!important;
    width: 125px!important;
    max-width: 125px!important;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal!important;
} 
#listeDesLargeursColonnes .width135 {
    min-width: 135px!important;
    width: 135px!important;
    max-width: 135px!important;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal!important;
} 
#listeDesLargeursColonnes .width140 {
    min-width: 140px!important;
    width: 140px!important;
    max-width: 140px!important;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal!important;
} 
.width10 {
    min-width: 18px!important;
    width: 18px!important;
    max-width: 18px!important;
}
.width30 {
    min-width: 30px!important;
    width: 30px!important;
    max-width: 30px!important;
}
.width40 {
    min-width: 40px!important;
    width: 40px!important;
    max-width: 40px!important;
}
.width60 {
    min-width: 60px!important;
    width: 60px!important;
    max-width: 60px!important;
}


.width100 {
    min-width: 100px!important;
    width: 100px!important;
    max-width: 100px!important;
    
}


.width125 {
    min-width: 125px!important;
    width: 125px!important;
    max-width: 125px!important;
}


.width135 {
    min-width: 135px!important;
    width: 135px!important;
    max-width: 135px!important;
}


.width140 {
    min-width: 140px!important;
    width: 140px!important;
    max-width: 140px!important;
}


.width150 {
    min-width: 150px!important;
    width: 150px!important;
    max-width: 150px!important;

}
.width170 {
    min-width: 170px!important;
    width: 170px!important;
    max-width: 170px!important;
}

.width300 {
    min-width: 300px!important;
    width: 300px!important;
    max-width: 300px!important;
}

td.width10 {
    word-wrap: break-word;
}
td.width30 {
    word-wrap: break-word;
}
td.width40 {
    word-wrap: break-word;
}
td.width60 {
    
    word-wrap: break-word;
}


.width100 {
    min-width: 100px!important;
    width: 100px!important;
    max-width: 100px!important;
    word-wrap: break-word;
    
}


td.width125 {
   
    word-wrap: break-word;
}


td.width135 {
    
    word-wrap: break-word;
}


td.width140 {
    word-wrap: break-word;
}


td.width150 {
   
    word-wrap: break-word;

}
td.width170 {
    
    word-wrap: break-word;
}

td.width300 {
    word-wrap: break-word;
}



/*.top {
    max-height: 250px;
    overflow-y: scroll;
}*/
div.FixedHeader_Cloned th,div.FixedHeader_Cloned td{background-color:white !important}

.listeLargeursColonnes {
    width: 60%;
    margin: auto;
    left: 20%;
    top: 1%;
    min-width: 895px;
    
}
#conteneurPage2 .listeLargeursColonnes, .modeVisualisation2 .listeLargeursColonnes{
    width: 100%;
    margin: auto;
    left: 1%;
    top: 1%;
    
}

#listeDesLargeursColonnes tbody{
    height: 380px!important;
}
/* Icones calendrier */
.ui-datepicker-trigger {
    position: relative;
    top: 3px;
    left: 5px;
    top:5px ;
}
.ui-icon {
	text-indent: -99999px; 
	overflow: hidden; 
	display: block; 
	background-repeat: no-repeat;
}
.ui-datepicker {
	padding: 3px 3px 0; 
	width: 200px; 
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	padding: 3px 0px; 
	position: relative;
} 
.ui-datepicker .ui-datepicker-prev {
	top: 2px; 
	width: 29px; 
	height: 29px; 
	left: 10px; 
	position: absolute;
	background:url("/ressource/image/commun/precedantCalendrier.png") no-repeat;
}
.ui-datepicker .ui-datepicker-next {
	top: 2px; 
	width: 29px; 
	height: 29px;
	right:2px; 
	position: absolute;
	background:url("/ressource/image/commun/suivantCalendrier.png") no-repeat;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 37px; 
	text-align: center; 
	line-height: 13px;
	height:15px;
	font-family: Verdana,Arial,sans-serif; 
	font-size: 10px;
}
.ui-datepicker table {
	margin: 0 0 6px; 
	width: 100%; 
	font-size: 14px; 
	border-collapse: collapse;
}
.ui-datepicker th {
	text-align: center; 
	font-weight: bold;
	line-height: 13px;
	height:15px;
	font-family: Verdana,Arial,sans-serif; 
	font-size: 10px;
}
.ui-datepicker td {
	padding: 1px; 
	border: 0px currentColor;
	font-family: Verdana,Arial,sans-serif; 
	font-size: 10px;
}
.ui-datepicker td span {
	padding: 3px; 
	text-align: right; 
	text-decoration: none; 
	display: block;
}
.ui-datepicker td a {
	padding: 3px; 
	text-align: right; 
	text-decoration: none; 
	display: block;
}
.ui-widget textarea {
	font-family: Verdana,Arial,sans-serif; 
	font-size: 16px;
}
.ui-widget button {
	font-family: Verdana,Arial,sans-serif; 
	font-size: 14px;
}
.ui-widget-content {
	background: #ffffff; 
	border: 1px solid #aaaaaa; 
	color: #222222;
}
#ui-datepicker-div .ui-widget-header {
	background: #cccccc; 
	border: 1px solid #aaaaaa; 
	color: #222222; 
	font-weight: bold;
	font-size:12px;
}
.ui-widget-content .ui-state-default {
	background: #e6e6e6; 
	border: 1px solid #d3d3d3; 
	color: #555555; 
	font-weight: normal;
}
.ui-datepicker-close {
    display:none;
}
.ui-datepicker-today .ui-state-default {
    background: none repeat scroll 0 0 #fcefa1;
}
.ui-datepicker-buttonpane.ui-widget-content {
    border: medium none;
    padding: 2px;
    text-align: center;
}
#layoutLightBox {
    display: none;
    height: 100%;
    width: 100%;
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    opacity: 0.3;
}
#contenuLightBox {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 11;
}
#iconeFermetureLightBox,
#iconeFermetureNavigateurFichiers {
    position: absolute;
    top: -15px;
    right: -15px;
    cursor: pointer;
}
#imageLightBox {
   /* max-height: 500px;
    max-width: 500px;*/
}


        
#layoutPopupConditionGeneral {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    display: none;
    cursor: pointer;
    background-image: -webkit-radial-gradient(center,rgba(255,255,255,.83),rgba(63,65,63,.76),rgba(0,0,0,.87))!important;
    background-image: -moz-radial-gradient(center,rgba(255,255,255,.83),rgba(63,65,63,.76),rgba(0,0,0,.87))!important;
}
#popupConditionGeneral{ 
    display: none;
    width: 600px;
    margin: -100px 0 0 -300px;
    background: #fff;
    border: 1px solid #555555;
    position: fixed;
    top: 40%; 
    left: 50%;
    z-index: 14;
	
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
}
#messageConditionGeneral{
    height: auto;
    width: 96.5%;
    min-height: 60px;
    margin: 11px 0px 0 20px;
    font-size: 16px;
    max-height: 300px;
    overflow: auto;
}
#titreAlerteCGV {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 7px 30px 5px 25px;
    margin: 9px 13px 0px;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background: #d82440;
    max-width: 37%;
}

#popupConditionGeneral input[type="button"]{
    margin : 0 15px 10px 0;
    float: right;
    display: block;
}
#lienPdf{
    display:none;
    width: 260px;
    font-size: 14px;
    margin: 24px 19px -19px 26px
}
#lienPdf .lienPdf{
    text-decoration: underline;
    color: cornflowerblue;
    cursor: pointer;
}

#messageConditionGeneral::-webkit-scrollbar {
    width: 12px;
}
 
#messageConditionGeneral::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
#messageConditionGeneral::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
        
#layoutAlerteReinitialiserRenommageColonne {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    display: none;
    cursor: pointer;
    background-image: -webkit-radial-gradient(center,rgba(255,255,255,.83),rgba(63,65,63,.76),rgba(0,0,0,.87))!important;
    background-image: -moz-radial-gradient(center,rgba(255,255,255,.83),rgba(63,65,63,.76),rgba(0,0,0,.87))!important;
}
#alerteReinitialiserRenommageColonne { 
    display: none;
    width: 600px;
    margin: -100px 0 0 -300px;
    background: #fff;
    border: 1px solid #555555;
    position: fixed;
    top: 40%; 
    left: 50%;
    z-index: 14;
	
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
}
#messageAlerteReinitialiserRenommageColonne{
    height: auto;
    width: 96.5%;
    min-height: 60px;
    margin: 25px 0px 0 20px;
    font-size: 16px;
    max-height: 300px;
    overflow: auto;
}


#alerteReinitialiserRenommageColonne input[type="button"]{
    margin : 0 15px 10px 0;
    float: right;
    display: block;
}
#reinitialiserRenommageColonne {
    margin-left: 20px;
}

        
#layoutPopupMiseAJourPanier {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    display: none;
    cursor: pointer;
    background-image: -webkit-radial-gradient(center,rgba(255,255,255,.83),rgba(63,65,63,.76),rgba(0,0,0,.87))!important;
    background-image: -moz-radial-gradient(center,rgba(255,255,255,.83),rgba(63,65,63,.76),rgba(0,0,0,.87))!important;
}
#alertePopupMiseAJourPanier { 
    display: none;
    width: 600px;
    margin: -100px 0 0 -300px;
    background: #fff;
    border: 1px solid #555555;
    position: fixed;
    top: 40%; 
    left: 50%;
    z-index: 14;
	
    box-shadow: 0 0 5px 2px #b3b3b3;
    -moz-box-shadow: 0 0 5px 2px #b3b3b3;
    -webkit-box-shadow: 0 0 5px 2px #b3b3b3;
}
#messagePopupMiseAJourPanier{
    height: auto;
    width: 96.5%;
    min-height: 60px;
    margin: 25px 0px 0 20px;
    font-size: 16px;
    max-height: 300px;
    overflow: auto;
}


#alertePopupMiseAJourPanier input[type="button"]{
    margin : 0 15px 10px 0;
    float: right;
    display: block;
}

@charset "UTF-8";

@font-face {
  font-family: "lgi-font";
  src:url("/ressource/police/lgi-font.eot");
  src:url("/ressource/police/lgi-font.eot?#iefix") format("embedded-opentype"),
    url("/ressource/police/lgi-font.woff") format("woff"),
    url("/ressource/police/lgi-font.ttf") format("truetype"),
    url("/ressource/police/lgi-font.svg#lgi-font") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "lgi-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "lgi-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.icon-lock:before {
  content: "\61";
}
.icon-map-marker:before {
  content: "\62";
}
.icon-telephone:before {
  content: "\66";
}
.icon-user-1:before {
  content: "\69";
}
.icon-google-plus:before {
  content: "\65";
}
.icon-facebook:before {
  content: "\63";
}
.icon-envelope-o:before {
  content: "\67";
}
.icon-pinterest-p:before {
  content: "\68";
}
.icon-arrow-down:before {
  content: "\6a";
}
.icon-arrow-down-1:before {
  content: "\6b";
}
.icon-ic-check:before {
  content: "\6c";
}
.icon-ic-check-vide:before {
  content: "\6d";
}
.icon-ic-liste:before {
  content: "\6e";
}
.icon-ic-mosaique:before {
  content: "\6f";
}
.icon-twitter:before {
  content: "\64";
}
.icon-truck:before {
  content: "\70";
}
.icon-car:before {
  content: "\71";
}
.icon-youtube:before {
  content: "\72";
}
.icon-eur:before {
  content: "\73";
}
.icon-sticky-note-o:before {
  content: "\74";
}
.icon-plus-square-o:before {
  content: "\75";
}
.icon-paperclip:before {
  content: "\76";
}
.icon-calendar:before {
  content: "\77";
}
.icon-check-valide:before {
  content: "\78";
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  
  
  
  
  
  
#wrapper {
  float: left;
  width: 100%;
  margin-bottom: 50px;
  }

.rslides h1 {
  font: 600 28px/36px sans-serif;
  margin: 50px 0;
  }

.rslides h3 {
  font: 600 18px/24px sans-serif;
  color: #999;
  margin: 0 0 20px;
  }

.rslides a {
  color: #222;
  }

.rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }