@charset "utf-8";

/* Import */
@import url('https://fonts.googleapis.com/css?family=Roboto|Lato|Heebo:500|Rubik');

/* Global */
html, body {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Roboto", "Trebuchet MS", Arial, "Times New Roman", sans-serif;
	font-size: 10pt;
	background-color: rgb(245, 245, 245);
}
.end-float {
	display: block;
	clear: both;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

.loading {
	border-radius: 50%;
	width: 24px;
	height: 24px;
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}
.loading.blue {
	border: 5px solid rgba(81, 180, 228, 0.2);
	border-top-color: rgb(81, 180, 228);
}
.loading.grey {
	border: 5px solid rgba(100, 100, 100, 0.2);
	border-top-color: rgb(100, 100, 100);
}
.loading.white {
	border: 5px solid rgba(255, 255, 255, 0.2);
	border-top-color: rgb(255, 255, 255);
}
.loading.hide {
	visibility: hidden;
}

.div-loader {
	width: 100%;
	height: 260px;
}
.div-loader .loaderStats {
	display : block;
	margin : auto auto;
	margin-top: 100px;
}
.div-loader {
	width: 100%;
	height: 260px;
}
.div-loader .loaderStats {
	display : block;
	margin : auto auto;
	margin-top: 100px
}

@media only screen and (max-width: 600px) {
	html, body { font-size: 12pt; -webkit-text-size-adjust: none; }
	
	#header {
		display: block;
		position: fixed;
		overflow: hidden;
		z-index: 901;
		width: 100%;
		height: 70px;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		background-color: white;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	}
	#header .colorStore {
		display: block;
		width: 100%;
		height: 7px;
		margin: 0;
		padding: 0;
		background-color: white;
	}
	#header .iconMenu {
		display: block;
		float: left;
		width: 79px;
		height: 63px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 20px 20px;
		background-image: url(../image/icone/header/menu-mobile.svg);
		cursor: pointer;
		border-right: 1px solid rgb(230, 230, 230);
		transition: 0.15s;
	}
	#header .iconMenu.select {
		background-image: url(../image/icone/header/menu-mobile-light.svg);
		background-color: rgb(17, 21, 39);
	}
	#header .ariane {
		display: block;
		float: left;
		width: calc((100% - 160px) / 2);
		margin: 0;
		padding: 0;
	}
	#header .ariane .title {
		display: block;
		overflow: hidden;
		float: left;
		width: calc(100% - 24px);
		margin: 0;
		padding: 0 12px;
		font-size: 12pt;
		text-transform: uppercase;
		line-height: 63px;
		text-align: left;
		color: rgb(0, 0, 0);
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#header .ariane .item {
		display: none;
	}
	#header #CA-enseigne {
		display: block;
		float: right;
		width: calc(((100% - 160px) / 2) - 12px);
		margin: 0;
		padding: 0 12px 0 0;
		text-align: right;
		font-size: 12pt;
		font-weight: bold;
		line-height: 63px;
		color: rgb(50, 50, 50);
		border-right: 1px solid rgb(230, 230, 230);
	}
	#header .iconNotification {
		display: none;
	}
	#header .iconSearch {
		display: block;
		float: right;
		width: 79px;
		height: 63px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 20px 20px;
		background-image: url(../image/icone/search.svg);
		cursor: pointer;
		transition: 0.15s;
	}
	#header #alertNotification {
		display: none;
	}
	
	#menu-mobile {
		display: block;
		position: fixed;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		height: calc(100% - 70px);
		top: 70px;
		left: -100%;
		background-color: rgb(17, 21, 39);
		transition: all 0.15s;
	}
	#menu-mobile .block {
		display: block;
		overflow: hidden;
		width: 100%;
		max-height: 0;
		margin: 0;
		padding: 0;
		background-color: rgb(27, 31, 49);
		transition: all 0.25s;
	}
	#menu-mobile .block.visible {
		max-height: none;
	}
	#menu-mobile a {
		text-decoration: none;
		color: inherit;
	}
	#menu-mobile .item {
		display: block;
		width: calc(100% - 30px);
		margin: 0;
		padding: 15px 15px;
		font-size: 12pt;
		line-height: 22px;
		text-align: left;
		color: white;
		border-bottom: 1px solid rgb(50, 50, 50);
	}
	#menu-mobile .block .item {
		width: calc(100% - 50px);
		padding-left: 35px;
	}
	#menu-mobile .item .beta {
		display: block;
		float: right;
		margin: 0;
		padding: 0 10px;
		font-size: 9pt;
		line-height: 24px;
		text-align: center;
		color: white;
		background-color: #ff901f;
		border-radius: 12px;
	}
	#menu-mobile .item .arrow {
		display: block;
		float: right;
		width: 16px;
		height: 16px;
		margin: 0;
		padding: 3px 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 16px 16px;
		background-image: url(../image/icone/menu/arrow-menu-mobile.svg);
		transition: all 0.15s;
	}
	#menu-mobile .item .arrow.reverse {
		transform: rotate(180deg);
	}
	
	.comble { display: block; height: 70px; margin: 0; padding: 0; background-color: rgb(245, 245, 245); }
	
	#choicePage { display: none; }
	#searchBar { display: none; }
	
	.customSelect {
		display: none;
		position: absolute;
		z-index: 12;
		overflow-x: hidden;
		overflow-y: auto;
		width: 300px;
		max-height: 0;
		margin: 0;
		padding: 10px;
		border-radius: 5px;
		background-color: white;
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
		opacity: 0.0;
	}
	.customSelect.w100 {
		width: 100px;
	}
	.customSelect.w200 {
		width: 200px;
	}
	.customSelect.inLightbox {
		z-index: 1013;
	}
	.customSelect .title {
		display: block;
		margin: 5px 10px 10px 10px;
		padding: 0;
		font-size: 9pt;
		text-align: left;
	}
	.customSelect ul {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.customSelect ul a {
		text-decoration: none;
		color: inherit;
	}
	.customSelect ul li {
		display: block;
		width: calc(100% - 20px);
		margin: 5px 0 0 0;
		padding: 10px 10px;
		text-align: left;
		border-radius: 6px;
		transition: all 0.15s;
		cursor: pointer;
	}
	.customSelect ul li:first-child {
		margin-top: 0;
	}
	.customSelect ul li:hover {
		background-color: rgba(51, 150, 198, 0.1);
	}
	.customSelect ul li .puce {
		display: block;
		float: left;
		width: 10px;
		height: 10px;
		margin: 11px 15px 0 0;
		padding: 0;
		border-radius: 5px;
		background-color: rgb(230, 230, 230);
		transition: all 0.15s;
	}
	.customSelect ul li .puce.add {
		width: 10px;
		height: 10px;
		border-radius: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px 10px;
		background-image: url(../image/icone/add.svg);
	}
	.customSelect ul li .puce.remove {
		width: 10px;
		height: 10px;
		border-radius: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px 10px;
		background-image: url(../image/icone/remove.svg);
	}
	.customSelect ul li .puce.checked {
		width: 14px;
		height: 14px;
		border-radius: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 14px 14px;
		background-image: url(../image/icone/checked.svg);
	}
	.customSelect ul li.selected .puce {
		background-color: rgba(51, 150, 198, 1);
	}
	.customSelect ul li:hover .puce:not(.add, .remove, .checked) {
		background-color: rgba(51, 150, 198, 1);
	}
	.customSelect ul li:hover .puce.warning {
		background-color: #ef1b00;
	}
	.customSelect ul li .wrapText {
		display: block;
		float: left;
		width: calc(100% - 25px);
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.customSelect ul li .wrapText.checked {
		width: calc(100% - 29px);
	}
	.customSelect ul li .wrapText span {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.customSelect ul li .wrapText span.main {
		font-size: 10pt;
	}
	.customSelect ul li .wrapText span.secondary {
		font-size: 9pt;
		color: rgb(160, 160, 160);
	}
	.customSelect ul li .wrapText span.main.warning {
		color: #ef1b00;
	}
	.customSelect ul li .wrapText span em {
		font-size: 8pt;
		color: rgb(130, 130, 130);
	}
	.customSelect ul li.soloItem p {
		display: block;
		width: calc(100% - 25px);
		margin: 0;
		padding: 0 0 0 25px;
		font-size: 10pt;
		text-align: left;
		transition: all 0.15s;
	}
	.customSelect ul li.soloItem:hover p {
		background-color: rgba(51, 150, 198, 1);
	}
	.customSelect ul li.soloItem .puce {
		margin-top: 2px;
	}
	.customSelect ul li.soloItem .puce.checked {
		margin-top: 0;
	}
	
	.comble { display: block; height: 70px; margin: 0; padding: 0; background-color: rgb(245, 245, 245); }
	
	#searchBar { display: block; overflow: hidden; }
	#searchBar .contentInput { display: block; float: left; width: calc(100% - 110px); height: 60px; margin: 0; padding: 0; background-color: rgb(240, 240, 240); }
	#searchBar .contentInput.month { width: 50%; }
	#searchBar .contentInput.year { width: calc(50% - 60px); }
	#searchBar .contentInput.search { width: 60px; background-color: rgb(81, 180, 228); background-repeat: no-repeat; background-position: center center; }
	#searchBar .contentInput .select { display: block; width: 100%; height: 60px; margin: 0; padding: 0 0 0 10px; font-size: 11pt; text-align: left;  white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: rgb(50, 50, 50); border: none; background-repeat: no-repeat; background-position: right 10px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; cursor: pointer; transition: all 0.2s; }
	#searchBar .contentInput .submit { display: block; width: 60px; height: 60px; margin: 0; padding: 0; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; cursor: pointer; }
	#searchBar .contentInput .select.uppercase { text-transform: uppercase; }
	#searchBar .contentInput .select:focus, #searchBar .contentInput .submit:focus { outline: none; }
	
	.content { display: block; overflow: hidden; width: 100%; margin: 0; padding: 0; background-color: white; }
	.content.extend {  }
	.content.bloc {  }
	.content.surPadding { padding-top: 30px; padding-bottom: 10px; }
	.content.padding { padding: 10px 0; }
	.content.margin {  }
	.content.marginReport { margin-top: 55px; }
	.content.rounded { border-radius: 0; }
	.content.shadow {  }
	.content.extend.blue { background-color: rgb(91, 190, 238); color: white; }
	.content.extend.orange { background-color: #ff7d44; color: white; }
	.content.extend.yellow { background-color: rgb(255, 248, 116); color: black; }
	.content.extend.red { background-color: rgb(255, 97, 86); color: white; }
	.content.extend.green { background-color: rgb(0, 201, 102); color: white; }
	.content.part { width: calc(100% - 20px); margin: 0; padding: 10px; }
	.content.withScrolling { width: calc(100% - 200px); margin: 0 60px 0 160px; }
	.content .wrap { display: block; padding: 0; border: rgb(210, 210, 210) 1px solid; border-bottom-width: 2px; border-radius: 3px; background-color: white; }
	.content .wrap.extend { width: calc(100% - 20px);margin: 0; padding: 10px; }
	.content .wrap.splitFifty { float: left; width: calc(50% - 12px); margin: 0 0 10px 0; }
	.content .wrap.splitOneQuarter { float: left; width: calc(25% - 12px); margin: 0 0 10px 0; }
	.content .wrap.splitThreeQuarter { float: left; width: calc(75% - 12px); margin: 0 0 10px 0; }
	.content .wrap.splitFifty.left, .content .wrap.splitOneQuarter.left, .content .wrap.splitThreeQuarter.left { margin-right: 10px; }
	.content .wrap.splitFifty.right, .content .wrap.splitOneQuarter.right, .content .wrap.splitThreeQuarter.right { margin-right: 10px; }
	.content .wrap.clear { clear: both; }
	.content .text { width: calc(100% - 30px); margin: 0; padding: 15px; font-size: 10pt; line-height: 18px;  }
	.content .description { width: calc(100% - 30px); margin: 0; padding: 0 15px; font-size: 11pt;  }
	.content .jours { width: 100%; margin: 0; padding: 15px 0; font-size: 16pt; line-height: 45pt; text-align: center;  }
	.content .jours span { font-size: 28pt; margin: 0 10px; padding: 8px 23px; background-color: #EB6930; border-radius: 35px; }
	.content .download { display: block; float: right; margin: -20px 20px 15px 0; padding: 15px; background-color: #EB6930; border-radius: 3px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: all 0.2s; }
	.content .download:hover { background-color: #D7551C; }
	.content .regul { display: block; float: right; margin: -10px 20px 15px 0; padding: 15px; background-color: rgb(235, 77, 66); border-radius: 3px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: all 0.2s; }
	.content .regul:hover { background-color: rgb(215, 67, 46); }
	
	.content .blockAction {
		display: block;
		float: left;
		width: calc((100% / 3) - 10px);
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center top 25px;
		background-size: 50px 50px;
		background-color: white;
		cursor: pointer;
		transition: all 0.15s;
	}
	.content .blockAction.rounded {
		border-radius: 3px;
	}
	.content .blockAction.shadow {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}
	.content .blockAction.shadow:hover {
		background-color: rgb(250, 250, 250);
	}
	.content .blockAction.raz {
		float: none;
		width: 100%;
		margin: 0;
		background-color: #ef1b00;
	}
	.content .blockAction.raz:hover {
		background-color: #B31800;
	}
	.content .blockAction.mail {
		margin-right: 10px;
		background-image: url(../image/icone/form/at.svg);
	}
	.content .blockAction.passwordManager {
		margin-left: 5px;
		margin-right: 5px;
		background-size: 55px 55px;
		background-image: url(../image/icone/form/monitor.svg);
	}
	.content .blockAction.passwordApp {
		margin-left: 10px;
		background-size: 55px 55px;
		background-image: url(../image/icone/form/password.svg);
	}
	.content .blockAction .title {
		display: block;
		width: calc(100% - 30px);
		margin: 85px 0 10px 0;
		padding: 15px;
		font-size: 11pt;
		line-height: 20px;
		text-align: center;
	}
	.content .blockAction.passwordManager .title, .content .blockAction.passwordApp .title {
		margin-top: 105px;
	}
	.content .blockAction .alert {
		display: block;
		width: calc(100% - 30px);
		margin: 0;
		padding: 15px;
		font-size: 11pt;
		line-height: 20px;
		text-align: center;
		color: white;
	}
	
	.comblePlus {
		display: none;
	}
	#wrapNav {
		display: none;
	}
	
	.blockMessage { display: block; width: calc(100% - 280px); margin: 10px 0 0 240px; padding: 15px; background-repeat: no-repeat; background-position: 15px center; border-radius: 3px; }
	.blockMessage.valid { background-color: #1BA679; }
	.blockMessage.error { background-color: #dd3932; }
	.blockMessage .text { display: block; float: left; width: calc(100% - 85px); margin: 0; padding: 0 0 0 40px; font-size: 10pt; line-height: 15pt;  text-align: left; color: #ffffff; }
	.blockMessage .close { display: block; float: right; width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: center center; }
	
	.blockUpdate { display: block; margin: 0; padding: 10px; background-color: #ffffce; }
	.blockUpdate p { display: block; margin: 0 0 10px 0; padding: 0; font-size: 12pt; line-height: 20px; font-weight: bold;  color: rgb(50, 50, 50); }
	.blockUpdate ul { display: block; margin: 15px 0 15px 0; padding: 0; list-style-type: none; }
	.blockUpdate ul li { padding: 5px 12px 5px 15px; font-size: 11pt; line-height: 20px;  }
	.blockUpdate .goChange { display: block; width: 100%; height: 45px; margin: 0 0 5px 0; padding: 0 15px 0 40px; text-align: center; font-size: 12pt; line-height: 45px; color: white;  cursor: pointer; border: none; border-radius: 2px; background-repeat: no-repeat; background-position: left 12px center; background-color: rgb(81, 180, 228); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all 0.2s; }
	.blockUpdate .goChange:hover { background-color: rgb(61, 160, 208); }
	
	#list table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: none; background-color: transparent; }
	#list table tr { height: 80px; border-bottom: rgb(228, 238, 242) 1px solid; border-bottom-color: rgb(240, 240, 240); background-color: white; }
	#list table tr.subheader { height: 30px; background-color: rgb(230, 230, 230); font-size: 9pt; }
	#list table tr:hover { background-color: rgb(250, 250, 250); }
	#list table tr:first-child { display: none; }
	#list table td { padding: 0 7px; font-size: 12pt; line-height: 17px; font-weight: normal;  color: rgb(50, 50, 50); }
	#list table td a { text-decoration: none; color: inherit; }
	
	#helpPopup { display: block; position: fixed; z-index: 1000000000; max-width: 215px; left: 0; top: 0; margin: 0; padding: 0; background-color: transparent; }
	#helpPopup.error {  }
	#helpPopup .text { display: block; overflow: hidden; max-width: 185px; margin: 0; padding: 15px; background-color: rgb(100, 100, 100); font-size: 10pt; line-height: 16px; text-align: center;  color: white; border-radius: 3px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); }
	#helpPopup .arrow { display: block; width: 10px; height: 5px; margin: 0 auto; padding: 0; background-repeat: no-repeat; background-position: center top; }
	
	#barAction { display: block; position: fixed; z-index: 100000; width: calc(100% - 140px); height: 80px; left: 140px; top: 0; background-color: rgba(255, 255, 255, 0); }
	#barAction .listAnchor { display: block; float: left; height: 50px; margin: 20px 0 0 40px; padding: 0; list-style-type: none; }
	#barAction .listAnchor li { display: block; float: left; width: 48px; height: 48px; margin: 0 10px 0 0; padding: 0; border-radius: 24px; cursor: pointer; background-color: rgb(220, 220, 220); background-repeat: no-repeat; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .listAnchor li:hover { background-color: rgb(180, 180, 180); }
	#barAction .btnDuplicate { display: block; float: right; width: 50px; height: 50px; margin: 20px 10px 0 0; padding: 0; border-radius: 25px; cursor: pointer; background-color: rgb(160, 160, 160); background-repeat: no-repeat; background-position: center center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .btnDuplicate.hide { display: none; }
	#barAction .btnDuplicate:hover { background-color: rgb(140, 140, 140); }
	#barAction .btnCancel { display: block; float: right; width: 50px; height: 50px; margin: 20px 10px 0 0; padding: 0; border-radius: 25px; cursor: pointer; background-color: rgb(211, 35, 38); background-repeat: no-repeat; background-position: center center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .btnCancel:hover { background-color: rgb(191, 15, 18); }
	#barAction .btnSave { display: block; float: right; width: 60px; height: 60px; margin: 8px 40px 0 0; padding: 0; border-radius: 30px; cursor: pointer; background-color: rgb(81, 180, 228); background-repeat: no-repeat; background-position: center center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .btnSave:hover { background-color: rgb(61, 160, 208); }
	#barAction .listAnchor li:active, #barAction .btnDuplicate:active, #barAction .btnCancel:active, #barAction .btnSave:active { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); }
	
	#manageCheckbox { display: none; }
	#manageCheckbox #indice { display: none; }
	#manageCheckbox #select { display: none; }
	#manageCheckbox #active { display: none; }
	#manageCheckbox #delete { display: none; }
	#manageCheckbox #update { display: none; }
	
	.content .partForm { display: block; clear: both; margin: 0; padding: 0; }
	.content .partForm.last { border-bottom: none; }
	.content .partForm .wrapTitlePart { display: block; float: left; width: calc(25% - 20px); margin: 0; padding: 10px 10px; }
	.content .partForm .wrapTitlePart .logo { display: block; float: left; width: 60px; height: 60px; margin: 0; padding: 0; border: none; border-radius: 30px; background-color: rgb(230, 230, 230); background-repeat: no-repeat; }
	.content .partForm .wrapTitlePart .wrapTitle { display: block; float: left; width: calc(100% - 80px); margin: 0 0 0 10px; padding: 0; }
	.content .partForm .wrapTitlePart .wrapTitle .title { display: block; margin: 0; padding: 12px 0 0 0; text-align: left; color: rgb(100, 100, 100); font-weight: bold; font-size: 10pt; line-height: 20px; text-transform: none;  }
	.content .partForm .wrapTitlePart .wrapTitle .description {  display: block; margin: 0; padding: 5px 0 0 0; text-align: left; color: rgb(150, 150, 150); font-size: 10pt; line-height: 16px; text-transform: none;  }
	.content .partForm .wrapInputPart { display: block; float: left; width: calc(75% - 100px); margin: 0; padding: 15px 15px 30px 50px; }
	.content .partForm .wrapInputPart.long { clear: both; width: calc(100% - 40px); margin: 0; padding: 15px 20px 10px 20px; }
	.content .partForm .wrapInputPart .linkTypeForm { display: block; margin: 0; padding: 5px 0 0 0; font-size: 10pt; text-align: right; color: rgb(81, 180, 228); cursor: pointer; }
	.content .partForm .wrapInputPart .linkTypeForm:hover { text-decoration: underline; }
	.content .partForm .wrapInputPart .wrapInput { display: block; clear: both; margin: 0; padding: 6px 0 0 0; }
	.content .partForm .wrapInputPart .wrapFloat { display: block; float: left; width: calc(50% - 20px); margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapFloat.more { width: calc(80% - 20px); }
	.content .partForm .wrapInputPart .wrapFloat.less { width: calc(20% - 20px); }
	.content .partForm .wrapInputPart .wrapFloat.margin { width: calc(50% - 20px); padding-left: 40px; }
	
	.content .partForm .wrapInputPart .wrapInput .contInput { display: block; width: 100%; height: 37px; margin: 10px 0 0 0; padding: 20px 0 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput.noMargin { margin-top: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help { display: block; float: left; width: 20px; height: 20px; margin: 0 20px 0 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help.checkbox { margin: -1px 20px 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help .button { display: block; width: 20px; height: 20px; margin: 7px 0 0 0; padding: 0; font-size: 9pt; line-height: 20px; font-weight: bold; text-align: center;  color: black; cursor: pointer; border-radius: 10px; background-color: rgb(220, 220, 220); }
	.content .partForm .wrapInputPart .wrapInput .contInput .help.checkbox .button { margin-top: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .color { display: block; float: left; width: 20px; height: 20px; margin: 0 10px 0 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .color .pastille { display: block; width: 20px; height: 20px; margin: 7px 0 0 0; padding: 0; cursor: pointer; border-radius: 10px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox { display: block; float: left; width: 20px; height: 20px; margin: -3px 10px 0 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box { position: relative; margin: 0; cursor: pointer; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box:before { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 1rem; height: 1rem; border: 2px solid rgb(180, 180, 180); }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box:checked:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: .5rem; border-color: rgb(61, 160, 208); border-left-width: 5px; border-bottom-width: 5px; border-top-style: none; border-right-style: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box:after { content: ""; position: absolute; left: 0; width: 1.1rem; height: 1.1rem; background: #fff; cursor: pointer; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input { display: block; float: left; width: calc(100% - 40px); height: 35px; margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.color { width: calc(100% - 70px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.checkbox { width: calc(100% - 70px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.discount { width: calc(100% - 170px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.typeDiscount { float: right; width: 120px; margin-top: 1px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.add { width: calc(100% - 200px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.addMore { width: calc(100% - 370px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .label { display: block; margin: 0; padding: 0; text-align: left; color: rgb(100, 100, 100); font-size: 12pt; line-height: 18px; text-transform: none;  cursor: pointer; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel { display: block; position: absolute; margin: -54px 0 0 0; padding: 0; text-align: left; color: rgb(100, 100, 100); font-size: 10pt; line-height: 18px; text-transform: none;  transition: all 0.3s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.textarea { margin: -125px 0 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.free { visibility: hidden; position: absolute; margin: -27px 0 0 0; opacity: 0.0; filter: alpha(opacity=0); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.freetextarea { visibility: hidden; position: absolute; margin: -90px 0 0 0; opacity: 0.0; filter: alpha(opacity=0); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .label.new:before, .content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.new:before { content: "nouveau"; padding-right: 5px; color: #EB6930; font-weight: normal; font-size: 9pt; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .line { display: block; width: 0; height: 2px; margin: -2px 0 0 0; padding: 0; background-color: rgb(61, 160, 208); transition: all 0.5s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield { display: block; width: 100%; height: 35px; margin: 0; padding: 0; font-size: 10pt; text-align: left;  color: rgb(100, 100, 100); border: none; border-bottom: rgb(210, 210, 210) 1px solid; transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield.uppercase { text-transform: uppercase; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus { outline: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus~.mainLabel { visibility: visible; color: rgb(61, 160, 208); margin: -54px 0 0 0; opacity: 1.0; filter: alpha(opacity=1); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus~.line { width: 100%; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus::placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus:-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus::-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus:-ms-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus::-webkit-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select { display: block; width: 100%; height: 35px; margin: 0; padding: 0; font-size: 10pt; text-align: left;  white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: rgb(100, 100, 100); border: none; border-bottom: rgb(210, 210, 210) 1px solid; background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; cursor: pointer; transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select.uppercase { text-transform: uppercase; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus { outline: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus~.mainLabel { visibility: visible; color: rgb(61, 160, 208); margin: -54px 0 0 0; opacity: 1.0; filter: alpha(opacity=1); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus~.line { width: 100%; }
	
	.content .partForm .wrapInputPart .error { display: block; margin: -15px 0 10px 0; padding: 5px 0 0 25px; text-align: left; color: #DD3932; font-size: 10pt;  }
	.content .partForm .wrapInputPart .error.extend { width: calc(100% - 25px); }
	.content .partForm .wrapInputPart .error.float { width: calc(100% - 25px); }
	.content .partForm .wrapInputPart .error.hide { display: none; }
	.content .partForm .wrapInputPart .inputAdd { display: block; float: right; height: 50px; margin: -72px -1px 0 0; padding: 0 50px; border-radius: 0 24px 24px 0; color: rgb(200, 200, 200); background-color: rgb(230, 230, 230); font-size: 10pt; line-height: 50px;  cursor: pointer; transition: all 0.2s; }
	.content .partForm .wrapInputPart .inputAdd.active { background-color: rgb(81, 180, 228); color: white; }
	.content .partForm .wrapInputPart .inputAdd.active:hover { background-color: rgb(61, 160, 208); }
	
	.content .partForm .wrapTitleCenter { display: block; width: 100%; margin: 0; padding: 0; }
	.content .partForm .wrapTitleCenter .title { display: block; margin: 0; padding: 20px 0 0 0; text-align: center; color: rgb(100, 100, 100); font-weight: bold; font-size: 10pt; line-height: 20px; text-transform: none;  }
	.content .partForm .wrapTitleCenter .description { display: block; margin: 0; padding: 5px 0 0 0; text-align: left; color: rgb(150, 150, 150); font-size: 10pt; line-height: 16px; text-transform: none;  }
	.content .partForm .formTab { display: block; width: calc(100% - 40px); margin: 10px 0 20px 0; padding: 0 20px 0 20px; }
	.content .partForm .formTab .contTabLeft { display: block; overflow-y: scroll; overflow-x: hidden; float: left; width: calc(50% - 102px); height: 400px; max-height: 400px; margin: 0; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .formTab .contTabLeft.noMaxHeight { max-height: none; }
	.content .partForm .formTab .contTabRight { display: block; overflow-y: scroll; overflow-x: hidden; float: right; width: calc(50% - 102px); height: 400px; max-height: 400px; margin: 0; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .formTab .contTabLeft .list, .content .partForm .formTab .contTabRight .list { width: 100%; margin: 0; padding: 0; border: none; border-collapse: collapse; }
	.content .partForm .formTab .contTabLeft .list tr, .content .partForm .formTab .contTabRight .list tr { width: 100%; height: 50px; background-color: white; border-top: rgb(220, 220, 220) 1px solid; }
	.content .partForm .formTab .contTabLeft .list tr:first-child, .content .partForm .formTab .contTabRight .list tr:first-child { border-top: none; }
	.content .partForm .formTab .contTabLeft .list tr:hover, .content .partForm .formTab .contTabRight .list tr:hover { background-color: rgba(81, 180, 228, 0.1); }
	.content .partForm .formTab .contTabLeft .list .colName, .content .partForm .formTab .contTabRight .list .colName { width: calc(100% - 50px); height: 50px; padding: 5px; overflow: hidden; white-space: initial; font-size: 10pt; line-height: 20px;  color: rgb(50, 50, 50); }
	.content .partForm .formTab .contTabLeft .list .colButton, .content .partForm .formTab .contTabRight .list .colMove, .content .partForm .formTab .contTabRight .list .colButton { width: 40px; text-align: center; }
	.content .partForm .formTab .contTabLeft .list .colButton .button, .content .partForm .formTab .contTabRight .list .colButton .button { display: block; float: right; width: 20px; height: 20px; margin: 0 15px 0 0; padding: 15px 5px 15px 5px; border: none; cursor: pointer; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .formTab .contTabRight .list .colMove .iconMove { display: block; width: 17px; height: 50px; margin: 0; padding: 0 9px 0 16px; cursor: Row-Resize; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .formTab .section { display: block; overflow: hidden; float: left; width: 170px; margin: 0 15px; padding: 0; }
	.content .partForm .formTab .section .buttonAllAdd {
		display: block;
		overflow: hidden;
		height: 34px;
		margin: 0 auto;
		padding: 0 40px 0 15px;
		cursor: pointer;
		text-align: left;
		font-size: 13px;
		line-height: 34px;
		background-color: rgb(81, 180, 228);
		color: white;
		text-decoration: none;
		border-radius: 2px;
		background-repeat: no-repeat;
		background-position: right 15px center;
		transition: all 0.2s;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		background-image: url('../image/icone/ic-arrow-add.png');
	}
	.content .partForm .formTab .section .buttonAllRemove {
		display: block;
		overflow: hidden;
		height: 34px;
		margin: 328px auto 0 auto;
		padding: 0 15px 0 40px;
		cursor: pointer;
		text-align: right;
		font-size: 13px;
		line-height: 34px;
		background-color: rgb(211, 35, 38);
		color: white;
		text-decoration: none;
		border-radius: 2px;
		background-repeat: no-repeat;
		background-position: 15px center;
		transition: all 0.2s;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		background-image: url('../image/icone/ic-arrow-del.png');
	}
	.content .partForm .formTab .section .buttonAllAdd:hover { background-color: rgb(61, 160, 208); background-position: right 7px center; }
	.content .partForm .formTab .section .buttonAllRemove:hover { background-color: rgb(191, 15, 18); background-position: 7px center; }
	.content .partForm .formLabel { display: block; width: calc(100% - 40px); margin: 15px 0 0 0; padding: 0 20px 0 20px; }
	.content .partForm .formLabel.bar { border-top: rgb(240, 240, 240) 1px solid; margin: 0; padding-top: 20px; }
	.content .partForm .formLabel .tabLeft { display: block; float: left; width: calc(50% - 92px); margin: 0; padding: 0; }
	.content .partForm .formLabel .section { display: block; float: left; width: 150px; margin: 0 15px; padding: 0; }
	.content .partForm .formLabel .tabRight { display: block; float: right; width: calc(50% - 92px); margin: 0; padding: 0; }
	.content .partForm .formLabel .tabLeft .title, .content .partForm .formLabel .tabRight .title { display: block; width: 100%; margin: 0; padding: 0; text-align: center; color: rgb(150, 150, 150); font-size: 10pt; line-height: 16px; text-transform: none;  }
	.content .partForm .linkAddDeclination { text-decoration: none; }
	.content .partForm .buttonAddDeclination { display: block; overflow: hidden; width: calc(100% - 62px); height: 35px; margin: 20px 20px 0 20px; padding: 0 10px 0 10px; cursor: pointer; text-align: center; text-decoration: none; font-size: 13px; line-height: 35px; background-color: rgb(240, 240, 240); color: black; border-radius: 3px; border: rgb(200, 200, 200) 1px solid; }
	.content .partForm .buttonAddDeclination:hover { background-color: rgb(81, 180, 228); color: white; }
	.content .partForm #listSearch { display: block; overflow: scroll; position: absolute; max-height: 225px; left: 0; top: 0; margin: 0; padding: 0; list-style-type: none; font-size: 13px;  color: rgb(70, 70, 70); background-color: white; border: rgb(81, 180, 228) 1px solid; border-top: none; border-bottom-width: 2px; border-radius: 0 0 25px 25px; }
	.content .partForm #listSearch li { display: block; width: calc(100% - 35px); height: 50px; border-bottom: rgb(235, 235, 235) 1px solid; padding: 0 10px 0 25px; line-height: 50px; cursor: pointer; }
	.content .partForm #listSearch li:hover { background-color: rgba(81, 180, 228, 0.1); }
	.content .partForm #listSearch::-webkit-scrollbar { display: none; }
	.content .partForm .titleContKeyboard { display: block; width: 210px; margin: 20px auto 0 auto; padding: 0; }
	.content .partForm .titleContKeyboard span { display: block; float: right; margin: 0; padding: 0; text-align: center; font-size: 13px; line-height: 16px;  color: rgb(50, 50, 50); }
	.content .partForm .titleContKeyboard .help { display: block; float: left; margin: -2px 12px 0 0; padding: 8px; cursor: pointer; background-image: url("../image/icone/ic-help-form.png"); background-repeat: no-repeat; background-position: center center; }
	.content .partForm .contChoiceMenu { display: block; margin: 20px; padding: 0; }
	.content .partForm .contChoiceMenu .choiceMenu { display: block; float: left; width: calc((100% / 3) - 30px); height: 350px; margin: 15px; padding: 0; }
	.content .partForm .contChoiceMenu .choiceMenu .close { display: block; position: relative; width: 34px; height: 34px; margin: 20px 0 0 calc(100% - 20px); padding: 0; border-radius: 17px; background-color: rgb(200, 200, 200); cursor: pointer; background-repeat: no-repeat; background-position: center center; transition: all 0.2s; }
	.content .partForm .contChoiceMenu .choiceMenu .close:hover { background-color: rgb(180, 180, 180); }
	.content .partForm .contChoiceMenu .choiceMenu .title { display: block; width: 100%; margin: -45px 0 0 0; padding: 0; font-size: 10pt; line-height: 30px; text-align: center; }
	.content .partForm .contChoiceMenu .choiceMenu .list { display: block; overflow: hidden; list-style-type: none; width: calc(100% - 2px); height: 318px; margin: 0; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .contChoiceMenu .choiceMenu .list .add { display: block; width: calc(100% - 20px); height: 40px; margin: 0; padding: 0 10px; text-align: left; font-size: 10pt; line-height: 40px; color: rgb(80, 80, 80); background-color: rgb(240, 240, 240); cursor: pointer; transition: all 0.2s; }
	.content .partForm .contChoiceMenu .choiceMenu .list .add:hover { background-color: rgb(220, 220, 220); }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice { display: block; width: 100%; height: 40px; margin: 0; padding: 0; font-size: 10pt; line-height: 40px; color: rgb(80, 80, 80); background-color: rgb(250, 250, 250); }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table { table-layout: fixed; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: none; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table tr { height: 40px; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .type { width: 33px; margin: 0; padding: 0 0 0 10px; font-size: 10pt; color: rgb(180, 180, 180); }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .name { width: 65%; margin: 0; padding: 0 0 0 10px; font-size: 10pt; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .additional { width: 20%; margin: 0; padding: 0 0 0 10px; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .additional input { width: 100%; margin: 0; padding: 0 0 0 0; font-size: 10pt; text-align: right; border: none; background-color: transparent; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .additional input:focus { outline: none; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .delete { width: 60px; margin: 0; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .contChoiceMenu .addChoiceMenu { display: block; overflow: hidden; float: left; width: calc((100% / 3) - 30px); height: 350px; margin: 15px; }
	.content .partForm .contChoiceMenu .addChoiceMenu .add { display: block; width: 80px; height: 80px; margin: 135px auto 0 auto; padding: 0; border-radius: 40px; background-color: rgb(81, 180, 228); background-repeat: no-repeat; background-position: center center; cursor: pointer; transition: all 0.2s; }
	.content .partForm .contChoiceMenu .addChoiceMenu .add:hover { background-color: rgb(61, 160, 208); }
	
	#footerManager { display: none; }
}
@media only screen and (min-width: 601px) and (max-width: 1199px) {
	body::-webkit-scrollbar { display: none; }
	
	#header {
		display: block;
		position: fixed;
		overflow: hidden;
		z-index: 901;
		width: calc(100% - 60px);
		height: 70px;
		left: 0;
		top: 0;
		margin: 0 0 0 60px;
		padding: 0;
		background-color: white;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	}
	#header .colorStore {
		display: block;
		width: 100%;
		height: 7px;
		margin: 0;
		padding: 0;
		background-color: white;
	}
	#header .iconMenu {
		display: none;
	}
	#header .ariane {
		display: block;
		float: left;
		width: calc(100% - 345px);
		margin: 0;
		padding: 0 0 0 5px;
	}
	#header .ariane .title {
		display: none;
	}
	#header .ariane .item {
		display: block;
		overflow: hidden;
		float: left;
		max-width: 200px;
		margin: 0;
		padding: 0 12px;
		font-size: 11pt;
		text-transform: uppercase;
		line-height: 63px;
		text-align: left;
		color: rgb(160, 160, 160);
		text-overflow: ellipsis;
		white-space: nowrap;
		transition: 0.15s;
	}
	#header .ariane .item.link {
		cursor: pointer;
	}
	#header .ariane .item.inProgress {
		color: rgb(50, 50, 50);
	}
	#header .ariane .item.link:hover {
		color: rgb(50, 50, 50);
	}
	#header .ariane .item.separator {
		padding: 0;
	}
	#header .iconNotification {
		display: block;
		float: right;
		width: 80px;
		height: 63px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 24px 24px;
		background-image: url(../image/icone/notification.svg);
		cursor: pointer;
		transition: 0.15s;
	}
	#header .iconSearch {
		display: block;
		float: right;
		width: 80px;
		height: 63px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 24px 24px;
		background-image: url(../image/icone/search.svg);
		cursor: pointer;
		border-right: 1px solid rgb(230, 230, 230);
		transition: 0.15s;
	}
	#header .iconNotification:hover, #header .iconSearch:hover {
		background-color: rgb(240, 240, 240);
	}
	#header #alertNotification {
		display: none;
		float: right;
		width: 20px;
		height: 20px;
		margin: 10px -42px 0 0;
		padding: 0;
		text-align: center;
		font-size:9pt;
		line-height: 20px;
		color: #FFFFFF;
		border-radius: 10px;
		background-color: #dd3932;
		cursor: pointer;
	}
	#header #alertNotificatio.visible {
		display: block;
	}
	#header #CA-enseigne {
		display: block;
		float: right;
		width: 150px;
		margin: 0;
		padding: 0 20px 0 0;
		text-align: right;
		font-size: 12pt;
		font-weight: bold;
		line-height: 63px;
		color: rgb(50, 50, 50);
		border-right: 1px solid rgb(230, 230, 230);
	}
	
	#menu {
		display: block;
		position: fixed;
		z-index: 950;
		overflow-x: hidden;
		overflow-y: auto;
		width: 220px;
		height: 100%;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		background-color: rgb(17, 21, 39);
		transition: width 0.15s;
	}
	#menu.provider {
		background-color: rgb(92, 53, 107);
	}
	#menu.retract {
		width: 60px;
	}
	#menu a {
		text-decoration: none;
	}
	#menu .wrapUser {
		display: block;
		width: 100%;
		margin: 0;
		padding: 15px 0 0 0;
		border-bottom: 1px solid rgb(47, 51, 69);
		cursor: pointer;
		transition: all 0.15s;
	}
	#menu .wrapUser:hover {
		background-color: rgb(27, 31, 49);
	}
	#menu .wrapUser .contPicUser {
		display: block;
		overflow: hidden;
		width: 100px;
		height: 100px;
		margin: 0 auto 15px auto;
		padding: 0;
		border-radius: 50px;
		background-color: rgb(255, 255, 255);
		transition: all 0.15s;
	}
	#menu.provider .wrapUser .contPicUser {
		background-color: transparent;
	}
	#menu .wrapUser .contPicUser .picUser {
		display: block;
		overflow: hidden;
		width: 64px;
		height: 64px;
		margin: 18px;
		padding: 0;
		transition: 0.15s;
	}
	#menu.retract .wrapUser .contPicUser {
		width: 40px;
		height: 40px;
	}
	#menu.retract .wrapUser .contPicUser .picUser {
		width: 24px;
		height: 24px;
		margin: 8px;
	}
	#menu .wrapUser .nameUser {
		display: block;
		width: calc(100% - 20px);
		margin: 0;
		padding: 0 10px 15px 10px;
		text-align: center;
		font-size: 9pt;
		color: white;
		text-decoration: none;
	}
	#menu.retract .wrapUser .nameUser {
		display: none;
	}
	#menu .listItem {
		display: block;
		width: 100%;
		margin: 10px 0 0 0;
		padding: 0;
	}
	#menu .listItem a {
		text-decoration: none;
		color: white;
		transition: all 0.15s;
	}
	#menu .listItem .item {
		overflow: hidden;
		display: block;
		width: calc(100% - 85px);
		height: 45px;
		margin: 5px 0 5px 10px;
		padding: 0 10px 0 55px;
		text-align: left;
		font-size: 9pt;
		border-radius: 6px;
		background-color: transparent;
		cursor: pointer;
		transition: all 0.15s;
		background-size: 20px 20px;
		background-position: left 10px center;
		background-repeat: no-repeat;
	}
	#menu .listItem .item span {
		line-height: 45px;
		color: white;
	}
	#menu.retract .listItem .item {
		width: 20px;
		padding: 0 10px;
	}
	#menu.retract .listItem .item span {
		display: none;
	}
	#menu .listItem .item:not(.selected):hover {
		background-color: rgb(27, 31, 49);
		color: white;
	}
	#menu .listItem .item.selected {
		background-color: rgb(37, 41, 59);
		color: white;
	}
	#menu .listItem .item.selected::after {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		margin: -53px 0 0 136px;
		transform: rotate(45deg);
		background-color: rgb(31, 130, 168);
	}
	#menu.retract .listItem .item.selected::after {
		margin: -8px 0 0 22px;
	}
	#menu .listItem #statistic {
		background-image: url(../image/icone/menu/dashboard.svg);
	}
	#menu .listItem #catalog {
		background-image: url(../image/icone/menu/catalog.svg);
	}
	#menu .listItem #customer {
		background-image: url(../image/icone/menu/customer.svg);
	}
	#menu .listItem #seller {
		background-image: url(../image/icone/menu/seller.svg);
	}
	#menu .listItem #setting {
		background-image: url(../image/icone/menu/setting.svg);
	}
	#menu .listItem #device {
		background-image: url(../image/icone/menu/peripheral.svg);
	}
	#menu .listItem #help {
		background-image: url(../image/icone/menu/help.svg);
	}
	#menu .listSubItem {
		display: block;
		overflow: hidden;
		width: calc(100% - 20px);
		max-height: 0;
		margin: 0 0 0 10px;
		padding: 0;
		transition: all 0.25s;
	}
	#menu .listSubItem.selected {
		background-color: rgb(37, 41, 59);
	}
	#menu .listSubItem.visible {
		margin: -10px 0 0 10px;
		padding: 16px 0 0 0;
		max-height: none;
	}
	#menu .listSubItem a {
		text-decoration: none;
		color: white;
		transition: all 0.15s;
	}
	#menu .listSubItem .subItem {
		overflow: hidden;
		display: block;
		width: calc(100% - 10px);
		height: 45px;
		margin: 5px 0;
		padding: 0 10px 0 0;
		text-align: left;
		font-size: 9pt;
		line-height: 45px;
		color: white;
		border-radius: 6px;
		background-color: transparent;
		cursor: pointer;
		transition: all 0.15s;
	}
	#menu .listSubItem .subItem.beta::after {
		content: " - BETA";
		font-size: 8pt;
		color: #ff723d;
	}
	#menu .listSubItem:not(.selected) .subItem:hover {
		background-color: rgb(27, 31, 49);
		color: white;
	}
	#menu .listSubItem .subItem .puce {
		display: block;
		float: left;
		width: 16px;
		height: 16px;
		margin: 14px 14px 0 15px;
		background-color: rgb(57, 61, 79);
		border-radius: 8px;
		transition: background-color 0.15s;
	}
	#menu .listSubItem .subItem.selected .puce {
		background-color: rgb(31, 130, 178);
	}
	#menu .listSubItem .subItem:hover .puce {
		background-color: rgb(31, 130, 178);
	}
	
	#menu-mobile {
		display: none;
	}
	
	.comble { display: block; height: 70px; margin: 0; padding: 0; background-color: rgb(245, 245, 245); }
	
	#choicePage { display: none; }
	#searchBar { display: none; }
	
	.customSelect {
		display: none;
		position: absolute;
		z-index: 12;
		overflow-x: hidden;
		overflow-y: auto;
		width: 300px;
		max-height: 0;
		margin: 0;
		padding: 10px;
		border-radius: 5px;
		background-color: white;
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
		opacity: 0.0;
	}
	.customSelect.w100 {
		width: 100px;
	}
	.customSelect.w200 {
		width: 200px;
	}
	.customSelect.inLightbox {
		z-index: 1013;
	}
	.customSelect .title {
		display: block;
		margin: 5px 10px 10px 10px;
		padding: 0;
		font-size: 9pt;
		text-align: left;
	}
	.customSelect ul {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.customSelect ul a {
		text-decoration: none;
		color: inherit;
	}
	.customSelect ul li {
		display: block;
		width: calc(100% - 20px);
		margin: 5px 0 0 0;
		padding: 10px 10px;
		text-align: left;
		border-radius: 6px;
		transition: all 0.15s;
		cursor: pointer;
	}
	.customSelect ul li:first-child {
		margin-top: 0;
	}
	.customSelect ul li:hover {
		background-color: rgba(51, 150, 198, 0.1);
	}
	.customSelect ul li .puce {
		display: block;
		float: left;
		width: 10px;
		height: 10px;
		margin: 11px 15px 0 0;
		padding: 0;
		border-radius: 5px;
		background-color: rgb(230, 230, 230);
		transition: all 0.15s;
	}
	.customSelect ul li .puce.add {
		width: 10px;
		height: 10px;
		border-radius: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px 10px;
		background-image: url(../image/icone/add.svg);
	}
	.customSelect ul li .puce.remove {
		width: 10px;
		height: 10px;
		border-radius: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px 10px;
		background-image: url(../image/icone/remove.svg);
	}
	.customSelect ul li .puce.checked {
		width: 14px;
		height: 14px;
		border-radius: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 14px 14px;
		background-image: url(../image/icone/checked.svg);
	}
	.customSelect ul li.selected .puce {
		background-color: rgba(51, 150, 198, 1);
	}
	.customSelect ul li:hover .puce:not(.add, .remove, .checked) {
		background-color: rgba(51, 150, 198, 1);
	}
	.customSelect ul li:hover .puce.warning {
		background-color: #ef1b00;
	}
	.customSelect ul li .wrapText {
		display: block;
		float: left;
		width: calc(100% - 25px);
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.customSelect ul li .wrapText.checked {
		width: calc(100% - 29px);
	}
	.customSelect ul li .wrapText span {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.customSelect ul li .wrapText span.main {
		font-size: 10pt;
	}
	.customSelect ul li .wrapText span.secondary {
		font-size: 9pt;
		color: rgb(160, 160, 160);
	}
	.customSelect ul li .wrapText span.main.warning {
		color: #ef1b00;
	}
	.customSelect ul li .wrapText span em {
		font-size: 8pt;
		color: rgb(130, 130, 130);
	}
	.customSelect ul li.soloItem p {
		display: block;
		width: calc(100% - 25px);
		margin: 0;
		padding: 0 0 0 25px;
		font-size: 10pt;
		text-align: left;
		transition: all 0.15s;
	}
	.customSelect ul li.soloItem:hover p {
		background-color: rgba(51, 150, 198, 1);
	}
	.customSelect ul li.soloItem .puce {
		margin-top: 2px;
	}
	.customSelect ul li.soloItem .puce.checked {
		margin-top: 0;
	}
	
	.content { display: block; overflow: hidden; width: calc(100% - 80px); margin: 10px 10px 0 70px; background-color: white; transition: all 0.15s; }
	.content.extend { width: calc(100% - 60px); margin: 0 0 0 60px; }
	.content.flex {  overflow: visible; width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; }
	.content.bloc { width: calc(100% - 80px); margin: 0 10px 0 70px; }
	.content.surPadding { padding: 30px 0 10px 0; }
	.content.noBlock { padding-bottom: 30px; }
	.content.padding { padding-top: 20px; }
	.content.paddingForButton { padding: 15px 0 5px 0; }
	.content.margin { margin-top: 10px; }
	.content.marginReport { margin-top: 55px; }
	.content.rounded { border-radius: 3px; }
	.content.shadow { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
	.content.noBackgroundColor { overflow: visible; background-color: transparent; }
	.content.extend.blue { background-color: rgb(91, 190, 238); color: white; }
	.content.extend.nf { background-color: #de4e4d; color: white; }
	.content.extend.orange { background-color: #ff7d44; color: white; }
	.content.extend.yellow { background-color: rgb(255, 248, 116); color: black; }
	.content.extend.red { background-color: rgb(255, 97, 86); color: white; }
	.content.extend.green { background-color: rgb(0, 201, 102); color: white; }
	.content.part { width: calc(100% - 160px); margin: 0 20px 0 160px; }
	.content.withScrolling { width: calc(100% - 114px); }
	.content.billing {
		display: none;
		z-index: 100000;
		overflow: hidden;
		background-color: rgb(29, 175, 142);
		height: 80px;
	}
	.content.billing.visible {
		display: block;
	}
	.content.spaceBilling {
		display: none;
		overflow: hidden;
		height: 80px;
		background-color: transparent;
	}
	.content.spaceBilling.visible {
		display: block;
	}
	.content.fixedBilling {
		position: fixed;
		z-index: 1000;
		left: 60px;
		top: 60px;
		margin: 0;
		padding: 0 20px;
		border-radius: 0;
	}
	.content .wrap { display: block; padding: 0; border: rgb(210, 210, 210) 1px solid; border-bottom-width: 2px; border-radius: 3px; background-color: white; }
	.content .wrap.extend { width: calc(100% - 2px); margin: 0 0 10px 0; }
	.content .wrap.splitFifty { float: left; width: calc(50% - 12px); margin: 0 0 10px 0; }
	.content .wrap.splitOneQuarter { float: left; width: calc(25% - 12px); margin: 0 0 10px 0; }
	.content .wrap.splitThreeQuarter { float: left; width: calc(75% - 12px); margin: 0 0 10px 0; }
	.content .wrap.splitFifty.left, .content .wrap.splitOneQuarter.left, .content .wrap.splitThreeQuarter.left { margin-right: 10px; }
	.content .wrap.splitFifty.right, .content .wrap.splitOneQuarter.right, .content .wrap.splitThreeQuarter.right { margin-right: 10px; }
	.content .wrap.clear { clear: both; }
	.content .text { width: calc(100% - 30px); margin: 0; padding: 15px; font-size: 10pt; line-height: 18px; }
	.content .description { width: calc(100% - 30px); margin: 0; padding: 0 15px; font-size: 11pt;  }
	.content .jours { width: 100%; margin: 0; padding: 15px 0; font-size: 16pt; line-height: 45pt; text-align: center;  }
	.content .jours span { font-size: 28pt; margin: 0 10px; padding: 8px 23px; background-color: white; border-radius: 35px; color: rgb(61, 160, 208); }
	.content .download { display: block; float: right; margin: -20px 20px 15px 0; padding: 15px; background-color: rgb(61, 160, 208); border-radius: 3px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: all 0.2s; }
	.content .download:hover { background-color: rgb(51, 150, 198); }
	.content .nf-button { display: block; float: right; margin: -20px 20px 15px 0; padding: 15px; background-color: rgb(190, 56, 50); border-radius: 3px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: all 0.2s; }
	.content .nf-button:hover { background-color: rgb(174, 23, 23); }
	.content .regul { display: block; float: right; margin: -10px 20px 15px 0; padding: 15px; background-color: rgb(235, 77, 66); border-radius: 3px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: all 0.2s; }
	.content .regul:hover { background-color: rgb(215, 67, 46); }
	
	.content .blockAction {
		display: block;
		float: left;
		width: calc((100% / 3) - 10px);
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center top 25px;
		background-size: 50px 50px;
		background-color: white;
		cursor: pointer;
		transition: all 0.15s;
	}
	.content .blockAction.rounded {
		border-radius: 3px;
	}
	.content .blockAction.shadow {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}
	.content .blockAction.shadow:hover {
		background-color: rgb(250, 250, 250);
	}
	.content .blockAction.raz {
		float: none;
		width: 100%;
		margin: 0;
		background-color: #ef1b00;
	}
	.content .blockAction.raz:hover {
		background-color: #B31800;
	}
	.content .blockAction.mail {
		margin-right: 10px;
		background-image: url(../image/icone/form/at.svg);
	}
	.content .blockAction.passwordManager {
		margin-left: 5px;
		margin-right: 5px;
		background-size: 55px 55px;
		background-image: url(../image/icone/form/monitor.svg);
	}
	.content .blockAction.passwordApp {
		margin-left: 10px;
		background-size: 55px 55px;
		background-image: url(../image/icone/form/password.svg);
	}
	.content .blockAction .title {
		display: block;
		width: calc(100% - 30px);
		margin: 85px 0 10px 0;
		padding: 15px;
		font-size: 11pt;
		line-height: 20px;
		text-align: center;
	}
	.content .blockAction.passwordManager .title, .content .blockAction.passwordApp .title {
		margin-top: 105px;
	}
	.content .blockAction .alert {
		display: block;
		width: calc(100% - 30px);
		margin: 0;
		padding: 15px;
		font-size: 11pt;
		line-height: 20px;
		text-align: center;
		color: white;
	}
	
	.content .textHeader {
	
	}
	
	.content .buttonAction {
		display: block;
		float: right;
		height: 38px;
		margin: 0 10px 0 5px;
		padding: 0;
		line-height: 38px;
		border-radius: 2px;
		cursor: pointer;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		transition: all 0.15s;
	}
	.content .buttonAction.hidden {
		display: none;
	}
	.content .buttonAction a {
		text-decoration: none;
	}
	.content .buttonAction.blue {
		background-color: rgb(61, 160, 208);
	}
	.content .buttonAction.blue .button {
		color: white;
	}
	.content .buttonAction.blue .detail {
		border-left: 1px solid rgb(31, 130, 178);
	}
	.content .buttonAction.blue .button:hover,
	.content .buttonAction.blue .detail:hover {
		background-color: rgb(41, 140, 188);
	}
	.content .buttonAction.orange {
		background-color: rgb(198, 145, 30);
	}
	.content .buttonAction.orange .button {
		color: white;
	}
	.content .buttonAction.orange .detail {
		border-left: 1px solid rgb(168, 115, 0);
	}
	.content .buttonAction.orange .button:hover,
	.content .buttonAction.orange .detail:hover {
		background-color: rgb(178, 125, 10);
	}
	.content .buttonAction.zerosix {
		background-color: rgb(222, 53, 46);
	}
	.content .buttonAction.zerosix .button {
		color: white;
	}
	.content .buttonAction.zerosix:hover {
		background-color: rgb(232, 63, 56);
	}
	.content .buttonAction.option {
		box-shadow: none;
	}
	.content .buttonAction button {
		display: block;
		margin: 0;
		padding: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		font-family: inherit;
		cursor: pointer;
		background-color: transparent;
		transition: all 0.15s;
	}
	.content .buttonAction .button {
		float: left;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 10pt;
		line-height: 38px;
	}
	.content .buttonAction .button.option {
		width: 19px;
		height: 19px;
		padding: 20px;
		border-radius: 20px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 20px 20px;
		background-image: url(../image/icone/list/option-line.svg);
	}
	.content .buttonAction .button.option:hover {
		background-color: rgb(220, 220, 220);
	}
	.content .buttonAction .detail {
		float: right;
		width: 44px;
		height: 38px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px 10px;
		background-image: url(../image/icone/arrow-bottom.svg);
		border-left: 1px solid;
	}
	
	.content .segment { display: block; width: 100%; height: 50px; margin: 0; padding: 0; list-style-type: none; background-color: rgb(230, 230, 230); border-bottom: 1px solid rgb(200, 200, 200); }
	.content .segment .item { display: block; float: left; cursor: pointer; text-align: center; font-size: 10pt; line-height: 50px; border-right: 1px solid rgb(200, 200, 200); transition: all 0.2s; }
	.content .segment .item.selected { background-color: rgb(240, 240, 240); }
	.content .segment .item:last-child { border-right: none; }
	.content .segment.double .item { width: calc((100% / 2) - 1px); }
	.content .segment.double .item:last-child { width: calc(100% / 2); }
	.content .segment .item.free:hover { background-color: rgb(240, 240, 240); }
	
	.scrollBar {
		display: block;
		position: fixed;
		z-index: 100;
		width: 20px;
		right: -10px;
		margin: 0;
		padding: 7px 7px 0 7px;
		border-radius: 17px 0 0 17px;
		background-color: rgba(0, 0, 0, 0.2);
		transition: all 0.15s;
		opacity: 0.3;
		filter: alpha(opacity=30);
	}
	.scrollBar:hover {
		right: 0;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.scrollBar .shortcut {
		display: block;
		width: 20px;
		height: 20px;
		margin: 0 0 7px 0;
		border-radius: 10px;
		background-color: rgba(100, 100, 100, 0.7);
		cursor: pointer;
	}
	.scrollBar .shortcut:hover {
		background-color: rgba(100, 100, 100, 1);
	}
	
	.comblePlus {
		display: block;
		height: 65px;
		margin: 0;
		padding: 0;
		background-color: rgb(245, 245, 245);
	}.comblePlus {
		 display: block;
		 height: 65px;
		 margin: 0;
		 padding: 0;
		 background-color: rgb(245, 245, 245);
	 }
	#wrapNav {
		position: fixed;
		z-index: 900;
		top: 70px;
		left: 0;
		background-color: white;
		border-top: 1px solid rgb(240, 240, 240);
	}
	#wrapNav nav {
		display: flex;
		float: left;
		width: calc(100% - 200px);
		margin: 0;
		padding: 0;
	}
	#wrapNav nav.small {
		width: calc(100% - 400px);
	}
	#wrapNav nav a {
		color: #ff293c;
		text-decoration: none;
	}
	#wrapNav nav div {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: 0;
		padding: 0 20px;
		font-size: 10pt;
		line-height: 40px;
		cursor: pointer;
		color: rgb(100, 100, 100);
		transition: all 0.15s;
	}
	#wrapNav nav div.logout {
		color: #ff293c;
	}
	#wrapNav nav div.selected {
		color: rgb(17, 21, 39);
	}
	#wrapNav nav div:after {
		content: '';
		display: block;
		margin: auto;
		height: 3px;
		width: 0;
		background: rgb(17, 21, 39);
		transition: width .15s ease, background-color .15s ease;
	}
	#wrapNav nav div.logout:after {
		background: #ff293c;
	}
	#wrapNav nav div.selected:after {
		width: 100%;
		background: rgb(17, 21, 39);
	}
	#wrapNav nav div:hover:after {
		width: 100%;
	}
	#wrapNav nav div:hover {
		color: rgb(17, 21, 39);
	}
	#wrapNav nav div.logout:hover {
		color: #ff293c;
	}
	#wrapNav .zerosix {
		display: block;
		float: right;
		margin: -8px 0 0 0;
		padding: 0 15px;
		font-size: 10pt;
		line-height: 40px;
		color: white;
		border-radius: 2px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border: none;
		cursor: auto;
		background-color: rgb(222, 53, 46);
		transition: all 0.25s;
	}
	#wrapNav .zerosix:hover {
		background-color: rgb(232, 63, 56);
	}
	#wrapNav .save {
		display: block;
		float: right;
		margin: -8px 10px 0 10px;
		padding: 0 15px;
		font-size: 10pt;
		text-transform: uppercase;
		line-height: 40px;
		color: white;
		border-radius: 2px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border: none;
		cursor: auto;
		background-color: rgb(17, 21, 39);
		transition: all 0.25s;
		opacity: 0.3;
		filter: alpha(opacity=30);
	}
	#wrapNav .save.provider {
		background-color: #442953;
	}
	#wrapNav .save.active {
		opacity: 1;
		filter: alpha(opacity=100);
		cursor: pointer;
	}
	#wrapNav .save.active:hover {
		background-color: rgb(37, 41, 59);
	}
	#wrapNav .save.provider.active:hover {
		background-color: #251933;
	}
	
	.blockMessage { display: block; width: calc(100% - 190px); margin: 10px 0 0 150px; padding: 15px; background-repeat: no-repeat; background-position: 15px center; border-radius: 3px; }
	.blockMessage.valid { background-color: #1BA679; }
	.blockMessage.error { background-color: #dd3932; }
	.blockMessage .text { display: block; float: left; width: calc(100% - 85px); margin: 0; padding: 0 0 0 40px; font-size: 10pt; line-height: 15pt;  text-align: left; color: #ffffff; }
	.blockMessage .close { display: block; float: right; width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: center center; }
	
	.blockUpdate { display: block; margin: 0 0 0 60px; padding: 0; background-color: rgb(220, 220, 220); }
	.blockUpdate p { display: block; margin: 0 0 15px 0; padding: 15px 15px 0 15px; font-size: 10pt; line-height: 15pt; font-weight: bold;  color: rgb(50, 50, 50); }
	.blockUpdate ul { display: block; margin: 0; padding: 0; list-style-type: none; }
	.blockUpdate ul li { display: block; width: calc(100% - 40px); margin: 0; padding: 10px 10px 10px 30px; font-size: 9pt;  background-color: rgb(235, 235, 235); border-top: 1px solid rgb(200, 200, 200); cursor: pointer; transition: all 0.2s; }
	.blockUpdate ul li:last-child { border-bottom: 1px solid rgb(190, 190, 190); }
	.blockUpdate ul li:hover { background-color: rgb(220, 220, 220); }
	.blockUpdate ul li label { padding-left: 15px; cursor: pointer; }
	.blockUpdate .goChange { display: block; float: right; height: 37px; margin: 15px; padding: 0 15px 0 40px; text-align: right; font-size: 10pt; line-height: 37px; color: white;  cursor: pointer; border: none; border-radius: 2px; background-repeat: no-repeat; background-position: left 12px center; background-color: rgb(232, 0, 0); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all 0.2s; }
	.blockUpdate .goChange:hover { background-color: rgb(204, 0, 0); }
	
	#list table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: none; background-color: transparent; }
	#list table tr { height: 60px; border-bottom: rgb(228, 238, 242) 1px solid; border-bottom-color: rgb(240, 240, 240); background-color: white; transition: all 0.2s; }
	#list table tr.subheader { height: 30px; background-color: rgb(230, 230, 230); font-size: 9pt; }
	#list table tr.multiSite { height: auto; }
	#list table tr.hide { display: none; }
	#list table tr:hover { background-color: rgb(250, 250, 250); }
	#list table tr:first-child:hover { background-color: white; }
	#list table tr:first-child { height: 35px; }
	#list table th { padding: 0 7px; font-size: 10pt; font-weight: normal;  color: rgb(130, 130, 130); }
	#list table td { padding: 0 7px; font-size: 10pt; line-height: 17px; font-weight: normal;  color: rgb(50, 50, 50); }
	#list table td a { text-decoration: none; color: inherit; }
	#list table td label { margin: 0; padding: 0; line-height: 24px; }
	
	#helpPopup { display: block; position: fixed; z-index: 1000000000; max-width: 215px; left: 0; top: 0; margin: 0; padding: 0; background-color: transparent; }
	#helpPopup .text { display: block; overflow: hidden; max-width: 185px; margin: 0; padding: 15px; background-color: rgb(100, 100, 100); font-size: 10pt; line-height: 16px; text-align: center;  color: white; border-radius: 3px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); }
	#helpPopup .text.error { background-color: #c72825; }
	#helpPopup .arrow { display: block; width: 10px; height: 5px; margin: 0 auto; padding: 0; background-repeat: no-repeat; background-position: center top; }
	
	#barAction { display: block; position: fixed; z-index: 100000; width: 180px; height: 80px; right: 25px; background-color: rgba(255, 255, 255, 0); }
	#barAction .btnDuplicate { display: block; float: right; width: 50px; height: 50px; margin: 20px 10px 0 0; padding: 0; border-radius: 25px; cursor: pointer; background-color: rgb(160, 160, 160); background-repeat: no-repeat; background-position: center center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .btnDuplicate.hide { display: none; }
	#barAction .btnDuplicate:hover { background-color: rgb(140, 140, 140); }
	#barAction .btnCancel { display: block; float: right; width: 50px; height: 50px; margin: 20px 10px 0 0; padding: 0; border-radius: 25px; cursor: pointer; background-color: rgb(211, 35, 38); background-repeat: no-repeat; background-position: center center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .btnCancel:hover { background-color: rgb(191, 15, 18); }
	#barAction .btnSave { display: block; float: right; width: 60px; height: 60px; margin: 8px 0 0 0; padding: 0; border-radius: 30px; cursor: pointer; background-color: rgb(81, 180, 228); background-repeat: no-repeat; background-position: center center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .btnSave:hover { background-color: rgb(61, 160, 208); }
	#barAction .listAnchor li:active, #barAction .btnDuplicate:active, #barAction .btnCancel:active, #barAction .btnSave:active { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); }
	
	#manageCheckbox { display: block; position: fixed; overflow: hidden; z-index: 901; width: calc(100% - 60px); height: 40px; left: 60px; top: -40px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: 41px 4px; }
	#manageCheckbox #indice { display: block; float: left; margin: 0 20px 0 80px; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(150, 150, 150); font-weight: normal; }
	#manageCheckbox #select { display: block; float: left; margin: 0 20px 0 0; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(100, 100, 100); font-weight: normal; cursor: pointer; }
	#manageCheckbox #select:hover { text-decoration: underline; }
	#manageCheckbox #active { display: block; float: right; margin: 0 30px 0 0; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(51, 150, 198); font-weight: normal; cursor: pointer; }
	#manageCheckbox #active:hover { text-decoration: underline; }
	#manageCheckbox #update { display: block; float: right; margin: 0 30px 0 0; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(100, 100, 100); font-weight: normal; cursor: pointer; }
	#manageCheckbox #update:hover { text-decoration: underline; }
	#manageCheckbox #delete { display: block; float: right; margin: 0 30px 0 0; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(234, 33, 45); font-weight: normal; cursor: pointer; }
	#manageCheckbox #delete:hover { text-decoration: underline; }
	
	.content .partForm { display: block; clear: both; margin: 0; padding: 0; }
	.content .partForm.hide { display: none; }
	.content .partForm.last { border-bottom: none; }
	.content .partForm .wrapTitlePart { display: block; float: left; width: calc(25% - 20px); margin: 0; padding: 10px 10px; }
	.content .partForm .wrapTitlePart .logo { display: block; float: left; width: 60px; height: 60px; margin: 0; padding: 0; border: none; border-radius: 30px; background-color: rgb(230, 230, 230); background-repeat: no-repeat; }
	.content .partForm .wrapTitlePart .wrapTitle { display: block; float: left; width: calc(100% - 80px); margin: 0 0 0 10px; padding: 0; }
	.content .partForm .wrapTitlePart .wrapTitle .title { display: block; margin: 0; padding: 12px 0 0 0; text-align: left; color: rgb(100, 100, 100); font-weight: bold; font-size: 10pt; line-height: 20px; text-transform: none;  }
	.content .partForm .wrapTitlePart .wrapTitle .description {  display: block; margin: 0; padding: 5px 0 0 0; text-align: left; color: rgb(150, 150, 150); font-size: 10pt; line-height: 16px; text-transform: none;  }
	.content .partForm .wrapInputPart { display: block; float: left; width: calc(75% - 100px); margin: 0; padding: 15px 15px 30px 50px; }
	.content .partForm .wrapInputPart.long { clear: both; width: calc(100% - 40px); margin: 0; padding: 15px 20px 10px 20px; }
	.content .partForm .wrapInputPart .linkTypeForm { display: block; margin: 0; padding: 5px 0 0 0; font-size: 10pt; text-align: right; color: rgb(81, 180, 228); cursor: pointer; }
	.content .partForm .wrapInputPart .linkTypeForm:hover { text-decoration: underline; }
	.content .partForm .wrapInputPart .wrapInput { display: block; clear: both; margin: 0; padding: 6px 0 0 0; }
	.content .partForm .wrapInputPart .wrapFloat { display: block; float: left; width: calc(50% - 20px); margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapFloat.margin { padding-left: 40px; }
	.content .partForm .wrapInputPart .wrapFloat .innerFloat { width: 60%; float: left;  }
	.content .partForm .wrapInputPart .wrapFloat .innerFloat.export { width: 40%; float: left; }
	.content .partForm .wrapInputPart .wrapLabel { display: block; float: left; width: calc(20% - 20px); margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapLabel.margin { padding-left: 40px; }
	.content .partForm .wrapInputPart .wrapLabelValue { display: block; float: left; width: calc(80% - 20px) ; margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapLabelValue.margin { padding-left: 40px; }
	
	.content .partForm .wrapInputPart .storeCAndC {
		display: block;
		width: calc(100% - 30px);
		margin: 15px 0 0 0;
		padding: 15px;
		border-radius: 5px;
		background-color: rgb(245, 245, 245);
	}
	.content .partForm .wrapInputPart .storeCAndC.roll {
		border-radius: 5px 5px 0 0;
	}
	.content .partForm .wrapInputPart .storeCAndC.addStore {
		width: calc(100% - 70px);
		padding-left: 55px;
		background-repeat: no-repeat;
		background-position: left 20px center;
		background-size: 20px 20px;
		background-image: url(../image/icone/clickAndCollect/plus.svg);
		cursor: pointer;
	}
	.content .partForm .wrapInputPart .storeCAndC .name {
		font-size: 11pt;
		font-weight: bold;
		line-height: 30px;
		text-transform: uppercase;
	}
	.content .partForm .wrapInputPart .storeCAndC .opening {
		margin-right: 20px;
		padding: 0 40px 0 15px;
		font-size: 11pt;
		line-height: 30px;
		border: none;
		background-color: rgb(220, 220, 220);
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 12px 12px;
		background-image: url(../image/icone/clickAndCollect/down-arrow.svg);
		cursor: pointer;
		transition: all 0.15s;
		outline: none;
	}
	.content .partForm .wrapInputPart .storeCAndC .opening.active {
		color: white;
		background-color: #1DAF8E;
		background-image: url(../image/icone/clickAndCollect/down-arrow-white.svg);
	}
	.content .partForm .wrapInputPart .storeCAndC .opening:not(.active):hover {
		background-color: rgb(210, 210, 210);
	}
	.content .partForm .wrapInputPart .storeCAndC .arrow {
		display: block;
		float: right;
		width: 30px;
		height: 30px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 12px 12px;
		background-image: url(../image/icone/clickAndCollect/down-arrow-lightgrey.svg);
		cursor: pointer;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .storeCAndC.roll .arrow {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.content .partForm .wrapInputPart .storeCAndC .roll {
		display: block;
		float: right;
		margin: 0;
		padding: 0 3px 0 0;
		font-size: 11pt;
		line-height: 30px;
		cursor: pointer;
	}
	.content .partForm .wrapInputPart .configStoreCAndC {
		display: block;
		overflow: hidden;
		width: calc(100% - 30px);
		max-height: 0px;
		margin: 0;
		padding: 0 15px;
		border-top: 1px solid rgb(235, 235, 235);
		border-radius: 0 0 5px 5px;
		background-color: rgb(245, 245, 245);
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .configStoreCAndC.roll {
		max-height: none;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .type {
		display: block;
		margin: 15px 0;
		padding: 0 40px 0 15px;
		font-size: 11pt;
		line-height: 30px;
		border: none;
		background-color: rgb(220, 220, 220);
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 12px 12px;
		background-image: url(../image/icone/clickAndCollect/down-arrow.svg);
		cursor: pointer;
		transition: all 0.15s;
		outline: none;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .type:hover {
		background-color: rgb(210, 210, 210);
	}
	.content .partForm .wrapInputPart .configStoreCAndC .contChoices {
		display: block;
		margin: 0;
		padding: 0;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice {
		display: block;
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 11pt;
		line-height: 30px;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.left {
		float: left;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.right {
		float: right;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.paddingRight {
		padding-right: 30px;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.clear {
		clear: both;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.strong {
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice {
		display: block;
		margin: 0 0 15px 10px;
		padding: 0 15px;
		font-size: 11pt;
		line-height: 30px;
		border-radius: 5px;
		background-color: rgb(220, 220, 220);
		cursor: pointer;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice:first-letter {
		text-transform: capitalize;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice.left {
		float: left;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice.right {
		float: right;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice:hover {
		background-color: rgb(210, 210, 210);
	}
	.content .partForm .wrapInputPart .containerCode {
		display: block;
		overflow: hidden;
		width: calc(100% - 82px);
		height: 50px;
		margin: 20px auto 40px auto;
		padding: 0;
		border-radius: 5px;
		border: 1px solid rgb(230, 230, 230);
		background-color: rgb(230, 230, 230);
	}
	.content .partForm .wrapInputPart .containerCode .input {
		display: block;
		width: calc(100% - 20px);
		height: 50px;
		margin: 0;
		padding: 0 10px;
		font-size: 15pt;
		text-align: left;
		text-align: center;
		text-transform: uppercase;
		border: none;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .containerCode .input:focus {
		outline: none;
	}
	.content .partForm .wrapInputPart .containerCode .input:not(.wrong):hover {
		background-color: rgb(250, 250, 250);
	}
	.content .partForm .wrapInputPart .containerEmail {
		display: block;
		overflow: hidden;
		width: calc(100% - 82px);
		height: 50px;
		margin: 20px auto 40px auto;
		padding: 0;
		border-radius: 5px;
		border: 1px solid rgb(230, 230, 230);
		background-color: rgb(230, 230, 230);
	}
	.content .partForm .wrapInputPart .containerEmail .input {
		display: block;
		width: calc(100% - 20px);
		height: 50px;
		margin: 0;
		padding: 0 10px;
		font-size: 15pt;
		text-align: left;
		text-align: center;
		border: none;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .containerEmail .input:focus {
		outline: none;
	}
	.content .partForm .wrapInputPart .containerEmail .input:not(.wrong):hover {
		background-color: rgb(250, 250, 250);
	}
	
	.content .partForm .wrapInputPart .wrapInput .contInput { display: block; width: 100%; height: 37px; margin: 10px 0 0 0; padding: 20px 0 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput.noMargin { margin-top: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput.marginBottom { margin-bottom: 10px; }
	.content .partForm .wrapInputPart .wrapInput .contInput.noheight { height : auto; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help { display: block; float: left; width: 20px; height: 20px; margin: 0 20px 0 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help.area { margin: -10px 20px 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help.checkbox { margin: -1px 20px 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help .button { display: block; width: 20px; height: 20px; margin: 7px 0 0 0; padding: 0; font-size: 9pt; line-height: 20px; font-weight: bold; text-align: center;  color: black; cursor: pointer; border-radius: 10px; background-color: rgb(220, 220, 220); }
	.content .partForm .wrapInputPart .wrapInput .contInput .help.checkbox .button { margin-top: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .color { display: block; float: left; width: 20px; height: 20px; margin: 0 10px 0 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .color .pastille { display: block; width: 20px; height: 20px; margin: 7px 0 0 0; padding: 0; cursor: pointer; border-radius: 10px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox { display: block; float: left; width: 20px; height: 20px; margin: -3px 10px 0 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box { position: relative; margin: 0; cursor: pointer; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box:before { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 1rem; height: 1rem; border: 2px solid rgb(180, 180, 180); }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box:checked:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: .5rem; border-color: rgb(61, 160, 208); border-left-width: 5px; border-bottom-width: 5px; border-top-style: none; border-right-style: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box:after { content: ""; position: absolute; left: 0; width: 1.1rem; height: 1.1rem; background: #fff; cursor: pointer; }
	.content .partForm .wrapInputPart .wrapInput .contInput .buttonAdd { display: block; float: left; margin-left: 30px; text-align: left; color: rgb(150, 150, 150); }
	.content .partForm .wrapInputPart .wrapInput .contInput .buttonAdd span { padding: 0 10px; cursor: pointer; color: rgb(81, 180, 228); transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .buttonAdd span:hover { color: rgb(61, 160, 208); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input { display: block; float: left; width: calc(100% - 40px); height: 35px; margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.ttc { width: calc(100% - 320px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.extend { width: calc(100%); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.noheight { height: auto; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.color { width: calc(100% - 70px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.checkbox { width: calc(100% - 70px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.discount { width: calc(100% - 170px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.typeDiscount { float: right; width: 120px; margin-top: 1px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.typeModify { float: right; width: 120px; margin-top: 1px; margin-right: 20px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.symbolModify { float: right; width: 120px; margin-top: 1px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.add { width: calc(100% - 200px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.addMore { width: calc(100% - 370px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .displayStock { display: block; position: absolute; z-index: 10; width: 85px; height: 36px; margin: 0; padding: 0 5px 0 10px; line-height: 36px; background-color: rgb(61, 160, 208); color: white; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .label { display: block; margin: 0; padding: 0; text-align: left; color: rgb(100, 100, 100); font-size: 12pt; line-height: 18px; text-transform: none;  cursor: pointer; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel { display: block; position: absolute; margin: -54px 0 0 0; padding: 0; text-align: left; color: rgb(100, 100, 100); font-size: 10pt; line-height: 18px; text-transform: none;  transition: all 0.3s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.area { margin: -125px 0 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.stock { margin: -54px 0 0 0; padding-left: 110px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.free { visibility: hidden; position: absolute; margin: -27px 0 0 0; opacity: 0.0; filter: alpha(opacity=0); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.area.free { visibility: hidden; position: absolute; margin: -100px 0 0 0; opacity: 0.0; filter: alpha(opacity=0); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.stock.free { visibility: hidden; position: absolute; margin: -27px 0 0 0; padding-left: 110px; opacity: 0.0; filter: alpha(opacity=0); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel span.beta { margin: 0 0 0 10px; padding: 0 7px; color: white; font-weight: bold; font-size: 11px; line-height: 18px; text-transform: uppercase; background-color: #ff901f; border-radius: 9px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .label.new:before, .content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.new:before { content: "nouveau"; padding-right: 5px; color: #EB6930; font-weight: normal; font-size: 9pt; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .line { display: block; width: 0; height: 2px; margin: -2px 0 0 0; padding: 0; background-color: rgb(61, 160, 208); transition: all 0.5s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield { display: block; width: 100%; height: 35px; margin: 0; padding: 0; font-size: 10pt; text-align: left;  color: rgb(100, 100, 100); border: none; border-bottom: rgb(210, 210, 210) 1px solid; transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield.uppercase { text-transform: uppercase; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield.stock { width: calc(100% - 110px); padding-left: 10px; margin-left: 100px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield.disable { background-color: rgba(150, 150, 150, 0.5); padding-left: 10px;}
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus { outline: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus~.mainLabel { visibility: visible; color: rgb(61, 160, 208); margin: -54px 0 0 0; opacity: 1.0; filter: alpha(opacity=1); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus~.line { width: 100%; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus::placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus:-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus::-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus:-ms-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus::-webkit-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select { display: block; width: 100%; height: 35px; margin: 0; padding: 0; font-size: 10pt; text-align: left;  white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: rgb(100, 100, 100); border: none; border-bottom: rgb(210, 210, 210) 1px solid; background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; cursor: pointer; transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select.uppercase { text-transform: uppercase; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select.disable { background-color: rgba(150, 150, 150, 0.5); padding-left: 10px;}
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus { outline: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus~.mainLabel { visibility: visible; color: rgb(61, 160, 208); margin: -54px 0 0 0; opacity: 1.0; filter: alpha(opacity=1); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus~.line { width: 100%; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus::placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus:-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus::-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus:-ms-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus::-webkit-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea { display: block; overflow:scroll; width: 100%; height: 100px; margin: 0; padding: 0; resize: none; font-size: 10pt; text-align: left;  white-space: nowrap; color: rgb(100, 100, 100); border: none; border-bottom: rgb(210, 210, 210) 1px solid; background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea.uppercase { text-transform: uppercase; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus { outline: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus~.mainLabel { visibility: visible; color: rgb(61, 160, 208); margin: -125px 0 0 0; opacity: 1.0; filter: alpha(opacity=1); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus~.line { width: 100%; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus::placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus:-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus::-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus:-ms-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus::-webkit-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .contCheckbox {
		display: block;
		clear: both;
		margin: 0;
		padding: 0;
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox {
		display: none;
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ div {
		background-color: rgb(17, 21, 39);
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ div label {
		margin-left: 17px;
		transform: rotate(360deg);
		background-color: rgb(37, 41, 59);
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ div.provider {
		background-color: #251933;
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ div.provider label {
		background-color: rgb(92, 53, 107);
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ .labelCheckbox {
		color: black;
	}
	.content .partForm .wrapInputPart .contCheckbox .cursorCheckbox {
		display: block;
		float: left;
		width: 30px;
		height: 8px;
		margin: 12px 0 0 5px;
		background-color: rgb(200, 200, 200);
		position: relative;
		border-radius: 4px;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .contCheckbox .cursorCheckbox.marge {
		margin-top: 25px;
	}
	.content .partForm .wrapInputPart .contCheckbox .cursorCheckbox.margeBarButton {
		margin-top: 15px;
	}
	.content .partForm .wrapInputPart .contCheckbox .cursorCheckbox label {
		display: block;
		height: 18px;
		width: 18px;
		background-color: rgb(180, 180, 180);
		position: absolute;
		margin-top: -5px;
		margin-left: -5px;
		cursor: pointer;
		border-radius: 9px;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .contCheckbox .labelCheckbox {
		display: block;
		float: left;
		margin: 0 20px;
		padding: 20px 0;
		color: rgb(130, 130, 130);
		cursor: pointer;
		transition: all 0.15s;
	}
	
	.content .partForm .wrapInputPart .linkAdd { color: rgb(81, 180, 228); cursor: pointer; margin: 0; margin-left: 40px; padding: 15px 0 0 0; }
	.content .partForm .wrapInputPart .linkAdd.endFloat { clear: both; }
	
	.content .partForm .wrapInputPart .separator { margin : 40px 0 20px 0; border-color: rgb(81, 180, 228); }
	
	.content .partForm .wrapInputPart .blockVisibility { display: block; float: left; width: 130px; height: 90px; margin: 0 15px 15px 0; padding: 10px; background-color: rgb(240, 240, 240); border: 1px solid rgb(200, 200, 200); border-radius: 3px; cursor: pointer; transition: all 0.2s; background-repeat: no-repeat; background-position: center top 15px; }
	.content .partForm .wrapInputPart .blockVisibility.unselected { background-color: rgb(200, 200, 200); }
	.content .partForm .wrapInputPart .blockVisibility.hasCheckbox { background-image: none; }
	.content .partForm .wrapInputPart .blockVisibility .title { display: block; overflow: hidden; height: 34px; margin: 0; padding: 60px 0 0 0; font-size: 10pt; line-height: 17px; text-align: center;  color: rgb(80, 80, 80); }
	.content .partForm .wrapInputPart .blockVisibility .title.cut {  white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
	.content .partForm .wrapInputPart .blockVisibility.hasCheckbox .title { padding-top: 25px; }
	.content .partForm .wrapInputPart .blockVisibility .title.single { height: 17px; padding: 70px 0 0 0; }
	.content .partForm .wrapInputPart .blockVisibility.unselected .title { color: rgb(100, 100, 100); }
	.content .partForm .wrapInputPart .blockVisibility .checkbox { display: block; width: 20px; height: 20px; margin: 15px auto 0 auto; padding: 0; }
	.content .partForm .wrapInputPart .blockVisibility .checkbox .box { position: relative; margin: 0; cursor: pointer; }
	.content .partForm .wrapInputPart .blockVisibility .checkbox .box:before { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 1rem; height: 1rem; border: 2px solid rgb(200, 200, 200); border-top-style: none; border-right-style: none; }
	.content .partForm .wrapInputPart .blockVisibility .checkbox .box:checked:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: .5rem; border-color: rgb(7, 166, 59); border-left-width: 5px; border-bottom-width: 5px; border-top-style: none; border-right-style: none; }
	.content .partForm .wrapInputPart .blockVisibility .checkbox .box:after { content: ""; position: absolute; left: 0; width: 1.1rem; height: 1.1rem; background: rgb(240, 240, 240); cursor: pointer; }
	.content .partForm .wrapInputPart .blockVisibility.unselected .checkbox .box:after { content: ""; position: absolute; left: 0; width: 1.1rem; height: 1.1rem; background: rgb(200, 200, 200); cursor: pointer; }
	
	.content .partForm .wrapInputPart .blockPicture { display: block; width: 100%; height: 130px; margin: 20px 0 0 0; padding: 10px 0; border-left: 7px solid white; border-bottom: 1px solid rgb(240, 240, 240); transition: all 0.2s; }
	.content .partForm .wrapInputPart .blockPicture.YATU { height: 230px; }
	.content .partForm .wrapInputPart .blockPicture:hover { border-left: 7px solid rgb(81, 180, 228); }
	.content .partForm .wrapInputPart .blockPicture .contText { display: block; float: left; width: 40%; margin: 0; padding: 23px 0 0 0; text-align: right; font-size: 10pt; line-height: 17px; color: rgb(100, 100, 100); }
	.content .partForm .wrapInputPart .blockPicture .contText .info { font-size: 8pt; color: rgb(170, 170, 170); font-style: italic; }
	.content .partForm .wrapInputPart .blockPicture .contText .link { font-size: 8pt; color: #d73413; cursor: pointer; transition: all 0.2s; }
	.content .partForm .wrapInputPart .blockPicture .contText .link:hover { text-decoration: underline; }
	.content .partForm .wrapInputPart .blockPicture .contImg { display: block; float: left; width: 60%; height: 100px; margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .blockPicture .contImg.YATU { height: 216px; }
	.content .partForm .wrapInputPart .blockPicture .contImg .img { display: block; overflow: hidden; cursor: pointer; border: 1px solid rgb(230, 230, 230); margin: 0 auto; padding: 0; box-shadow: 0 0 2px rgb(200, 200, 200); }
	
	.content .partForm .wrapInputPart .blockHistory { width: 100%; margin: 70px 0 0 0; table-layout:fixed; padding: 0; border-collapse: collapse; border: none; font-size: 9pt; line-height: 17px; text-align: center;  color: rgb(80, 80, 80); }
	.content .partForm .wrapInputPart .blockHistory tr { width: 100%; margin: 0; padding: 0; border: 1px solid rgb(200, 200, 200); border-top: none; transition: all 0.2s; }
	.content .partForm .wrapInputPart .blockHistory tr:hover { background-color: rgb(250, 250, 250); }
	.content .partForm .wrapInputPart .blockHistory tr.borderTop { border-top: 1px solid rgb(200, 200, 200); }
	.content .partForm .wrapInputPart .blockHistory tr.borderBottom { border-bottom: 1px solid rgb(200, 200, 200); }
	.content .partForm .wrapInputPart .blockHistory tr th { color: rgb(110, 110, 110); }
	.content .partForm .wrapInputPart .blockHistory tr td { color: rgb(110, 110, 110); }
	.content .partForm .wrapInputPart .blockHistory tr th, .content .partForm .wrapInputPart .blockHistory tr td { padding: 10px 5px; }
	.content .partForm .wrapInputPart .blockHistory tr .center { text-align: center; }
	.content .partForm .wrapInputPart .blockHistory tr .left { text-align: left; }
	.content .partForm .wrapInputPart .blockHistory tr .old { color: #b00001; }
	.content .partForm .wrapInputPart .blockHistory tr .new { color: rgb(61, 160, 208); }
	.content .partForm .wrapInputPart .blockHistory tr .borderRight { border-right: 1px solid rgb(200, 200, 200); }
	
	.content .partForm .wrapInputPart .error { display: block; clear: both; margin: -10px 0 0 15px; padding: 5px 0 0 25px; text-align: left; color: #DD3932; font-size: 9pt;  }
	.content .partForm .wrapInputPart .error.extend { width: calc(100% - 25px); }
	.content .partForm .wrapInputPart .error.float { width: calc(100% - 25px); }
	.content .partForm .wrapInputPart .error.hide { display: none; }
	.content .partForm .wrapInputPart .inputAdd { display: block; float: right; height: 50px; margin: -72px -1px 0 0; padding: 0 50px; border-radius: 0 24px 24px 0; color: rgb(200, 200, 200); background-color: rgb(230, 230, 230); font-size: 10pt; line-height: 50px;  cursor: pointer; transition: all 0.2s; }
	.content .partForm .wrapInputPart .inputAdd.active { background-color: rgb(81, 180, 228); color: white; }
	.content .partForm .wrapInputPart .inputAdd.active:hover { background-color: rgb(61, 160, 208); }
	
	.content .partForm .wrapTitleCenter { display: block; width: 100%; margin: 0; padding: 0; }
	.content .partForm .wrapTitleCenter .title { display: block; margin: 0; padding: 20px 0 0 0; text-align: center; color: rgb(100, 100, 100); font-weight: bold; font-size: 10pt; line-height: 20px; text-transform: none;  }
	.content .partForm .wrapTitleCenter .title span.beta { margin: 0 0 0 10px; padding: 0 7px; color: white; font-weight: bold; font-size: 11px; line-height: 18px; text-transform: uppercase; background-color: #ff901f; border-radius: 9px; }
	.content .partForm .wrapTitleCenter .description { display: block; margin: 0; padding: 5px 0 0 0; text-align: left; color: rgb(150, 150, 150); font-size: 10pt; line-height: 16px; text-transform: none;  }
	.content .partForm .formTab { display: block; width: calc(100% - 40px); margin: 10px 0 20px 0; padding: 0 20px 0 20px; }
	.content .partForm .formTab .inputLine { width: 100%; background: none; border: none; height: 100%; outline: none; font-size: 10pt; line-height: 50px;  color: rgb(50, 50, 50); text-align: center; }
	.content .partForm .formTab .bold { font-weight: bold;}
	.content .partForm .formTab .uppercase { text-transform: uppercase;}
	.content .partForm .formTab .boldActif { color: rgba(50, 50, 50, 1); }
	.content .partForm .formTab .contTabLeft .list .add-line { text-align: center; color: rgb(81, 180, 228); cursor: pointer; }
	.content .partForm .formTab .contTabRight .list .add-line { text-align: center; color: rgb(81, 180, 228); cursor: pointer; }
	.content .partForm .formTab .contTabLeft { overflow-y: scroll; overflow-x: hidden; float: left; width: calc(50% - 102px); height: 400px; max-height: 400px; margin: 0; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .formTab .contTabLeft.noMaxHeight { height: auto; max-height: none; }
	.content .partForm .formTab .contTabLeft.center { display: block; float : none; width: 700px; margin: 0 auto; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .formTab .contTabRight { overflow-y: scroll; overflow-x: hidden; float: right; width: calc(50% - 102px); height: 400px; max-height: 400px; margin: 0; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .formTab .contTabLeft.extend, .content .partForm .formTab .contTabRight.extend { width: calc(50% - 22px); }
	.content .partForm .formTab .contTabLeft .list, .content .partForm .formTab .contTabRight .list { width: 100%; margin: 0; padding: 0; border: none; border-collapse: collapse; }
	.content .partForm .formTab .contTabLeft .list tr, .content .partForm .formTab .contTabRight .list tr { height: 50px; background-color: white; border-top: rgb(220, 220, 220) 1px solid; }
	.content .partForm .formTab .contTabLeft .list tr:first-child, .content .partForm .formTab .contTabRight .list tr:first-child { border-top: none; }
	.content .partForm .formTab .contTabLeft .list tr:hover, .content .partForm .formTab .contTabRight .list tr:hover { background-color: rgba(81, 180, 228, 0.1); }
	.content .partForm .formTab .contTabLeft .list .colName, .content .partForm .formTab .contTabRight .list .colName { width: calc(100% - 50px); height: 50px; padding: 5px; overflow: hidden; white-space: initial; font-size: 10pt; line-height: 20px;  color: rgb(50, 50, 50); }
	.content .partForm .formTab .contTabLeft .list .colBold, .content .partForm .formTab .contTabRight .list .colBold { text-align: center; cursor: pointer; font-weight: bold; font-size: 12pt; color: rgba(50, 50, 50, 0.5); outline: none;}
	.content .partForm .formTab .contTabLeft .list .colButton, .content .partForm .formTab .contTabRight .list .colMove, .content .partForm .formTab .contTabLeft .list .colMove, .content .partForm .formTab .contTabRight .list .colButton { width: 40px; text-align: center; }
	.content .partForm .formTab .contTabLeft .list .colButtonTicket, .content .partForm .formTab .contTabRight .list .colMove, .content .partForm .formTab .contTabLeft .list .colMove, .content .partForm .formTab .contTabRight .list .colButtonTicket { width: 40px; text-align: center; cursor : pointer;}
	.content .partForm .formTab .contTabLeft .list .colButton .button, .content .partForm .formTab .contTabRight .list .colButton .button { display: block; float: right; width: 20px; height: 20px; margin: 0 15px 0 0; padding: 15px 5px 15px 5px; border: none; cursor: pointer; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .formTab .contTabRight .list .colMove .iconMove { display: block; width: 17px; height: 50px; margin: 0; padding: 0 9px 0 16px; cursor: Row-Resize; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .formTab .contTabLeft .list .colMove .iconMove { display: block; width: 17px; height: 50px; margin: 0; padding: 0 9px 0 16px; cursor: Row-Resize; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .formTab .contTabLeft .list .header , .content .partForm .formTab .contTabRight .list .header { height: 25px; background-color: rgb(245, 245, 245); border-bottom: rgb(220, 220, 220) 1px solid; }
	.content .partForm .formTab .contTabLeft .list .header:hover , .content .partForm .formTab .contTabRight .list .header:hover { background-color: rgb(245, 245, 245); }
	.content .partForm .formTab .contTabLeft .list .colText , .content .partForm .formTab .contTabRight .list .colText  { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 5px; font-size: 10pt; line-height: 30px; text-align: left;  color: rgb(50, 50, 50); }
	.content .partForm .formTab .section { display: block; float: left; width: 170px; margin: 0 15px; padding: 0; }
	.content .partForm .formTab .section .buttonAllAdd {
		display: block;
		overflow: hidden;
		height: 34px;
		margin: 0 auto;
		padding: 0 40px 0 15px;
		cursor: pointer;
		text-align: left;
		font-size: 13px;
		line-height: 34px;
		background-color: rgb(81, 180, 228);
		color: white;
		text-decoration: none;
		border-radius: 2px;
		background-repeat: no-repeat;
		background-position: right 15px center;
		transition: all 0.2s;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		background-image: url('../image/icone/ic-arrow-add.png');
	}
	.content .partForm .formTab .section .buttonAllRemove {
		display: block;
		overflow: hidden;
		height: 34px;
		margin: 328px auto 0 auto;
		padding: 0 15px 0 40px;
		cursor: pointer;
		text-align: right;
		font-size: 13px;
		line-height: 34px;
		background-color: rgb(211, 35, 38);
		color: white;
		text-decoration: none;
		border-radius: 2px;
		background-repeat: no-repeat;
		background-position: 15px center;
		transition: all 0.2s;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		background-image: url('../image/icone/ic-arrow-del.png');
	}
	.content .partForm .formTab .section .buttonAllAdd:hover { background-color: rgb(61, 160, 208); background-position: right 7px center; }
	.content .partForm .formTab .section .buttonAllRemove:hover { background-color: rgb(191, 15, 18); background-position: 7px center; }
	.content .partForm .formLabel { display: block; width: calc(100% - 40px); margin: 15px 0 0 0; padding: 0 20px 0 20px; }
	.content .partForm .formLabel.bar { border-top: rgb(240, 240, 240) 1px solid; margin: 0; padding-top: 20px; }
	.content .partForm .formLabel .tabLeft { display: block; float: left; width: calc(50% - 92px); margin: 0; padding: 0; }
	.content .partForm .formLabel .section { display: block; float: left; width: 150px; margin: 0 15px; padding: 0; }
	.content .partForm .formLabel .tabRight { display: block; float: right; width: calc(50% - 92px); margin: 0; padding: 0; }
	.content .partForm .formLabel .tabLeft .title, .content .partForm .formLabel .tabRight .title { display: block; width: 100%; margin: 0; padding: 0; text-align: center; color: rgb(150, 150, 150); font-size: 10pt; line-height: 16px; text-transform: none;  }
	.content .partForm .linkAddDeclination { text-decoration: none; }
	.content .partForm .buttonAddDeclination { display: block; overflow: hidden; width: calc(100% - 62px); height: 35px; margin: 20px 20px 0 20px; padding: 0 10px 0 10px; cursor: pointer; text-align: center; text-decoration: none; font-size: 13px; line-height: 35px; background-color: rgb(240, 240, 240); color: black; border-radius: 3px; border: rgb(200, 200, 200) 1px solid; }
	.content .partForm .buttonAddDeclination:hover { background-color: rgb(81, 180, 228); color: white; }
	.content .partForm #listSearch { display: block; overflow: scroll; position: absolute; max-height: 225px; left: 0; top: 0; margin: 0; padding: 0; list-style-type: none; font-size: 13px;  color: rgb(70, 70, 70); background-color: white; border: rgb(81, 180, 228) 1px solid; border-top: none; border-bottom-width: 2px; border-radius: 0 0 25px 25px; }
	.content .partForm #listSearch li { display: block; width: calc(100% - 35px); height: 50px; border-bottom: rgb(235, 235, 235) 1px solid; padding: 0 10px 0 25px; line-height: 50px; cursor: pointer; }
	.content .partForm #listSearch li:hover { background-color: rgba(81, 180, 228, 0.1); }
	.content .partForm #listSearch::-webkit-scrollbar { display: none; }
	.content .partForm .contChoiceMenu { display: block; margin: 20px; padding: 0; }
	.content .partForm .contChoiceMenu .choiceMenu { display: block; float: left; width: calc((100% / 3) - 30px); height: 350px; margin: 15px; padding: 0; }
	.content .partForm .contChoiceMenu .choiceMenu .close { display: block; position: relative; width: 34px; height: 34px; margin: 20px 0 0 calc(100% - 20px); padding: 0; border-radius: 17px; background-color: rgb(200, 200, 200); cursor: pointer; background-repeat: no-repeat; background-position: center center; transition: all 0.2s; }
	.content .partForm .contChoiceMenu .choiceMenu .close:hover { background-color: rgb(180, 180, 180); }
	.content .partForm .contChoiceMenu .choiceMenu .title { display: block; width: 100%; margin: -45px 0 0 0; padding: 0; font-size: 10pt; line-height: 30px; text-align: center; }
	.content .partForm .contChoiceMenu .choiceMenu .list { display: block; overflow: hidden; list-style-type: none; width: calc(100% - 2px); height: 318px; margin: 0; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .contChoiceMenu .choiceMenu .list .add { display: block; width: calc(100% - 20px); height: 40px; margin: 0; padding: 0 10px; text-align: left; font-size: 10pt; line-height: 40px; color: rgb(80, 80, 80); background-color: rgb(240, 240, 240); cursor: pointer; transition: all 0.2s; }
	.content .partForm .contChoiceMenu .choiceMenu .list .add:hover { background-color: rgb(220, 220, 220); }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice { display: block; width: 100%; height: 40px; margin: 0; padding: 0; font-size: 10pt; line-height: 40px; color: rgb(80, 80, 80); background-color: rgb(250, 250, 250); }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table { table-layout: fixed; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: none; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table tr { height: 40px; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .type { width: 33px; margin: 0; padding: 0 0 0 10px; font-size: 10pt; color: rgb(180, 180, 180); }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .name { width: 65%; margin: 0; padding: 0 0 0 10px; font-size: 10pt; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .additional { width: 20%; margin: 0; padding: 0 0 0 10px; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .additional input { width: 100%; margin: 0; padding: 0 0 0 0; font-size: 10pt; text-align: right; border: none; background-color: transparent; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .additional input:focus { outline: none; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .delete { width: 60px; margin: 0; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .contChoiceMenu .addChoiceMenu { display: block; overflow: hidden; float: left; width: calc((100% / 3) - 30px); height: 350px; margin: 15px; }
	.content .partForm .contChoiceMenu .addChoiceMenu .add { display: block; width: 80px; height: 80px; margin: 135px auto 0 auto; padding: 0; border-radius: 40px; background-color: rgb(81, 180, 228); background-repeat: no-repeat; background-position: center center; cursor: pointer; transition: all 0.2s; }
	.content .partForm .contChoiceMenu .addChoiceMenu .add:hover { background-color: rgb(61, 160, 208); }
	
	#combleFooter {
		display: block;
		width: calc(100% - 60px);
		height: 53px;
		margin: 0;
		padding: 0;
	}
	#footerManager {
		display: block;
		position: fixed;
		overflow: hidden;
		z-index: 10;
		width: calc(100% - 60px);
		height: 40px;
		left: 60px;
		top: 0;
		margin: 0;
		padding: 0;
		font-size: 8pt;
		background-color: rgb(230, 230, 230);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	}
	#footerManager p {
		display: block;
		float: left;
		margin:  0 0 0 10px;
		padding: 0;
		color: rgb(150, 150, 150);
		line-height: 40px;
	}
	#footerManager button {
		color: rgb(50, 50, 50);
		transition: all 0.15s;
	}
	#footerManager .sponsorship {
		display: block;
		float: right;
		margin: 6px 10px 0 0;
		padding: 0 15px 0 40px;
		background-color: #FFECA6;
		border: solid 1px #FFD004;
		border-radius: 2px;
		line-height: 26px;
		background-image: url(../image/icone/sponsorship.svg);
		background-position: left 10px center;
		background-size: 18px 18px;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	#footerManager .sendMessageNotification {
		display: block;
		float: right;
		margin: 6px 10px 0 0;
		padding: 0 15px 0 40px;
		background-color: #E6E5E6;
		border: solid 1px #9C9E9F;
		border-radius: 2px;
		line-height: 26px;
		background-image: url(../image/icone/send-message-ipad.svg);
		background-position: left 5px center;
		background-size: 27px 18px;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	#footerManager button:hover {
		color: rgb(50, 50, 50);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	}
	#footerManager .sponsorship:hover {
		background-color: #FFD004;
	}
	#footerManager .sendMessageNotification:hover {
		background-color: #B8BABB;
	}
	#footerManager button:active {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
		color: rgb(50, 50, 50);
	}
	
	/* main */
	#contenu #main { display: block; width: 100%; padding: 0; margin: 0 0 10px 0; background-color: white; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #main2 { display: block; width: 84%; margin: 0 0 10px 0; background-color : white; border-radius: 3px; box-shadow: 1px 0 2px rgba(150, 150, 150, 0.3); padding : 30px; margin-left : 50px;border : 1px solid black;}
	#contenu #main #list-title { display: block; width: 400px; height: 50px; margin: 0 auto 20px auto; padding: 0 100px 0 100px; font-weight: normal; font-size: 11pt; line-height: 11pt;  text-align: center; color: rgb(50, 50, 50); }
	#contenu #main #list-title .item { display: inline-block; margin: 0 2px 0 2px; padding: 15px; border-radius: 0 0 3px 3px; box-shadow: 0 2px 2px rgb(200, 200, 200); text-align: center; cursor: pointer; color: rgb(120, 120, 120); background-color: rgb(250, 250, 250); }
	#contenu #main #list-title .itemSelect { display: inline-block; margin: 0 2px 0 2px; padding: 15px; border-radius: 0 0 3px 3px; box-shadow: 0 2px 2px rgb(200, 200, 200); text-align: center; color: rgb(120, 120, 120); background-color: rgb(220, 220, 220); }
	#contenu #main #bouton-nouveau { display: block; overflow: hidden; float: right; color: rgb(255, 255, 255); width: 0; height: 27px; margin: -46px 20px 0 0; padding: 8px 25px 0 10px; border-radius: 2px; background-color: rgb(40, 140, 188); cursor: pointer; background-image: url('../image/design/bouton-nouveau-message-fabrication.png'); background-repeat: no-repeat; background-position: right center; }
	#contenu #main #bouton-nouveau:hover { background-color: rgb(53, 150, 198); }
	#contenu #main #cont-filtre-produit { clear: both; margin: 0 450px 0 20px; padding: 5px 0 0 0; }
	#contenu #main #cont-filtre-produit #filtre-produit { display: block; width: 100%; height: 40px; padding: 0 60px 0 10px; margin: 0; text-align: left; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; }
	#contenu #main #cont-filtre-produit #filtre-produit:focus { outline: none; border: rgb(190, 190, 190) 1px solid; }
	#contenu #main #cont-filtre-produit #btn-filtre-produit { display: block; float: right; width: 40px; height: 30px; margin: -36px -60px 0 0; padding: 0; background-color: rgb(44, 140, 188); background-image: url("../image/icone/icone-recherche.png"); background-repeat: no-repeat; background-position: center center; border-radius: 3px; cursor: pointer; }
	#contenu #main #cont-filtre-produit #btn-filtre-produit:hover { background-color: rgb(53, 150, 198); }
	#contenu #main #liste-filtre-produit { display: block; position: absolute; z-index: 1000; overflow: auto; max-height: 295px; left: 0; top: 0; list-style-type: none; margin: 0; padding: 0; background-color: rgb(255, 255, 255); border-radius: 0 0 2px 2px; border: rgb(190, 190, 190) 1px solid; }
	#contenu #main #liste-filtre-produit li { padding: 10px; text-align: left; font-size: 10pt; line-height: 13pt; cursor: pointer; }
	#contenu #main #liste-filtre-produit li:hover { padding: 10px; text-align: left; font-size: 10pt; line-height: 13pt; background-color: rgb(216, 234, 243); }
	#contenu #main #filtre-famille { display: block; float: right; width: 340px; height: 42px; margin: -42px 20px 0 0; padding: 0 5px 0 5px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu #main #filtre-famille:focus { outline: none; border: rgb(190, 190, 190) 1px solid; background-image: url('../image/design/arrow-select-focus.png'); }
	#contenu #main #page-en-construction { display: block; width: 501px; height: 240px; margin: 0 auto 0 auto; padding: 30px 0 30px 0; }
	#contenu #comble { display: block; overflow: hidden; width: 100%; max-height: 54px; padding: 0; margin: 0 0 10px 0; background-color: white; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #comble #lastImport { display: block; float: left; width: 65%; margin: 0; padding: 20px; font-size: 11pt; color: rgb(120, 120, 120); }
	#contenu #comble #optionsImport { display: block; float: right; width: 70px; margin: 20px 35px 0 0; padding: 0; text-align: right; font-size: 11pt; color: rgb(120, 120, 120); cursor: pointer; }
	#contenu #comble #optionsImport:hover { text-decoration: underline; color: rgb(0, 0, 0); }
	#contenu #comble #contHistoImport { display: block; clear: both; width: 100%; margin: 0; padding: 10px 0 0 0; }
	#contenu #comble #contHistoImport #listHisto { display: block; float: left; width: calc(100% - 155px); height: 40px; padding: 0 40px 0 5px; margin: 0 20px 20px 20px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu #comble #contHistoImport #listHisto:focus { outline: none; }
	#contenu #comble #contHistoImport #launch { display: block; float: right; padding: 12px 20px 10px 20px; border-radius: 3px; margin: 0 20px 0 0; font-weight: normal; font-size: 11pt; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu #comble #contHistoImport #launch:hover { background-color: rgb(59, 151, 196); }
	#contenu #comble #contHistoImport #loaderBackup { display: none; float: right; width: 30px; margin: 5px 50px 0 0; }
	
	#contenu-full #main { display: block; width: 100%; padding: 0; margin: 0 0 10px 0; background-color: white; border-radius: 3px; }
	#contenu-full #main #title { display: block; width: 100%; margin: 0; padding: 20px 0 10px 0; font-size: 11pt; text-align: center; color: rgb(50, 50, 50); }
	
	/* informatif */
	#content-message-validation #msg-informatif { display: block; overflow: hidden; width: 100%; margin: 0; background-color: #3ebc68; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#content-message-validation #msg-informatif .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	#content-message-validation #msg-error { display: block; overflow: hidden; width: 100%; margin: 0; background-color: #bd3f3f; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#content-message-validation #msg-error .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	#content-message-validation #msg-attention { display: block; overflow: hidden; width: 100%; margin: 0; background-color: #ffa70b; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#content-message-validation #msg-attention .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	.table-simple { width: 100%; border-collapse: collapse; border: 1px solid rgb(240, 240, 240); }
	.table-simple.marginTop { margin-top: 15px; }
	.table-simple.marginBottom { margin-bottom: 15px; }
	.table-simple .header { background-color: rgb(230, 230, 230); }
	.table-simple tr { border: 1px solid rgb(240, 240, 240); }
	.table-simple tr td { padding: 13px 10px; color: rgb(100, 100, 100); font-size: 9pt; }
	.table-simple tr.noPaddingHorizontal td { padding: 0 10px; }
	.table-simple tr td.center { text-align: center; }
	.table-simple tr td.checkbox { width: 50px; max-width: 50px; }
	.table-simple tr td .main { width: 24px;cursor: pointer; }
	.table-simple tr td .reset { display: block; width: 20px; margin: auto auto; padding: 10px; border-radius: 20px; cursor: pointer; }
	.table-simple tr td .reset.hidden { visibility: hidden; }
	.table-simple tr td .reset:hover { background-color: rgb(245, 245, 245); }
	.table-simple tr td .reset:active { background-color: rgb(235, 235, 235); }
	
	.clear { clear : both; }
	.div-flex-row { display: flex; justify-content : space-between; align-items: stretch; height: 100%; width: 100%; }
	.div-flex-row .div-square { height: 325px; width : 100%; margin: 15px ; border-radius: 3px; }
	.div-flex-row .select-square { height: 37px; width : 100%; outline : none; padding: 0 10px; font-size: 11pt; color : rgb(230,230,230); background-image: url('../image/icone/arrow-input-select.png'); background-repeat: no-repeat; border: none; background-color: rgb(80, 80, 80); overflow: hidden;  -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; border-radius: 3px 3px 0 0; background-position: right; }
	.div-flex-row .select-square.min { border-radius: 3px 0 0 0; }
	.div-flex-row .select-stock-square { height: 37px; width : 70%; outline : none; padding: 0 10px; font-size: 11pt; color : rgb(230,230,230);  background: none; border: none; background-color: rgb(80, 80, 80); overflow: hidden;  -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; border-radius: 0 3px 0 0; }
	.div-flex-row .divContent { height: calc(100% - 65px); width : calc(100% - 14px); overflow: scroll; padding: 7px;}
	.div-flex-row .divLine-square { height: calc(100% - 65px); width : calc(100% - 14px); border-radius: 0 0 3px 3px; background-color: rgb(100,100,100); overflow: scroll; padding: 0 7px 0 7px;}
	.div-flex-row .column-square { width: 100%; text-align: center; margin: 0; height: 25px; background-color: white;}
	.div-flex-row .p-line-square { float : left; margin : 0; padding : 3px 10px 3px 3px; height: 20px; width: 30px; color: rgb(160,160,160); text-align : end; line-height: 23.5px; border-right: 1px solid rgb(130,130,130);}
	.div-flex-row .p-square { float : left; margin : 0; padding : 3px 3px 3px 10px; height: 20px; width : calc(100% - 57px); line-height: 23.5px; color : rgb(230,230,230);}
	.div-flex-row .p-square.error { color : rgb(216, 0, 0); }
	
	.div-flex-row .div-square .div-error { position: absolute; width: 300px; height: 160px; background-color: white; border-radius: 5px; border : 1px solid rgb(230,230,230); margin : 0; margin-top: -140px; padding: 0; overflow: hidden;}
	.div-flex-row .div-square .div-error .icone-error {float: left; width: 70px; height : 160px; background-color: #c90009;}
	.div-flex-row .div-square .div-error .icone-error p {color : white; font-size: 18pt; line-height: 160px; width: 70px; text-align: center; margin : 0;}
	.div-flex-row .div-square .div-error ul {float : left; margin : 0; width: 210px; height : calc(100% - 20px); padding : 10px; list-style: none;}
	.div-flex-row .div-square .div-error ul li { padding : 5px 0; }
	
	.listing-navigation {
		display: block;
		width: calc(100% - 10px);
		margin: 5px;
		padding: 0;
	}
	.listing-navigation .left {
		display: block;
		float: left;
	}
	.listing-navigation .right {
		display: block;
		float: right;
	}
	.listing-navigation .number {
		float: left;
		margin: 5px;
		padding: 0;
		font-size: 9pt;
		line-height: 36px;
		color: rgb(100, 100, 100);
		text-transform: uppercase;
	}
	.listing-navigation .number strong {
		font-size: 11pt;
		color: rgb(50, 50, 50);
	}
	.listing-navigation .indicator-page {
		margin: 5px 10px 0 0;
		padding: 0 10px;
		font-size: 9pt;
		line-height: 38px;
		color: rgb(100, 100, 100);
		border-radius: 2px;
		cursor: pointer;
		transition: all 0.15s;
	}
	.listing-navigation .indicator-page:hover {
		background-color: rgb(100, 100, 100);
		color: white;
	}
	.listing-navigation .button {
		width: 36px;
		height: 36px;
		margin: 5px 5px 5px 0;
		padding: 0;
		cursor: pointer;
		transition: all 0.15s;
		border-radius: 2px;
		border: 1px solid rgb(230, 230, 230);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 14px 14px;
	}
	.listing-navigation .button.disable {
		opacity: 0.5;
		filter: opacity(50);
		cursor: not-allowed;
	}
	.listing-navigation .button:not(.disable):hover {
		background-color: rgb(235, 235, 235);
	}
	.listing-navigation .button.next {
		background-image: url(../image/icone/next.svg);
	}
	.listing-navigation .button.previous {
		background-image: url(../image/icone/previous.svg);
	}
	
	.listing {
		display: table;
		table-layout: fixed;
		width: 100%;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		border: none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.listing tr {
		transition: all 0.15s;
	}
	.listing tr.header {
		background-color: rgba(240, 240, 240, 1);
	}
	.listing tr.total {
		background-color: rgba(0, 0, 0, 0.1);
	}
	.listing tr:not(.header):not(.total):nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.05);
	}
	.listing tr:not(.header):not(.total):nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.07);
	}
	.listing tr:not(.header):not(.total):nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.02);
	}
	.listing tr td, .listing tr th {
		overflow: hidden;
		padding: 12px 10px;
		text-align: left;
		vertical-align: middle;
	}
	.listing tr th {
		text-transform: uppercase;
		color: rgb(100, 100, 100);
		font-size: 9pt;
	}
	.listing tr th.sort-by {
		padding-right: 18px;
		position: relative;
		cursor: pointer;
	}
	.listing tr th.sort-by:before,
	.listing tr th.sort-by:after {
		border: 4px solid transparent;
		content: "";
		display: block;
		height: 0;
		right: 5px;
		top: 50%;
		position: absolute;
		width: 0;
	}
	.listing tr th.sort-by:before {
		border-bottom-color: #666;
		margin-top: -9px;
	}
	.listing tr th.sort-by:after {
		border-top-color: #666;
		margin-top: 1px;
	}
	.listing tr th.sort-by.asc:before {
		border-bottom-color: rgb(51, 150, 198);
		color: rgb(51, 150, 198);
		margin-top: -5px;
	}
	.listing tr th.sort-by.asc:after {
		display: none;
	}
	.listing tr th.sort-by.desc:before {
		display: none;
	}
	.listing tr th.sort-by.desc:after {
		border-top-color: rgb(51, 150, 198);
		color: rgb(51, 150, 198);
		margin-top: -2px;
	}
	.listing tr td {
		font-size: 9pt;
		line-height: 18px;
		font-weight: bold;
		color: rgb(80, 80, 80);
	}
	.listing tr .number {
		width: 15%;
	}
	.listing tr .number span {
		margin: 0;
		padding: 0;
		cursor: pointer;
	}
	.listing tr:not(.header):not(.total) .number span {
		color: rgb(51, 150, 198);
	}
	.listing tr .licence {
		width: 15%;
	}
	.listing tr .date {
		width: 20%;
	}
	.listing tr .seller {
		width: 20%;
	}
	.listing tr .customer {
		width: 20%;
	}
	.listing tr .amount {
		width: 15%;
		text-align: right;
	}
	.listing tr .article {
		width: 15%;
		text-align: center;
	}
	.listing tr .option {
		width: 50px;
	}
	.listing tr .option span {
		display: block;
		float: left;
		width: 30px;
		height: 30px;
		margin: 0 0 0 10px;
		border-radius: 15px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 16px 16px;
		transition: background-color 0.15s, opacity 0.15s;
		opacity: 0;
		filter: opacity(0);
	}
	.listing tr:not(.header):not(.total):hover .option span {
		opacity: 1;
		filter: opacity(100);
	}
	.listing tr .option span:hover {
		background-color: rgb(100, 100, 100);
	}
	.listing tr .option .forward {
		background-image: url(../image/icone/forward.svg);
	}
	.listing tr .option .viewer {
		background-image: url(../image/icone/viewer.svg);
	}
	.listing tr .option .forward:hover {
		background-image: url(../image/icone/forward-white.svg);
	}
	.listing tr .option .viewer:hover {
		background-image: url(../image/icone/viewer-white.svg);
	}
	
	.content .promotion {
		display: block;
		width: 100%;
		margin: 0;
		padding: 30px 0 40px 0;
		background-color: rgb(247, 58, 73);
	}
	.content .promotion .main {
		display: block;
		width: 400px;
		margin: 0 auto;
		padding: 30px;
		border-radius: 10px;
		background-color: rgb(250, 250, 250);
		box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
	}
	.content .promotion .main .title {
		display: block;
		margin: 0;
		padding: 0 0 30px 0;
		text-align: center;
		font-size: 16pt;
		line-height: 30px;
	}
	.content .promotion .main .list {
		display: block;
		list-style-type: none;
		margin: 0;
		padding: 0 0 30px 0;
	}
	.content .promotion .main .list li {
		display: block;
		padding: 10px 0;
		font-size: 11pt;
		line-height: 20px;
		color: rgb(100, 100, 100);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 24px 24px;
		background-image: url(../image/icone/valid-option.svg);
	}
	.content .promotion .main .link {
		display: block;
		float: right;
		margin: 0;
		margin-top: -10px;
		margin-right: -50px;
		padding: 10px 30px;
		border-radius: 5px;
		background-color: rgb(29, 175, 142);
		box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
		text-align: center;
		font-size: 12pt;
		color: white;
		line-height: 30px;
		cursor: pointer;
	}
	
	/* !MyCompany */
	#contenu #MyCompany { display: block; width: 100%; min-height: 600px; padding: 0; margin: 0 0 10px 0; background-color: white; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #MyCompany .title { display: block; margin: 0 ; padding: 20px; font-size: 14pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu #MyCompany .wrapEnseigne { display: block; width: 75%; margin: 0 auto; padding: 20px 0; }
	#contenu #MyCompany .wrapEnseigne .enseigne { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; border-radius: 15px; cursor: pointer; }
	#contenu #MyCompany .wrapEnseigne .enseigne:hover { background-color: rgba(81, 180, 228, 0.4); }
	#contenu #MyCompany .wrapEnseigne .enseigneInactive { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; border-radius: 15px; }
	#contenu #MyCompany .wrapEnseigne .enseigneSelect { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; background-color: rgb(81, 180, 228); border-radius: 5px; cursor: pointer; }
	#contenu #MyCompany .wrapEnseigne .enseigne .picture, #contenu #MyCompany .wrapEnseigne .enseigneSelect .picture, #contenu #MyCompany .wrapEnseigne .enseigneInactive .picture { display: block; width: 168px; height: 168px; margin: 0; padding: 0; border-radius: 5px; border: rgb(200, 200, 200) 1px solid; background-color: white; }
	#contenu #MyCompany .wrapEnseigne .enseigne .empty, #contenu #MyCompany .wrapEnseigne .enseigneSelect .empty, #contenu #MyCompany .wrapEnseigne .enseigneInactive .empty { display: block; width: 170px; margin: 0; padding: 0; border-radius: 5px; background-color: rgb(230, 230, 230); font-size: 10pt; line-height: 170px; text-align: center; color: rgb(170, 170, 170); }
	#contenu #MyCompany .wrapEnseigne .enseigne .name, #contenu #MyCompany .wrapEnseigne .enseigneInactive .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu #MyCompany .wrapEnseigne .enseigne .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: rgb(50, 50, 50); }
	#contenu #MyCompany .wrapEnseigne .enseigneInactive .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: rgb(150, 150, 150); }
	#contenu #MyCompany .wrapEnseigne .enseigneSelect .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu #MyCompany .wrapEnseigne .enseigneSelect .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: white; }
	#contenu #MyCompany .wrapEnseigne .newSlave { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; cursor: pointer; }
	#contenu #MyCompany .wrapEnseigne .newSlave .add { display: block; width: 170px; height: 162px; margin: 0; padding: 8px 0 0 0; border-radius: 5px; background-color: rgb(200, 200, 200); font-size: 100pt; line-height: 100pt; text-align: center; color: white; transition: all 0.2s; transition-timing-function: ease-out; }
	#contenu #MyCompany .wrapEnseigne .newSlave .add:hover { background-color: rgb(180, 180, 180); }
	#contenu #MyCompany .wrapEnseigne .newSlave .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu #MyCompany .wrapEnseigne .newSlave .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; text-align: center; color: rgb(150, 150, 150); }
	
	/* informatif */
	#contenu #informatif { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: #3ebc68; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #informatif .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	/* erreur */
	#contenu #error { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: #bd3f3f; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #error .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	#contenu-full { display: block; overflow: hidden; margin: 0 10px 0 10px; }
	
	/* import part */
	#contenu-full #main .title { display: block; width: 100%; padding: 20px 0 0 0; margin: 0 0 20px 0; font-size: 11pt; text-align: center; color: rgb(50, 50, 50); }
	#contenu-full #main #upload-import #drop { display: block; width: 180px; height: 100px; margin: 15px auto 0 auto; padding: 0; background-color: rgb(240, 240, 240); background-image: url(../image/design/bg-upload-file.png); background-repeat: no-repeat; background-position: center; font-size: 12pt; font-weight: normal; text-align: center; cursor: pointer; }
	#contenu-full #main #upload-import #drop .textDrop { display: block; width: 150px; margin: 0 auto 0 auto; padding: 47px 0 0 0; font-size: 10pt; line-height: 16pt; color: rgb(150, 150, 150); }
	#contenu-full #main #upload-import #drop input { display: none; }
	#contenu-full #main #upload-import #drop div { background-color: rgb(210, 210, 210); padding: 15px; width: 150px; height: 70px; position: relative; }
	#contenu-full #main #upload-import #drop div input { display: none; }
	#contenu-full #main #upload-import #drop div p { color: rgb(255, 255, 255); font-size: 11pt; font-weight: normal; position: absolute; text-align: center; width: 150px; top: 45px; left: 15px; }
	#contenu-full #main #upload-import #drop div i { display:block; width: 150px; text-align: center; font-weight: normal; font-style: normal; color:#7f7f7f; }
	#contenu-full #main #upload-import #drop div canvas { width: 40px; margin: -5px auto 0 auto; }
	#contenu-full #main #upload-import #drop div span { width: 15px; height: 12px; background: url('../image/icone/icons.png') no-repeat; position: absolute; top: 10px; right: 10px; cursor: pointer; }
	#contenu-full #main #upload-import #drop div.working span { height: 16px; background-position: 0 -12px; }
	#contenu-full #main #upload-import #drop div.error p { color:red; }
	#contenu-full #main #description-file { display: block; width: 100%; padding: 0; margin: 40px 20px 0 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-separator { display: block; width: 100%; padding: 0; margin: 20px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-separator #separator { width: 30px; padding: 5px 0 5px 0; margin-left: 10px; font-size: 11pt; text-align: center; color: rgb(50, 50, 50); }
	#contenu-full #main #description-separator #separator:focus { outline: none; }
	#contenu-full #main #description-type { display: block; width: 100%; padding: 0; margin: 20px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-type select { width: 255px; height: 40px; padding: 0 40px 0 5px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu-full #main #description-type select:focus { outline: none; }
	#contenu-full #main #description-ignore { display: block; width: 100%; padding: 0; margin: 20px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-ignore select { width: 255px; height: 40px; padding: 0 40px 0 5px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu-full #main #description-ignore select:focus { outline: none; }
	#contenu-full #main #description-stock { display: block; width: 100%; padding: 0; margin: 20px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-stock select { width: 340px; height: 40px; margin: -5px 0 0 10px; padding: 0 40px 0 5px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu-full #main #description-stock select:focus { outline: none; }
	#contenu-full #main #workInBackground { display: block; width: calc(100% - 70px); padding: 15px; margin: 20px 20px 0 20px; font-size: 11pt; line-height: 13pt; color: white; text-align: left; background-color: #3ebc68; border-radius: 3px; }
	#contenu-full #main #next { display: block; float: right; padding: 10px 20px 8px 20px; border-radius: 3px; margin: 20px; font-weight: normal; font-size: 11pt; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu-full #main #next:hover { background-color: rgb(59, 151, 196); }
	#contenu-full #main #importDiffere { display: block; float: right; padding: 10px 20px 8px 20px; border-radius: 3px; margin: 20px; font-weight: normal; font-size: 11pt; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu-full #main #importDiffere:hover { background-color: rgb(59, 151, 196); }
	#contenu-full #main #import { display: block; float: right; padding: 10px 20px 8px 20px; border-radius: 3px; margin: 20px; font-weight: normal; font-size: 11pt; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu-full #main #import:hover { background-color: rgb(59, 151, 196); }
	#contenu-full #main #reload { display: block; float: right; padding: 10px 20px 8px 20px; border-radius: 3px; margin: 20px; font-weight: normal; font-size: 11pt; text-decoration: none; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu-full #main #reload:hover { background-color: rgb(59, 151, 196); }
	#contenu-full #main #loader { display: block; visibility: hidden; float: right; width: 30px; margin: 23px 0 20px 0; }
	#contenu-full #main #check { display: none; width: 125px; height: 125px; margin: 20px auto 20px auto; padding: 0 0 20px 0; }
	#contenu-full #main #table-field { display: table; width: calc(100% - 40px); margin: 10px 20px 0 20px; border-collapse: collapse; border: rgb(200, 200, 200) 1px solid; background-color: white; }
	#contenu-full #main #table-field tr { height: 50px; border-bottom: rgb(200, 200, 200) 1px solid; }
	#contenu-full #main #table-field tr:first-child { background-color: rgb(230, 230, 230); }
	#contenu-full #main #table-field tr:first-child .tdExemple { font-weight: normal; }
	#contenu-full #main #table-field tr:last-child { border-bottom: none; }
	#contenu-full #main #table-field tr .tdField { padding: 5px 20px 0 20px; width: 150px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr:first-child .tdSelect { padding: 5px 20px 0 20px; width: 150px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr .tdSelect { padding: 2px 20px 0 20px; width: 360px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr:first-child .tdValueFile { padding: 5px 20px 0 20px; width: 150px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr .tdValueFile { padding: 5px 20px 0 20px; width: 360px; font-size: 10pt; text-align: left; color: white; background-color: rgb(231, 88, 84); }
	#contenu-full #main #table-field tr .tdExemple { padding: 5px 20px 0 20px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); font-weight: bold; }
	#contenu-full #main #table-field tr .tdInsert { padding: 5px 20px 0 20px; width: 33%; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr .tdUpdate { padding: 5px 20px 0 20px; width: 34%; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr .tdDelete { padding: 5px 20px 0 20px; width: 33%; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr td select { width: 340px; height: 40px; padding: 0 40px 0 5px; font-size: 10pt; color: rgb(50, 50, 50); background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu-full #main #table-field tr td select:focus { outline: none; }
	
	/* transfert part */
	#contenu-full #main .wrapEnseigne { display: block; width: 75%; margin: 0 auto; padding: 20px 0; }
	#contenu-full #main .wrapEnseigne .enseigne { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; border-radius: 15px; cursor: pointer; background-color: rgb(245, 245, 245); }
	#contenu-full #main .wrapEnseigne .enseigne:hover { background-color: rgba(81, 180, 228, 0.4); }
	#contenu-full #main .wrapEnseigne .enseigneInactive { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; border-radius: 15px; }
	#contenu-full #main .wrapEnseigne .enseigneSelect { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; background-color: rgb(81, 180, 228); border-radius: 15px; cursor: pointer; }
	#contenu-full #main .wrapEnseigne .enseigne .picture, #contenu-full #main .wrapEnseigne .enseigneSelect .picture, #contenu-full #main .wrapEnseigne .enseigneInactive .picture { display: block; width: 168px; height: 168px; margin: 0; padding: 0; border-radius: 5px; border: rgb(200, 200, 200) 1px solid; background-color: white; }
	#contenu-full #main .wrapEnseigne .enseigne .empty, #contenu-full #main .wrapEnseigne .enseigneSelect .empty, #contenu-full #main .wrapEnseigne .enseigneInactive .empty { display: block; width: 170px; margin: 0; padding: 0; border-radius: 5px; background-color: rgb(230, 230, 230); font-weight: normal; font-size: 10pt; line-height: 170px; text-align: center; color: rgb(50, 50, 50); }
	#contenu-full #main .wrapEnseigne .enseigne .name, #contenu-full #main .wrapEnseigne .enseigneInactive .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu-full #main .wrapEnseigne .enseigne .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: rgb(50, 50, 50); }
	#contenu-full #main .wrapEnseigne .enseigneSelect .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu-full #main .wrapEnseigne .enseigneSelect .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: white; }
	
	#contenu-full #main #description-param { display: none; margin: 0; padding: 0; }
	#contenu-full #main #description-param .param { display: block; width: 350px; padding: 0; margin: 30px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	
	/* informatif */
	#contenu-full #informatif { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: #3ebc68; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu-full #informatif .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	/* erreur */
	#contenu-full #error { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: #bd3f3f; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu-full #error .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	/* postit */
	#contenu-full #postit { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: rgb(88, 180, 228); border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu-full #postit .description { display: block; overflow: hidden; width: 100%; margin: 15px 10px 10px 10px; color: rgb(255, 255, 255); text-align: left; font-size: 13pt; }
	#contenu-full #postit .jours { display: block; overflow: hidden; width: 100%; margin: 20px 0 15px 0; color: rgb(255, 255, 255); text-align: center; font-size: 18pt; }
	#contenu-full #postit .jours span { font-size: 35pt; padding: 0 5px; }
	#contenu-full #postit .download { display: block; float: right; margin: -63px 20px 0 0; padding: 15px; background-color: rgb(36, 139, 190); color: rgb(255, 255, 255); border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); cursor: pointer; }
	#contenu-full #postit .download:hover { background-color: rgb(46, 149, 200); }
	#contenu-full #postit .download a { text-decoration: none; color: white; }
}
@media only screen and (min-width: 1200px) {
	html, body { min-width: 800px; min-height: 600px; }
	body::-webkit-scrollbar { display: none; }
	
	#header {
		display: block;
		position: fixed;
		overflow: hidden;
		z-index: 901;
		width: calc(100% - 60px);
		height: 70px;
		left: 0;
		top: 0;
		margin: 0 0 0 60px;
		padding: 0;
		background-color: white;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	}
	#header .colorStore {
		display: block;
		width: 100%;
		height: 7px;
		margin: 0;
		padding: 0;
		background-color: white;
	}
	#header .iconMenu {
		display: none;
	}
	#header .ariane {
		display: block;
		float: left;
		width: calc(100% - 345px);
		margin: 0;
		padding: 0 0 0 5px;
	}
	#header .ariane .title {
		display: none;
	}
	#header .ariane .item {
		display: block;
		overflow: hidden;
		float: left;
		max-width: 200px;
		margin: 0;
		padding: 0 12px;
		font-size: 11pt;
		text-transform: uppercase;
		line-height: 63px;
		text-align: left;
		color: rgb(160, 160, 160);
		text-overflow: ellipsis;
		white-space: nowrap;
		transition: 0.15s;
	}
	#header .ariane .item.link {
		cursor: pointer;
	}
	#header .ariane .item.inProgress {
		color: rgb(50, 50, 50);
	}
	#header .ariane .item.link:hover {
		color: rgb(50, 50, 50);
	}
	#header .ariane .item.separator {
		padding: 0;
	}
	#header .iconNotification {
		display: block;
		float: right;
		width: 80px;
		height: 63px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 24px 24px;
		background-image: url(../image/icone/notification.svg);
		cursor: pointer;
		transition: 0.15s;
	}
	#header .iconSearch {
		display: block;
		float: right;
		width: 80px;
		height: 63px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 24px 24px;
		background-image: url(../image/icone/search.svg);
		cursor: pointer;
		border-right: 1px solid rgb(230, 230, 230);
		transition: 0.15s;
	}
	#header .iconNotification:hover, #header .iconSearch:hover {
		background-color: rgb(240, 240, 240);
	}
	#header #alertNotification {
		display: none;
		float: right;
		width: 20px;
		height: 20px;
		margin: 10px -42px 0 0;
		padding: 0;
		text-align: center;
		font-size:9pt;
		line-height: 20px;
		color: #FFFFFF;
		border-radius: 10px;
		background-color: #dd3932;
		cursor: pointer;
	}
	#header #alertNotificatio.visible {
		display: block;
	}
	#header #CA-enseigne {
		display: block;
		float: right;
		width: 150px;
		margin: 0;
		padding: 0 20px 0 0;
		text-align: right;
		font-size: 12pt;
		font-weight: bold;
		line-height: 63px;
		color: rgb(50, 50, 50);
		border-right: 1px solid rgb(230, 230, 230);
	}
	
	#menu {
		display: block;
		position: fixed;
		z-index: 1001;
		overflow-x: hidden;
		overflow-y: auto;
		width: 220px;
		height: 100%;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		background-color: rgb(17, 21, 39);
		transition: width 0.15s;
	}
	#menu.provider {
		background-color: rgb(92, 53, 107);
	}
	#menu.retract {
		width: 60px;
	}
	#menu a {
		text-decoration: none;
	}
	#menu .wrapUser {
		display: block;
		width: 100%;
		margin: 0;
		padding: 15px 0 0 0;
		border-bottom: 1px solid rgb(47, 51, 69);
		cursor: pointer;
		transition: all 0.15s;
	}
	#menu .wrapUser:hover {
		background-color: rgb(27, 31, 49);
	}
	#menu .wrapUser .contPicUser {
		display: block;
		overflow: hidden;
		width: 100px;
		height: 100px;
		margin: 0 auto 15px auto;
		padding: 0;
		border-radius: 50px;
		background-color: rgb(255, 255, 255);
		transition: all 0.15s;
	}
	#menu.provider .wrapUser .contPicUser {
		background-color: transparent;
	}
	#menu .wrapUser .contPicUser .picUser {
		display: block;
		overflow: hidden;
		width: 64px;
		height: 64px;
		margin: 18px;
		padding: 0;
		transition: 0.15s;
	}
	#menu.retract .wrapUser .contPicUser {
		width: 40px;
		height: 40px;
	}
	#menu.retract .wrapUser .contPicUser .picUser {
		width: 24px;
		height: 24px;
		margin: 8px;
	}
	#menu .wrapUser .nameUser {
		display: block;
		width: calc(100% - 20px);
		margin: 0;
		padding: 0 10px 15px 10px;
		text-align: center;
		font-size: 9pt;
		color: white;
		text-decoration: none;
	}
	#menu.retract .wrapUser .nameUser {
		display: none;
	}
	#menu .listItem {
		display: block;
		width: 100%;
		margin: 10px 0 0 0;
		padding: 0;
	}
	#menu .listItem a {
		text-decoration: none;
		color: white;
		transition: all 0.15s;
	}
	#menu .listItem .item {
		overflow: hidden;
		display: block;
		width: calc(100% - 85px);
		height: 45px;
		margin: 5px 0 5px 10px;
		padding: 0 10px 0 55px;
		text-align: left;
		font-size: 9pt;
		border-radius: 6px;
		background-color: transparent;
		cursor: pointer;
		transition: all 0.15s;
		background-size: 20px 20px;
		background-position: left 10px center;
		background-repeat: no-repeat;
	}
	#menu .listItem .item.alert:after {
		content: " ";
		margin: 0;
		padding: 6px;
		border-radius: 6px;
		background-color: rgba(255,93,47,0.98);
	}
	#menu .listItem .item span {
		line-height: 45px;
		color: white;
	}
	#menu.retract .listItem .item {
		width: 20px;
		padding: 0 10px;
	}
	#menu.retract .listItem .item span {
		display: none;
	}
	#menu .listItem .item:not(.selected):hover {
		background-color: rgb(27, 31, 49);
		color: white;
	}
	#menu .listItem .item.selected {
		background-color: rgb(37, 41, 59);
		color: white;
	}
	#menu .listItem .item.selected::after {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		margin: -53px 0 0 136px;
		transform: rotate(45deg);
		background-color: rgb(31, 130, 168);
	}
	#menu.retract .listItem .item.selected::after {
		margin: -8px 0 0 22px;
	}
	#menu .listItem #statistic {
		background-image: url(../image/icone/menu/dashboard.svg);
	}
	#menu .listItem #catalog {
		background-image: url(../image/icone/menu/catalog.svg);
	}
	#menu .listItem #customer {
		background-image: url(../image/icone/menu/customer.svg);
	}
	#menu .listItem #seller {
		background-image: url(../image/icone/menu/seller.svg);
	}
	#menu .listItem #setting {
		background-image: url(../image/icone/menu/setting.svg);
	}
	#menu .listItem #device {
		background-image: url(../image/icone/menu/peripheral.svg);
	}
	#menu .listItem #help {
		background-image: url(../image/icone/menu/help.svg);
	}
	#menu .listItem #endConfig {
		background-image: url(../image/icone/menu/endConfig.svg);
	}
	#menu .listSubItem {
		display: block;
		overflow: hidden;
		width: calc(100% - 20px);
		max-height: 0;
		margin: 0 0 0 10px;
		padding: 0;
		transition: all 0.25s;
	}
	#menu .listSubItem.selected {
		background-color: rgb(37, 41, 59);
	}
	#menu .listSubItem.visible {
		margin: -10px 0 0 10px;
		padding: 16px 0 0 0;
		max-height: none;
	}
	#menu .listSubItem a {
		text-decoration: none;
		color: white;
		transition: all 0.15s;
	}
	#menu .listSubItem .subItem {
		overflow: hidden;
		display: block;
		width: calc(100% - 10px);
		height: 45px;
		margin: 5px 0;
		padding: 0 10px 0 0;
		text-align: left;
		font-size: 9pt;
		line-height: 45px;
		color: white;
		border-radius: 6px;
		background-color: transparent;
		cursor: pointer;
		transition: all 0.15s;
	}
	#menu .listSubItem .subItem.alert {
		color: rgba(255,93,47,0.98);
	}
	#menu .listSubItem:not(.selected) .subItem:hover {
		background-color: rgb(27, 31, 49);
		color: white;
	}
	#menu .listSubItem .subItem .puce {
		display: block;
		float: left;
		width: 16px;
		height: 16px;
		margin: 14px 14px 0 15px;
		background-color: rgb(57, 61, 79);
		border-radius: 8px;
		transition: background-color 0.15s;
	}
	#menu .listSubItem .subItem.selected .puce {
		background-color: rgb(31, 130, 178);
	}
	#menu .listSubItem .subItem.alert.selected .puce {
		color: rgba(255,93,47,0.98);
	}
	#menu .listSubItem .subItem:hover .puce {
		background-color: rgb(31, 130, 178);
	}
	#menu .listSubItem .subItem.alert:hover .puce {
		color: rgba(255,93,47,0.98);
	}
	
	#menu-mobile {
		display: none;
	}
	
	.comble { display: block; height: 70px; margin: 0; padding: 0; background-color: rgb(245, 245, 245); }
	
	#choicePage { display: none; }
	#searchBar { display: none; }
	
	.customSelect {
		display: none;
		position: absolute;
		z-index: 12;
		overflow-x: hidden;
		overflow-y: auto;
		width: 300px;
		max-height: 0;
		margin: 0;
		padding: 10px;
		border-radius: 5px;
		background-color: white;
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
		opacity: 0.0;
	}
	.customSelect.w100 {
		width: 100px;
	}
	.customSelect.w200 {
		width: 200px;
	}
	.customSelect.inLightbox {
		z-index: 1013;
	}
	.customSelect .title {
		display: block;
		margin: 5px 10px 10px 10px;
		padding: 0;
		font-size: 9pt;
		text-align: left;
	}
	.customSelect ul {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.customSelect ul a {
		text-decoration: none;
		color: inherit;
	}
	.customSelect ul li {
		display: block;
		width: calc(100% - 20px);
		margin: 5px 0 0 0;
		padding: 10px 10px;
		text-align: left;
		border-radius: 6px;
		transition: all 0.15s;
		cursor: pointer;
	}
	.customSelect ul li:first-child {
		margin-top: 0;
	}
	.customSelect ul li:hover {
		background-color: rgba(51, 150, 198, 0.1);
	}
	.customSelect ul li .puce {
		display: block;
		float: left;
		width: 10px;
		height: 10px;
		margin: 11px 15px 0 0;
		padding: 0;
		border-radius: 5px;
		background-color: rgb(230, 230, 230);
		transition: all 0.15s;
	}
	.customSelect ul li .puce.add {
		width: 10px;
		height: 10px;
		border-radius: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px 10px;
		background-image: url(../image/icone/add.svg);
	}
	.customSelect ul li .puce.remove {
		width: 10px;
		height: 10px;
		border-radius: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px 10px;
		background-image: url(../image/icone/remove.svg);
	}
	.customSelect ul li .puce.checked {
		width: 14px;
		height: 14px;
		border-radius: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 14px 14px;
		background-image: url(../image/icone/checked.svg);
	}
	.customSelect ul li.selected .puce {
		background-color: rgba(51, 150, 198, 1);
	}
	.customSelect ul li:hover .puce:not(.add, .remove, .checked) {
		background-color: rgba(51, 150, 198, 1);
	}
	.customSelect ul li:hover .puce.warning {
		background-color: #ef1b00;
	}
	.customSelect ul li .wrapText {
		display: block;
		float: left;
		width: calc(100% - 25px);
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.customSelect ul li .wrapText.checked {
		width: calc(100% - 29px);
	}
	.customSelect ul li .wrapText span {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.customSelect ul li .wrapText span.main {
		font-size: 10pt;
	}
	.customSelect ul li .wrapText span.secondary {
		font-size: 9pt;
		color: rgb(160, 160, 160);
	}
	.customSelect ul li .wrapText span.main.warning {
		color: #ef1b00;
	}
	.customSelect ul li .wrapText span em {
		font-size: 8pt;
		color: rgb(130, 130, 130);
	}
	.customSelect ul li.soloItem p {
		display: block;
		width: calc(100% - 25px);
		margin: 0;
		padding: 0 0 0 25px;
		font-size: 10pt;
		text-align: left;
		transition: all 0.15s;
	}
	.customSelect ul li.soloItem:hover p {
		background-color: rgba(51, 150, 198, 1);
	}
	.customSelect ul li.soloItem .puce {
		margin-top: 2px;
	}
	.customSelect ul li.soloItem .puce.checked {
		margin-top: 0;
	}
	
	.content { display: block; overflow: hidden; width: calc(100% - 80px); margin: 10px 10px 0 70px; background-color: white; transition: all 0.15s; }
	.content.extend { width: calc(100% - 60px); margin: 0 0 0 60px; }
	.content.flex {  overflow: visible; width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; }
	.content.bloc { width: calc(100% - 80px); margin: 0 10px 0 70px; }
	.content.surPadding { padding: 30px 0 10px 0; }
	.content.noBlock { padding-bottom: 30px; }
	.content.padding { padding-top: 20px; }
	.content.paddingForButton { padding: 15px 0 5px 0; }
	.content.margin { margin-top: 10px; }
	.content.marginReport { margin-top: 55px; }
	.content.rounded { border-radius: 3px; }
	.content.shadow { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
	.content.noBackgroundColor { overflow: visible; background-color: transparent; }
	.content.extend.blue { background-color: rgb(91, 190, 238); color: white; }
	.content.extend.nf { background-color: #de4e4d; color: white; }
	.content.extend.orange { background-color: #ff7d44; color: white; }
	.content.extend.yellow { background-color: rgb(255, 248, 116); color: black; }
	.content.extend.red { background-color: rgb(255, 97, 86); color: white; }
	.content.extend.green { background-color: rgb(0, 201, 102); color: white; }
	.content.part { width: calc(100% - 80px); margin: 0 0 0 70px; }
	.content.withScrolling { width: calc(100% - 114px); }
	.content.billing {
		display: none;
		z-index: 100000;
		overflow: hidden;
		background-color: rgb(29, 175, 142);
		height: 80px;
	}
	.content.billing.visible {
		display: block;
	}
	.content.spaceBilling {
		display: none;
		overflow: hidden;
		height: 80px;
		background-color: transparent;
	}
	.content.spaceBilling.visible {
		display: block;
	}
	.content.fixedBilling {
		position: fixed;
		z-index: 1000;
		left: 60px;
		top: 60px;
		margin: 0;
		padding: 0 20px;
		border-radius: 0;
	}
	.content .wrap { display: block; padding: 0; border: rgb(210, 210, 210) 1px solid; border-bottom-width: 2px; border-radius: 3px; background-color: white; }
	.content .wrap.extend { width: calc(100% - 2px); margin: 0 0 10px 0; }
	.content .wrap.splitFifty { float: left; width: calc(50% - 12px); margin: 0 0 10px 0; }
	.content .wrap.splitOneQuarter { float: left; width: calc(25% - 12px); margin: 0 0 10px 0; }
	.content .wrap.splitThreeQuarter { float: left; width: calc(75% - 12px); margin: 0 0 10px 0; }
	.content .wrap.splitFifty.left, .content .wrap.splitOneQuarter.left, .content .wrap.splitThreeQuarter.left { margin-right: 10px; }
	.content .wrap.splitFifty.right, .content .wrap.splitOneQuarter.right, .content .wrap.splitThreeQuarter.right { margin-right: 10px; }
	.content .wrap.clear { clear: both; }
	.content .text { width: calc(100% - 30px); margin: 0; padding: 15px; font-size: 10pt; line-height: 18px; }
	.content .description { width: calc(100% - 30px); margin: 0; padding: 0 15px; font-size: 11pt;  }
	.content .jours { width: 100%; margin: 0; padding: 15px 0; font-size: 16pt; line-height: 45pt; text-align: center;  }
	.content .jours span { font-size: 28pt; margin: 0 10px; padding: 8px 23px; background-color: white; border-radius: 35px; color: rgb(61, 160, 208); }
	.content .download { display: block; float: right; margin: -20px 20px 15px 0; padding: 15px; background-color: rgb(61, 160, 208); border-radius: 3px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: all 0.2s; }
	.content .download:hover { background-color: rgb(51, 150, 198); }
	.content .nf-button { display: block; float: right; margin: -20px 20px 15px 0; padding: 15px; background-color: rgb(190, 56, 50); border-radius: 3px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: all 0.2s; }
	.content .nf-button:hover { background-color: rgb(174, 23, 23); }
	.content .regul { display: block; float: right; margin: -10px 20px 15px 0; padding: 15px; background-color: rgb(235, 77, 66); border-radius: 3px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: all 0.2s; }
	.content .regul:hover { background-color: rgb(215, 67, 46); }
	
	.content .blockAction {
		display: block;
		float: left;
		width: calc((100% / 3) - 10px);
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center top 25px;
		background-size: 50px 50px;
		background-color: white;
		cursor: pointer;
		transition: all 0.15s;
	}
	.content .blockAction.rounded {
		border-radius: 3px;
	}
	.content .blockAction.shadow {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}
	.content .blockAction.shadow:hover {
		background-color: rgb(250, 250, 250);
	}
	.content .blockAction.raz {
		float: none;
		width: 100%;
		margin: 0;
		background-color: #ef1b00;
	}
	.content .blockAction.raz:hover {
		background-color: #B31800;
	}
	.content .blockAction.mail {
		margin-right: 10px;
		background-image: url(../image/icone/form/at.svg);
	}
	.content .blockAction.passwordManager {
		margin-left: 5px;
		margin-right: 5px;
		background-size: 55px 55px;
		background-image: url(../image/icone/form/monitor.svg);
	}
	.content .blockAction.passwordApp {
		margin-left: 10px;
		background-size: 55px 55px;
		background-image: url(../image/icone/form/password.svg);
	}
	.content .blockAction .title {
		display: block;
		width: calc(100% - 30px);
		margin: 85px 0 10px 0;
		padding: 15px;
		font-size: 11pt;
		line-height: 20px;
		text-align: center;
	}
	.content .blockAction.passwordManager .title, .content .blockAction.passwordApp .title {
		margin-top: 105px;
	}
	.content .blockAction .alert {
		display: block;
		width: calc(100% - 30px);
		margin: 0;
		padding: 15px;
		font-size: 11pt;
		line-height: 20px;
		text-align: center;
		color: white;
	}
	
	.content .titleHeader {
		display: block;
		float: left;
		height: 38px;
		margin: 0 10px;
		padding: 0 0 12px 0;
		font-size: 12pt;
		font-weight: bold;
		line-height: 38px;
	}
	
	.content .buttonAction {
		display: block;
		float: right;
		height: 38px;
		margin: 0 10px 0 5px;
		padding: 0;
		line-height: 38px;
		border-radius: 2px;
		cursor: pointer;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		transition: all 0.15s;
	}
	.content .buttonAction.hidden {
		display: none;
	}
	.content .buttonAction a {
		text-decoration: none;
	}
	.content .buttonAction.blue {
		background-color: rgb(61, 160, 208);
	}
	.content .buttonAction.blue .button {
		color: white;
	}
	.content .buttonAction.blue .detail {
		border-left: 1px solid rgb(31, 130, 178);
	}
	.content .buttonAction.blue .button:hover,
	.content .buttonAction.blue .detail:hover {
		background-color: rgb(41, 140, 188);
	}
	.content .buttonAction.orange {
		background-color: rgb(198, 145, 30);
	}
	.content .buttonAction.orange .button {
		color: white;
	}
	.content .buttonAction.orange .detail {
		border-left: 1px solid rgb(168, 115, 0);
	}
	.content .buttonAction.orange .button:hover,
	.content .buttonAction.orange .detail:hover {
		background-color: rgb(178, 125, 10);
	}
	.content .buttonAction.zerosix {
		background-color: rgb(222, 53, 46);
	}
	.content .buttonAction.zerosix .button {
		color: white;
	}
	.content .buttonAction.zerosix:hover {
		background-color: rgb(232, 63, 56);
	}
	.content .buttonAction.option {
		box-shadow: none;
	}
	.content .buttonAction button {
		display: block;
		margin: 0;
		padding: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		font-family: inherit;
		cursor: pointer;
		background-color: transparent;
		transition: all 0.15s;
	}
	.content .buttonAction .button {
		float: left;
		margin: 0;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 10pt;
		line-height: 38px;
	}
	.content .buttonAction .button.option {
		width: 19px;
		height: 19px;
		padding: 20px;
		border-radius: 20px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 20px 20px;
		background-image: url(../image/icone/list/option-line.svg);
	}
	.content .buttonAction .button.option:hover {
		background-color: rgb(220, 220, 220);
	}
	.content .buttonAction .detail {
		float: right;
		width: 24px;
		height: 38px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px 10px;
		background-image: url(../image/icone/arrow-bottom.svg);
		border-left: 1px solid;
	}
	
	.content .segment { display: block; width: 100%; height: 50px; margin: 0; padding: 0; list-style-type: none; background-color: rgb(230, 230, 230); border-bottom: 1px solid rgb(200, 200, 200); }
	.content .segment .item { display: block; float: left; cursor: pointer; text-align: center; font-size: 10pt; line-height: 50px; border-right: 1px solid rgb(200, 200, 200); transition: all 0.2s; }
	.content .segment .item.selected { background-color: rgb(240, 240, 240); }
	.content .segment .item:last-child { border-right: none; }
	.content .segment.double .item { width: calc((100% / 2) - 1px); }
	.content .segment.double .item:last-child { width: calc(100% / 2); }
	.content .segment .item.free:hover { background-color: rgb(240, 240, 240); }
	
	.scrollBar {
		display: block;
		position: fixed;
		z-index: 100;
		width: 20px;
		right: -10px;
		margin: 0;
		padding: 7px 7px 0 7px;
		border-radius: 17px 0 0 17px;
		background-color: rgba(0, 0, 0, 0.2);
		transition: all 0.15s;
		opacity: 0.3;
		filter: alpha(opacity=30);
	}
	.scrollBar:hover {
		right: 0;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.scrollBar .shortcut {
		display: block;
		width: 20px;
		height: 20px;
		margin: 0 0 7px 0;
		border-radius: 10px;
		background-color: rgba(100, 100, 100, 0.7);
		cursor: pointer;
	}
	.scrollBar .shortcut:hover {
		background-color: rgba(100, 100, 100, 1);
	}
	
	.comblePlus {
		display: block;
		height: 65px;
		margin: 0;
		padding: 0;
		background-color: rgb(245, 245, 245);
	}
	#wrapNav {
		position: fixed;
		z-index: 900;
		top: 70px;
		left: 0;
		background-color: white;
		border-top: 1px solid rgb(240, 240, 240);
	}
	#wrapNav nav {
		display: flex;
		float: left;
		width: calc(100% - 200px);
		margin: 0;
		padding: 0;
	}
	#wrapNav nav.small {
		width: calc(100% - 400px);
	}
	#wrapNav nav a {
		color: #ff293c;
		text-decoration: none;
	}
	#wrapNav nav div {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: 0;
		padding: 0 20px;
		font-size: 10pt;
		line-height: 40px;
		cursor: pointer;
		color: rgb(100, 100, 100);
		transition: all 0.15s;
	}
	#wrapNav nav div.logout {
		color: #ff293c;
	}
	#wrapNav nav div.selected {
		color: rgb(17, 21, 39);
	}
	#wrapNav nav div:after {
		content: '';
		display: block;
		margin: auto;
		height: 3px;
		width: 0;
		background: rgb(17, 21, 39);
		transition: width .15s ease, background-color .15s ease;
	}
	#wrapNav nav div.logout:after {
		background: #ff293c;
	}
	#wrapNav nav div.selected:after {
		width: 100%;
		background: rgb(17, 21, 39);
	}
	#wrapNav nav div:hover:after {
		width: 100%;
	}
	#wrapNav nav div:hover {
		color: rgb(17, 21, 39);
	}
	#wrapNav nav div.logout:hover {
		color: #ff293c;
	}
	#wrapNav .zerosix {
		display: block;
		float: right;
		margin: -8px 0 0 0;
		padding: 0 15px;
		font-size: 10pt;
		line-height: 40px;
		color: white;
		border-radius: 2px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border: none;
		cursor: auto;
		background-color: rgb(222, 53, 46);
		transition: all 0.25s;
	}
	#wrapNav .zerosix:hover {
		background-color: rgb(232, 63, 56);
	}
	#wrapNav .save {
		display: block;
		float: right;
		margin: -8px 10px 0 10px;
		padding: 0 15px;
		font-size: 10pt;
		text-transform: uppercase;
		line-height: 40px;
		color: white;
		border-radius: 2px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		border: none;
		cursor: auto;
		background-color: rgb(17, 21, 39);
		transition: all 0.25s;
		opacity: 0.3;
		filter: alpha(opacity=30);
	}
	#wrapNav .save.provider {
		background-color: #442953;
	}
	#wrapNav .save.active {
		opacity: 1;
		filter: alpha(opacity=100);
		cursor: pointer;
	}
	#wrapNav .save.active:hover {
		background-color: rgb(37, 41, 59);
	}
	#wrapNav .save.provider.active:hover {
		background-color: #251933;
	}
	
	.blockMessage { display: block; width: calc(100% - 110px); margin: 10px 0 0 70px; padding: 15px; background-repeat: no-repeat; background-position: 15px center; border-radius: 3px; }
	.blockMessage.valid { background-color: #1BA679; }
	.blockMessage.error { background-color: #dd3932; }
	.blockMessage .text { display: block; float: left; width: calc(100% - 110px); margin: 0; padding: 0 0 0 40px; font-size: 10pt; line-height: 15pt;  text-align: left; color: #ffffff; }
	.blockMessage .close { display: block; float: right; width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: center center; }
	
	.blockUpdate { display: block; width: calc(100% - 60px); margin: 10px 0 0 60px; padding: 0; background-color: rgb(220, 220, 220); }
	.blockUpdate p { display: block; margin: 0 0 15px 0; padding: 15px 15px 0 15px; font-size: 10pt; line-height: 15pt; font-weight: bold;  color: rgb(50, 50, 50); }
	.blockUpdate ul { display: block; margin: 0; padding: 0; list-style-type: none; }
	.blockUpdate ul li { display: block; width: calc(100% - 40px); margin: 0; padding: 10px 10px 10px 30px; font-size: 9pt;  background-color: rgb(235, 235, 235); border-top: 1px solid rgb(200, 200, 200); cursor: pointer; transition: all 0.2s; }
	.blockUpdate ul li:last-child { border-bottom: 1px solid rgb(190, 190, 190); }
	.blockUpdate ul li:hover { background-color: rgb(220, 220, 220); }
	.blockUpdate ul li label { padding-left: 15px; cursor: pointer; }
	.blockUpdate .goChange { display: block; float: right; height: 37px; margin: 15px; padding: 0 15px 0 40px; text-align: right; font-size: 10pt; line-height: 37px; color: white;  cursor: pointer; border: none; border-radius: 2px; background-repeat: no-repeat; background-position: left 12px center; background-color: rgb(232, 0, 0); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all 0.2s; }
	.blockUpdate .goChange:hover { background-color: rgb(204, 0, 0); }
	
	#list table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: none; background-color: transparent; }
	#list table tr { height: 60px; border-bottom: rgb(228, 238, 242) 1px solid; border-bottom-color: rgb(240, 240, 240); background-color: white; transition: all 0.2s; }
	#list table tr.subheader { height: 30px; background-color: rgb(230, 230, 230); font-size: 9pt; }
	#list table tr.multiSite { height: auto; }
	#list table tr.hide { display: none; }
	#list table tr:hover { background-color: rgb(250, 250, 250); }
	#list table tr:first-child:hover { background-color: white; }
	#list table tr:first-child { height: 35px; }
	#list table th { padding: 0 7px; font-size: 10pt; font-weight: normal;  color: rgb(130, 130, 130); }
	#list table td { padding: 0 7px; font-size: 10pt; line-height: 17px; font-weight: normal;  color: rgb(50, 50, 50); }
	#list table td a { text-decoration: none; color: inherit; }
	#list table td label { margin: 0; padding: 0; line-height: 24px; }
	
	#helpPopup { display: block; position: fixed; z-index: 1000000000; max-width: 215px; left: 0; top: 0; margin: 0; padding: 0; background-color: transparent; }
	#helpPopup .text { display: block; overflow: hidden; max-width: 185px; margin: 0; padding: 15px; background-color: rgb(100, 100, 100); font-size: 10pt; line-height: 16px; text-align: center;  color: white; border-radius: 3px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); }
	#helpPopup .text.error { background-color: #c72825; }
	#helpPopup .arrow { display: block; width: 10px; height: 5px; margin: 0 auto; padding: 0; background-repeat: no-repeat; background-position: center top; }
	
	#barAction { display: block; position: fixed; z-index: 100000; width: 180px; height: 80px; right: 25px; background-color: rgba(255, 255, 255, 0); }
	#barAction .btnDuplicate { display: block; float: right; width: 50px; height: 50px; margin: 20px 10px 0 0; padding: 0; border-radius: 25px; cursor: pointer; background-color: rgb(160, 160, 160); background-repeat: no-repeat; background-position: center center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .btnDuplicate.hide { display: none; }
	#barAction .btnDuplicate:hover { background-color: rgb(140, 140, 140); }
	#barAction .btnCancel { display: block; float: right; width: 50px; height: 50px; margin: 20px 10px 0 0; padding: 0; border-radius: 25px; cursor: pointer; background-color: rgb(211, 35, 38); background-repeat: no-repeat; background-position: center center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .btnCancel:hover { background-color: rgb(191, 15, 18); }
	#barAction .btnSave { display: block; float: right; width: 60px; height: 60px; margin: 8px 0 0 0; padding: 0; border-radius: 30px; cursor: pointer; background-color: rgb(81, 180, 228); background-repeat: no-repeat; background-position: center center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); transition: all 0.2s; }
	#barAction .btnSave:hover { background-color: rgb(61, 160, 208); }
	#barAction .listAnchor li:active, #barAction .btnDuplicate:active, #barAction .btnCancel:active, #barAction .btnSave:active { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); }
	
	#manageCheckbox { display: block; position: fixed; overflow: hidden; z-index: 901; width: calc(100% - 60px); height: 40px; left: 60px; top: -40px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: 41px 4px; }
	#manageCheckbox #indice { display: block; float: left; margin: 0 20px 0 80px; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(150, 150, 150); font-weight: normal; }
	#manageCheckbox #select { display: block; float: left; margin: 0 20px 0 0; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(100, 100, 100); font-weight: normal; cursor: pointer; }
	#manageCheckbox #select:hover { text-decoration: underline; }
	#manageCheckbox #active { display: block; float: right; margin: 0 30px 0 0; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(51, 150, 198); font-weight: normal; cursor: pointer; }
	#manageCheckbox #active:hover { text-decoration: underline; }
	#manageCheckbox #update { display: block; float: right; margin: 0 30px 0 0; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(100, 100, 100); font-weight: normal; cursor: pointer; }
	#manageCheckbox #update:hover { text-decoration: underline; }
	#manageCheckbox #delete { display: block; float: right; margin: 0 30px 0 0; padding: 0; font-size: 10pt; line-height: 39px; color: rgb(234, 33, 45); font-weight: normal; cursor: pointer; }
	#manageCheckbox #delete:hover { text-decoration: underline; }
	
	.content .partForm { display: block; clear: both; margin: 0; padding: 0; }
	.content .partForm.hide { display: none; }
	.content .partForm.last { border-bottom: none; }
	.content .partForm .wrapTitlePart { display: block; float: left; width: calc(25% - 20px); margin: 0; padding: 10px 10px; }
	.content .partForm .wrapTitlePart .logo { display: block; float: left; width: 60px; height: 60px; margin: 0; padding: 0; border: none; border-radius: 30px; background-color: rgb(230, 230, 230); background-repeat: no-repeat; }
	.content .partForm .wrapTitlePart .wrapTitle { display: block; float: left; width: calc(100% - 80px); margin: 0 0 0 10px; padding: 0; }
	.content .partForm .wrapTitlePart .wrapTitle .title { display: block; margin: 0; padding: 12px 0 0 0; text-align: left; color: rgb(100, 100, 100); font-weight: bold; font-size: 10pt; line-height: 20px; text-transform: none;  }
	.content .partForm .wrapTitlePart .wrapTitle .description {  display: block; margin: 0; padding: 5px 0 0 0; text-align: left; color: rgb(150, 150, 150); font-size: 10pt; line-height: 16px; text-transform: none;  }
	.content .partForm .wrapInputPart { display: block; float: left; width: calc(75% - 100px); margin: 0; padding: 15px 15px 30px 50px; }
	.content .partForm .wrapInputPart.long { clear: both; width: calc(100% - 40px); margin: 0; padding: 15px 20px 10px 20px; }
	.content .partForm .wrapInputPart .linkTypeForm { display: block; margin: 0; padding: 5px 0 0 0; font-size: 10pt; text-align: right; color: rgb(81, 180, 228); cursor: pointer; }
	.content .partForm .wrapInputPart .linkTypeForm:hover { text-decoration: underline; }
	.content .partForm .wrapInputPart .wrapInput { display: block; clear: both; margin: 0; padding: 6px 0 0 0; }
	.content .partForm .wrapInputPart .wrapFloat { display: block; float: left; width: calc(50% - 20px); margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapFloat.margin { padding-left: 40px; }
	.content .partForm .wrapInputPart .wrapFloat .innerFloat { width: 60%; float: left;  }
	.content .partForm .wrapInputPart .wrapFloat .innerFloat.export { width: 40%; float: left; }
	.content .partForm .wrapInputPart .wrapLabel { display: block; float: left; width: calc(20% - 20px); margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapLabel.margin { padding-left: 40px; }
	.content .partForm .wrapInputPart .wrapLabelValue { display: block; float: left; width: calc(80% - 20px) ; margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapLabelValue.margin { padding-left: 40px; }
	
	.content .partForm .wrapInputPart .storeCAndC {
		display: block;
		width: calc(100% - 30px);
		margin: 15px 0 0 0;
		padding: 15px;
		border-radius: 5px;
		background-color: rgb(245, 245, 245);
	}
	.content .partForm .wrapInputPart .storeCAndC.roll {
		border-radius: 5px 5px 0 0;
	}
	.content .partForm .wrapInputPart .storeCAndC.addStore {
		width: calc(100% - 70px);
		padding-left: 55px;
		background-repeat: no-repeat;
		background-position: left 20px center;
		background-size: 20px 20px;
		background-image: url(../image/icone/clickAndCollect/plus.svg);
		cursor: pointer;
	}
	.content .partForm .wrapInputPart .storeCAndC .name {
		font-size: 11pt;
		font-weight: bold;
		line-height: 30px;
		text-transform: uppercase;
	}
	.content .partForm .wrapInputPart .storeCAndC .opening {
		margin-right: 20px;
		padding: 0 40px 0 15px;
		font-size: 11pt;
		line-height: 30px;
		border: none;
		background-color: rgb(220, 220, 220);
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 12px 12px;
		background-image: url(../image/icone/clickAndCollect/down-arrow.svg);
		cursor: pointer;
		transition: all 0.15s;
		outline: none;
	}
	.content .partForm .wrapInputPart .storeCAndC .opening.active {
		color: white;
		background-color: #1DAF8E;
		background-image: url(../image/icone/clickAndCollect/down-arrow-white.svg);
	}
	.content .partForm .wrapInputPart .storeCAndC .opening:not(.active):hover {
		background-color: rgb(210, 210, 210);
	}
	.content .partForm .wrapInputPart .storeCAndC .arrow {
		display: block;
		float: right;
		width: 30px;
		height: 30px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 12px 12px;
		background-image: url(../image/icone/clickAndCollect/down-arrow-lightgrey.svg);
		cursor: pointer;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .storeCAndC.roll .arrow {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.content .partForm .wrapInputPart .storeCAndC .roll {
		display: block;
		float: right;
		margin: 0;
		padding: 0 3px 0 0;
		font-size: 11pt;
		line-height: 30px;
		cursor: pointer;
	}
	.content .partForm .wrapInputPart .configStoreCAndC {
		display: block;
		overflow: hidden;
		width: calc(100% - 30px);
		max-height: 0px;
		margin: 0;
		padding: 0 15px;
		border-top: 1px solid rgb(235, 235, 235);
		border-radius: 0 0 5px 5px;
		background-color: rgb(245, 245, 245);
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .configStoreCAndC.roll {
		max-height: none;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .type {
		display: block;
		margin: 15px 0;
		padding: 0 40px 0 15px;
		font-size: 11pt;
		line-height: 30px;
		border: none;
		background-color: rgb(220, 220, 220);
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 12px 12px;
		background-image: url(../image/icone/clickAndCollect/down-arrow.svg);
		cursor: pointer;
		transition: all 0.15s;
		outline: none;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .type:hover {
		background-color: rgb(210, 210, 210);
	}
	.content .partForm .wrapInputPart .configStoreCAndC .contChoices {
		display: block;
		margin: 0;
		padding: 0;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice {
		display: block;
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 11pt;
		line-height: 30px;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.left {
		float: left;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.right {
		float: right;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.paddingRight {
		padding-right: 30px;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.clear {
		clear: both;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .descChoice.strong {
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice {
		display: block;
		margin: 0 0 15px 10px;
		padding: 0 15px;
		font-size: 11pt;
		line-height: 30px;
		border-radius: 5px;
		background-color: rgb(220, 220, 220);
		cursor: pointer;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice:first-letter {
		text-transform: capitalize;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice.left {
		float: left;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice.right {
		float: right;
	}
	.content .partForm .wrapInputPart .configStoreCAndC .choice:hover {
		background-color: rgb(210, 210, 210);
	}
	.content .partForm .wrapInputPart .containerCode {
		display: block;
		overflow: hidden;
		width: calc(100% - 82px);
		height: 50px;
		margin: 20px auto 40px auto;
		padding: 0;
		border-radius: 5px;
		border: 1px solid rgb(230, 230, 230);
		background-color: rgb(230, 230, 230);
	}
	.content .partForm .wrapInputPart .containerCode .input {
		display: block;
		width: calc(100% - 20px);
		height: 50px;
		margin: 0;
		padding: 0 10px;
		font-size: 15pt;
		text-align: left;
		text-align: center;
		text-transform: uppercase;
		border: none;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .containerCode .input:focus {
		outline: none;
	}
	.content .partForm .wrapInputPart .containerCode .input:not(.wrong):hover {
		background-color: rgb(250, 250, 250);
	}
	.content .partForm .wrapInputPart .containerEmail {
		display: block;
		overflow: hidden;
		width: calc(100% - 82px);
		height: 50px;
		margin: 20px auto 40px auto;
		padding: 0;
		border-radius: 5px;
		border: 1px solid rgb(230, 230, 230);
		background-color: rgb(230, 230, 230);
	}
	.content .partForm .wrapInputPart .containerEmail .input {
		display: block;
		width: calc(100% - 20px);
		height: 50px;
		margin: 0;
		padding: 0 10px;
		font-size: 15pt;
		text-align: left;
		text-align: center;
		border: none;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .containerEmail .input:focus {
		outline: none;
	}
	.content .partForm .wrapInputPart .containerEmail .input:not(.wrong):hover {
		background-color: rgb(250, 250, 250);
	}
	
	.content .partForm .wrapInputPart .wrapInput .contInput { display: block; width: 100%; height: 37px; margin: 10px 0 0 0; padding: 20px 0 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput.noMargin { margin-top: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput.marginBottom { margin-bottom: 10px; }
	.content .partForm .wrapInputPart .wrapInput .contInput.noheight { height : auto; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help { display: block; float: left; width: 20px; height: 20px; margin: 0 20px 0 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help.area { margin: -10px 20px 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help.checkbox { margin: -1px 20px 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .help .button { display: block; width: 20px; height: 20px; margin: 7px 0 0 0; padding: 0; font-size: 9pt; line-height: 20px; font-weight: bold; text-align: center;  color: black; cursor: pointer; border-radius: 10px; background-color: rgb(220, 220, 220); }
	.content .partForm .wrapInputPart .wrapInput .contInput .help.checkbox .button { margin-top: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .color { display: block; float: left; width: 20px; height: 20px; margin: 0 10px 0 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .color .pastille { display: block; width: 20px; height: 20px; margin: 7px 0 0 0; padding: 0; cursor: pointer; border-radius: 10px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox { display: block; float: left; width: 20px; height: 20px; margin: -3px 10px 0 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box { position: relative; margin: 0; cursor: pointer; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box:before { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 1rem; height: 1rem; border: 2px solid rgb(180, 180, 180); }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box:checked:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: .5rem; border-color: rgb(61, 160, 208); border-left-width: 5px; border-bottom-width: 5px; border-top-style: none; border-right-style: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .checkbox .box:after { content: ""; position: absolute; left: 0; width: 1.1rem; height: 1.1rem; background: #fff; cursor: pointer; }
	.content .partForm .wrapInputPart .wrapInput .contInput .buttonAdd { display: block; float: left; margin-left: 30px; text-align: left; color: rgb(150, 150, 150); }
	.content .partForm .wrapInputPart .wrapInput .contInput .buttonAdd span { padding: 0 10px; cursor: pointer; color: rgb(81, 180, 228); transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .buttonAdd span:hover { color: rgb(61, 160, 208); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input { display: block; float: left; width: calc(100% - 40px); height: 35px; margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.ttc { width: calc(100% - 320px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.extend { width: calc(100%); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.noheight { height: auto; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.color { width: calc(100% - 70px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.checkbox { width: calc(100% - 70px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.discount { width: calc(100% - 170px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.typeDiscount { float: right; width: 120px; margin-top: 1px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.typeModify { float: right; width: 120px; margin-top: 1px; margin-right: 20px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.symbolModify { float: right; width: 120px; margin-top: 1px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.add { width: calc(100% - 200px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input.addMore { width: calc(100% - 370px); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .displayStock { display: block; position: absolute; z-index: 10; width: 85px; height: 36px; margin: 0; padding: 0 5px 0 10px; line-height: 36px; background-color: rgb(17, 21, 39); color: white; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .label { display: block; margin: 0; padding: 0; text-align: left; color: black; font-size: 12pt; line-height: 18px; text-transform: none;  cursor: pointer; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel { display: block; position: absolute; margin: -54px 0 0 0; padding: 0; text-align: left; color: black; font-size: 10pt; line-height: 18px; text-transform: none;  transition: all 0.3s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.area { margin: -125px 0 0 0; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.stock { margin: -54px 0 0 0; padding-left: 110px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.free { visibility: hidden; position: absolute; margin: -27px 0 0 0; opacity: 0.0; filter: alpha(opacity=0); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.area.free { visibility: hidden; position: absolute; margin: -100px 0 0 0; opacity: 0.0; filter: alpha(opacity=0); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.stock.free { visibility: hidden; position: absolute; margin: -27px 0 0 0; padding-left: 110px; opacity: 0.0; filter: alpha(opacity=0); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel span.beta { margin: 0 0 0 10px; padding: 0 7px; color: white; font-weight: bold; font-size: 11px; line-height: 18px; text-transform: uppercase; background-color: #ff901f; border-radius: 9px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .label.new:before, .content .partForm .wrapInputPart .wrapInput .contInput .input .mainLabel.new:before { content: "nouveau"; padding-right: 5px; color: #EB6930; font-weight: normal; font-size: 9pt; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .line { display: block; width: 0; height: 2px; margin: -2px 0 0 0; padding: 0; background-color: rgb(61, 160, 208); transition: all 0.5s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield { display: block; width: 100%; height: 35px; margin: 0; padding: 0; font-size: 10pt; text-align: left;  color: black; border: none; border-bottom: rgb(210, 210, 210) 1px solid; transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield.uppercase { text-transform: uppercase; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield.stock { width: calc(100% - 110px); padding-left: 10px; margin-left: 100px; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield.disable { background-color: rgba(150, 150, 150, 0.5); padding-left: 10px;}
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus { outline: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus~.mainLabel { visibility: visible; color: rgb(61, 160, 208); margin: -54px 0 0 0; opacity: 1.0; filter: alpha(opacity=1); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus~.line { width: 100%; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus::placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus:-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus::-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus:-ms-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textfield:focus::-webkit-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select { display: block; width: 100%; height: 35px; margin: 0; padding: 0; font-size: 10pt; text-align: left;  white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: black; border: none; border-bottom: rgb(210, 210, 210) 1px solid; background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; cursor: pointer; transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select.uppercase { text-transform: uppercase; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select.disable { background-color: rgba(150, 150, 150, 0.5); padding-left: 10px;}
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus { outline: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus~.mainLabel { visibility: visible; color: rgb(61, 160, 208); margin: -54px 0 0 0; opacity: 1.0; filter: alpha(opacity=1); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus~.line { width: 100%; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus::placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus:-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus::-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus:-ms-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .select:focus::-webkit-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea { display: block; overflow:scroll; width: 100%; height: 100px; margin: 0; padding: 0; resize: none; font-size: 10pt; text-align: left;  white-space: nowrap; color: black; border: none; border-bottom: rgb(210, 210, 210) 1px solid; background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; appearance: none; border-radius: 0; transition: all 0.2s; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea.uppercase { text-transform: uppercase; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus { outline: none; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus~.mainLabel { visibility: visible; color: rgb(61, 160, 208); margin: -125px 0 0 0; opacity: 1.0; filter: alpha(opacity=1); }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus~.line { width: 100%; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus::placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus:-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus::-moz-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus:-ms-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .wrapInput .contInput .input .textarea:focus::-webkit-input-placeholder { color: transparent; }
	.content .partForm .wrapInputPart .contCheckbox {
		display: block;
		clear: both;
		margin: 0;
		padding: 0;
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox {
		display: none;
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ div {
		background-color: rgb(77, 81, 99);
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ div label {
		margin-left: 17px;
		transform: rotate(360deg);
		background-color: rgb(17, 21, 39);
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ div.provider {
		background-color: rgb(92, 53, 107);
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ div.provider label {
		margin-left: 17px;
		transform: rotate(360deg);
		background-color: #442953;
	}
	.content .partForm .wrapInputPart .contCheckbox .checkbox:checked ~ .labelCheckbox {
		color: black;
	}
	.content .partForm .wrapInputPart .contCheckbox .cursorCheckbox {
		display: block;
		float: left;
		width: 30px;
		height: 8px;
		margin: 12px 0 0 5px;
		background-color: rgb(200, 200, 200);
		position: relative;
		border-radius: 4px;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .contCheckbox .cursorCheckbox.marge {
		margin-top: 25px;
	}
	.content .partForm .wrapInputPart .contCheckbox .cursorCheckbox.margeBarButton {
		margin-top: 15px;
	}
	.content .partForm .wrapInputPart .contCheckbox .cursorCheckbox label {
		display: block;
		height: 18px;
		width: 18px;
		background-color: rgb(180, 180, 180);
		position: absolute;
		margin-top: -5px;
		margin-left: -5px;
		cursor: pointer;
		border-radius: 9px;
		transition: all 0.15s;
	}
	.content .partForm .wrapInputPart .contCheckbox .labelCheckbox {
		display: block;
		float: left;
		margin: 0 20px;
		padding: 20px 0;
		color: rgb(130, 130, 130);
		cursor: pointer;
		transition: all 0.15s;
	}
	
	.content .partForm .wrapInputPart .linkAdd { color: rgb(81, 180, 228); cursor: pointer; margin: 0; margin-left: 40px; padding: 15px 0 0 0; }
	.content .partForm .wrapInputPart .linkAdd.endFloat { clear: both; }
	
	.content .partForm .wrapInputPart .separator { margin : 40px 0 20px 0; border-color: rgb(81, 180, 228); }
	
	.content .partForm .wrapInputPart .blockVisibility { display: block; float: left; width: 130px; height: 90px; margin: 0 15px 15px 0; padding: 10px; background-color: rgb(240, 240, 240); border: 1px solid rgb(200, 200, 200); border-radius: 3px; cursor: pointer; transition: all 0.2s; background-repeat: no-repeat; background-position: center top 15px; }
	.content .partForm .wrapInputPart .blockVisibility.unselected { background-color: rgb(200, 200, 200); }
	.content .partForm .wrapInputPart .blockVisibility.hasCheckbox { background-image: none; }
	.content .partForm .wrapInputPart .blockVisibility .title { display: block; overflow: hidden; height: 34px; margin: 0; padding: 60px 0 0 0; font-size: 10pt; line-height: 17px; text-align: center;  color: rgb(80, 80, 80); }
	.content .partForm .wrapInputPart .blockVisibility .title.cut {  white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
	.content .partForm .wrapInputPart .blockVisibility.hasCheckbox .title { padding-top: 25px; }
	.content .partForm .wrapInputPart .blockVisibility .title.single { height: 17px; padding: 70px 0 0 0; }
	.content .partForm .wrapInputPart .blockVisibility.unselected .title { color: rgb(100, 100, 100); }
	.content .partForm .wrapInputPart .blockVisibility .checkbox { display: block; width: 20px; height: 20px; margin: 15px auto 0 auto; padding: 0; }
	.content .partForm .wrapInputPart .blockVisibility .checkbox .box { position: relative; margin: 0; cursor: pointer; }
	.content .partForm .wrapInputPart .blockVisibility .checkbox .box:before { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 1rem; height: 1rem; border: 2px solid rgb(200, 200, 200); border-top-style: none; border-right-style: none; }
	.content .partForm .wrapInputPart .blockVisibility .checkbox .box:checked:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: .5rem; border-color: rgb(7, 166, 59); border-left-width: 5px; border-bottom-width: 5px; border-top-style: none; border-right-style: none; }
	.content .partForm .wrapInputPart .blockVisibility .checkbox .box:after { content: ""; position: absolute; left: 0; width: 1.1rem; height: 1.1rem; background: rgb(240, 240, 240); cursor: pointer; }
	.content .partForm .wrapInputPart .blockVisibility.unselected .checkbox .box:after { content: ""; position: absolute; left: 0; width: 1.1rem; height: 1.1rem; background: rgb(200, 200, 200); cursor: pointer; }
	
	.content .partForm .wrapInputPart .blockPicture { display: block; width: 100%; height: 130px; margin: 20px 0 0 0; padding: 10px 0; border-left: 7px solid white; border-bottom: 1px solid rgb(240, 240, 240); transition: all 0.2s; }
	.content .partForm .wrapInputPart .blockPicture.YATU { height: 230px; }
	.content .partForm .wrapInputPart .blockPicture:hover { border-left: 7px solid rgb(81, 180, 228); }
	.content .partForm .wrapInputPart .blockPicture .contText { display: block; float: left; width: 40%; margin: 0; padding: 23px 0 0 0; text-align: right; font-size: 10pt; line-height: 17px; color: rgb(100, 100, 100); }
	.content .partForm .wrapInputPart .blockPicture .contText .info { font-size: 8pt; color: rgb(170, 170, 170); font-style: italic; }
	.content .partForm .wrapInputPart .blockPicture .contText .link { font-size: 8pt; color: #d73413; cursor: pointer; transition: all 0.2s; }
	.content .partForm .wrapInputPart .blockPicture .contText .link:hover { text-decoration: underline; }
	.content .partForm .wrapInputPart .blockPicture .contImg { display: block; float: left; width: 60%; height: 100px; margin: 0; padding: 0; }
	.content .partForm .wrapInputPart .blockPicture .contImg.YATU { height: 216px; }
	.content .partForm .wrapInputPart .blockPicture .contImg .img { display: block; overflow: hidden; cursor: pointer; border: 1px solid rgb(230, 230, 230); margin: 0 auto; padding: 0; box-shadow: 0 0 2px rgb(200, 200, 200); }
	
	.content .partForm .wrapInputPart .blockHistory { width: 100%; margin: 70px 0 0 0; table-layout:fixed; padding: 0; border-collapse: collapse; border: none; font-size: 9pt; line-height: 17px; text-align: center;  color: rgb(80, 80, 80); }
	.content .partForm .wrapInputPart .blockHistory tr { width: 100%; margin: 0; padding: 0; border: 1px solid rgb(200, 200, 200); border-top: none; transition: all 0.2s; }
	.content .partForm .wrapInputPart .blockHistory tr:hover { background-color: rgb(250, 250, 250); }
	.content .partForm .wrapInputPart .blockHistory tr.borderTop { border-top: 1px solid rgb(200, 200, 200); }
	.content .partForm .wrapInputPart .blockHistory tr.borderBottom { border-bottom: 1px solid rgb(200, 200, 200); }
	.content .partForm .wrapInputPart .blockHistory tr th { color: rgb(110, 110, 110); }
	.content .partForm .wrapInputPart .blockHistory tr td { color: rgb(110, 110, 110); }
	.content .partForm .wrapInputPart .blockHistory tr th, .content .partForm .wrapInputPart .blockHistory tr td { padding: 10px 5px; }
	.content .partForm .wrapInputPart .blockHistory tr .center { text-align: center; }
	.content .partForm .wrapInputPart .blockHistory tr .left { text-align: left; }
	.content .partForm .wrapInputPart .blockHistory tr .old { color: #b00001; }
	.content .partForm .wrapInputPart .blockHistory tr .new { color: rgb(61, 160, 208); }
	.content .partForm .wrapInputPart .blockHistory tr .borderRight { border-right: 1px solid rgb(200, 200, 200); }
	
	.content .partForm .wrapInputPart .error { display: block; clear: both; margin: -10px 0 0 15px; padding: 5px 0 0 25px; text-align: left; color: #DD3932; font-size: 9pt;  }
	.content .partForm .wrapInputPart .error.extend { width: calc(100% - 25px); }
	.content .partForm .wrapInputPart .error.float { width: calc(100% - 25px); }
	.content .partForm .wrapInputPart .error.hide { display: none; }
	.content .partForm .wrapInputPart .inputAdd { display: block; float: right; height: 50px; margin: -72px -1px 0 0; padding: 0 50px; border-radius: 0 24px 24px 0; color: rgb(200, 200, 200); background-color: rgb(230, 230, 230); font-size: 10pt; line-height: 50px;  cursor: pointer; transition: all 0.2s; }
	.content .partForm .wrapInputPart .inputAdd.active { background-color: rgb(81, 180, 228); color: white; }
	.content .partForm .wrapInputPart .inputAdd.active:hover { background-color: rgb(61, 160, 208); }
	
	.content .partForm .wrapTitleCenter { display: block; width: 100%; margin: 0; padding: 0; }
	.content .partForm .wrapTitleCenter .title { display: block; margin: 0; padding: 20px 0 0 0; text-align: center; color: rgb(100, 100, 100); font-weight: bold; font-size: 10pt; line-height: 20px; text-transform: none;  }
	.content .partForm .wrapTitleCenter .title span.beta { margin: 0 0 0 10px; padding: 0 7px; color: white; font-weight: bold; font-size: 11px; line-height: 18px; text-transform: uppercase; background-color: #ff901f; border-radius: 9px; }
	.content .partForm .wrapTitleCenter .description { display: block; margin: 0; padding: 5px 0 0 0; text-align: left; color: rgb(150, 150, 150); font-size: 10pt; line-height: 16px; text-transform: none;  }
	.content .partForm .formTab { display: block; width: calc(100% - 40px); margin: 10px 0 20px 0; padding: 0 20px 0 20px; }
	.content .partForm .formTab .inputLine { width: 100%; background: none; border: none; height: 100%; outline: none; font-size: 10pt; line-height: 50px;  color: rgb(50, 50, 50); text-align: center; }
	.content .partForm .formTab .bold { font-weight: bold;}
	.content .partForm .formTab .uppercase { text-transform: uppercase;}
	.content .partForm .formTab .boldActif { color: rgba(50, 50, 50, 1); }
	.content .partForm .formTab .contTabLeft .list .add-line { text-align: center; color: rgb(81, 180, 228); cursor: pointer; }
	.content .partForm .formTab .contTabRight .list .add-line { text-align: center; color: rgb(81, 180, 228); cursor: pointer; }
	.content .partForm .formTab .contTabLeft { overflow-y: scroll; overflow-x: hidden; float: left; width: calc(50% - 102px); height: 400px; max-height: 400px; margin: 0; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .formTab .contTabLeft.noMaxHeight { height: auto; max-height: none; }
	.content .partForm .formTab .contTabLeft.center { display: block; float : none; width: 700px; margin: 0 auto; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .formTab .contTabRight { overflow-y: scroll; overflow-x: hidden; float: right; width: calc(50% - 102px); height: 400px; max-height: 400px; margin: 0; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .formTab .contTabLeft.extend, .content .partForm .formTab .contTabRight.extend { width: calc(50% - 22px); }
	.content .partForm .formTab .contTabLeft .list, .content .partForm .formTab .contTabRight .list { width: 100%; margin: 0; padding: 0; border: none; border-collapse: collapse; }
	.content .partForm .formTab .contTabLeft .list tr, .content .partForm .formTab .contTabRight .list tr { height: 50px; background-color: white; border-top: rgb(220, 220, 220) 1px solid; }
	.content .partForm .formTab .contTabLeft .list tr:first-child, .content .partForm .formTab .contTabRight .list tr:first-child { border-top: none; }
	.content .partForm .formTab .contTabLeft .list tr:hover, .content .partForm .formTab .contTabRight .list tr:hover { background-color: rgba(81, 180, 228, 0.1); }
	.content .partForm .formTab .contTabLeft .list .colName, .content .partForm .formTab .contTabRight .list .colName { width: calc(100% - 50px); height: 50px; padding: 5px; overflow: hidden; white-space: initial; font-size: 10pt; line-height: 20px;  color: rgb(50, 50, 50); }
	.content .partForm .formTab .contTabLeft .list .colBold, .content .partForm .formTab .contTabRight .list .colBold { text-align: center; cursor: pointer; font-weight: bold; font-size: 12pt; color: rgba(50, 50, 50, 0.5); outline: none;}
	.content .partForm .formTab .contTabLeft .list .colButton, .content .partForm .formTab .contTabRight .list .colMove, .content .partForm .formTab .contTabLeft .list .colMove, .content .partForm .formTab .contTabRight .list .colButton { width: 40px; text-align: center; }
	.content .partForm .formTab .contTabLeft .list .colButtonTicket, .content .partForm .formTab .contTabRight .list .colMove, .content .partForm .formTab .contTabLeft .list .colMove, .content .partForm .formTab .contTabRight .list .colButtonTicket { width: 40px; text-align: center; cursor : pointer;}
	.content .partForm .formTab .contTabLeft .list .colButton .button, .content .partForm .formTab .contTabRight .list .colButton .button { display: block; float: right; width: 20px; height: 20px; margin: 0 15px 0 0; padding: 15px 5px 15px 5px; border: none; cursor: pointer; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .formTab .contTabRight .list .colMove .iconMove { display: block; width: 17px; height: 50px; margin: 0; padding: 0 9px 0 16px; cursor: Row-Resize; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .formTab .contTabLeft .list .colMove .iconMove { display: block; width: 17px; height: 50px; margin: 0; padding: 0 9px 0 16px; cursor: Row-Resize; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .formTab .contTabLeft .list .header , .content .partForm .formTab .contTabRight .list .header { height: 25px; background-color: rgb(245, 245, 245); border-bottom: rgb(220, 220, 220) 1px solid; }
	.content .partForm .formTab .contTabLeft .list .header:hover , .content .partForm .formTab .contTabRight .list .header:hover { background-color: rgb(245, 245, 245); }
	.content .partForm .formTab .contTabLeft .list .colText , .content .partForm .formTab .contTabRight .list .colText  { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 5px; font-size: 10pt; line-height: 30px; text-align: left;  color: rgb(50, 50, 50); }
	.content .partForm .formTab .section { display: block; float: left; width: 170px; margin: 0 15px; padding: 0; }
	.content .partForm .formTab .section .buttonAllAdd {
		display: block;
		overflow: hidden;
		height: 34px;
		margin: 0 auto;
		padding: 0 40px 0 15px;
		cursor: pointer;
		text-align: left;
		font-size: 13px;
		line-height: 34px;
		background-color: rgb(81, 180, 228);
		color: white;
		text-decoration: none;
		border-radius: 2px;
		background-repeat: no-repeat;
		background-position: right 15px center;
		transition: all 0.2s;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		background-image: url('../image/icone/ic-arrow-add.png');
	}
	.content .partForm .formTab .section .buttonAllRemove {
		display: block;
		overflow: hidden;
		height: 34px;
		margin: 328px auto 0 auto;
		padding: 0 15px 0 40px;
		cursor: pointer;
		text-align: right;
		font-size: 13px;
		line-height: 34px;
		background-color: rgb(211, 35, 38);
		color: white;
		text-decoration: none;
		border-radius: 2px;
		background-repeat: no-repeat;
		background-position: 15px center;
		transition: all 0.2s;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		background-image: url('../image/icone/ic-arrow-del.png');
	}
	.content .partForm .formTab .section .buttonAllAdd:hover { background-color: rgb(61, 160, 208); background-position: right 7px center; }
	.content .partForm .formTab .section .buttonAllRemove:hover { background-color: rgb(191, 15, 18); background-position: 7px center; }
	.content .partForm .formLabel { display: block; width: calc(100% - 40px); margin: 15px 0 0 0; padding: 0 20px 0 20px; }
	.content .partForm .formLabel.bar { border-top: rgb(240, 240, 240) 1px solid; margin: 0; padding-top: 20px; }
	.content .partForm .formLabel .tabLeft { display: block; float: left; width: calc(50% - 92px); margin: 0; padding: 0; }
	.content .partForm .formLabel .section { display: block; float: left; width: 150px; margin: 0 15px; padding: 0; }
	.content .partForm .formLabel .tabRight { display: block; float: right; width: calc(50% - 92px); margin: 0; padding: 0; }
	.content .partForm .formLabel .tabLeft .title, .content .partForm .formLabel .tabRight .title { display: block; width: 100%; margin: 0; padding: 0; text-align: center; color: rgb(150, 150, 150); font-size: 10pt; line-height: 16px; text-transform: none;  }
	.content .partForm .linkAddDeclination { text-decoration: none; }
	.content .partForm .buttonAddDeclination { display: block; overflow: hidden; width: calc(100% - 62px); height: 35px; margin: 20px 20px 0 20px; padding: 0 10px 0 10px; cursor: pointer; text-align: center; text-decoration: none; font-size: 13px; line-height: 35px; background-color: rgb(240, 240, 240); color: black; border-radius: 3px; border: rgb(200, 200, 200) 1px solid; }
	.content .partForm .buttonAddDeclination:hover { background-color: rgb(81, 180, 228); color: white; }
	.content .partForm #listSearch { display: block; overflow: scroll; position: absolute; max-height: 225px; left: 0; top: 0; margin: 0; padding: 0; list-style-type: none; font-size: 13px;  color: rgb(70, 70, 70); background-color: white; border: rgb(81, 180, 228) 1px solid; border-top: none; border-bottom-width: 2px; border-radius: 0 0 25px 25px; }
	.content .partForm #listSearch li { display: block; width: calc(100% - 35px); height: 50px; border-bottom: rgb(235, 235, 235) 1px solid; padding: 0 10px 0 25px; line-height: 50px; cursor: pointer; }
	.content .partForm #listSearch li:hover { background-color: rgba(81, 180, 228, 0.1); }
	.content .partForm #listSearch::-webkit-scrollbar { display: none; }
	.content .partForm .contChoiceMenu { display: block; margin: 20px; padding: 0; }
	.content .partForm .contChoiceMenu .choiceMenu { display: block; float: left; width: calc((100% / 3) - 30px); height: 350px; margin: 15px; padding: 0; }
	.content .partForm .contChoiceMenu .choiceMenu .close { display: block; position: relative; width: 34px; height: 34px; margin: 20px 0 0 calc(100% - 20px); padding: 0; border-radius: 17px; background-color: rgb(200, 200, 200); cursor: pointer; background-repeat: no-repeat; background-position: center center; transition: all 0.2s; }
	.content .partForm .contChoiceMenu .choiceMenu .close:hover { background-color: rgb(180, 180, 180); }
	.content .partForm .contChoiceMenu .choiceMenu .title { display: block; width: 100%; margin: -45px 0 0 0; padding: 0; font-size: 10pt; line-height: 30px; text-align: center; }
	.content .partForm .contChoiceMenu .choiceMenu .list { display: block; overflow: hidden; list-style-type: none; width: calc(100% - 2px); height: 318px; margin: 0; padding: 0; border: rgb(200, 200, 200) 1px solid; border-radius: 3px; background-color: rgb(250, 250, 250); }
	.content .partForm .contChoiceMenu .choiceMenu .list .add { display: block; width: calc(100% - 20px); height: 40px; margin: 0; padding: 0 10px; text-align: left; font-size: 10pt; line-height: 40px; color: rgb(80, 80, 80); background-color: rgb(240, 240, 240); cursor: pointer; transition: all 0.2s; }
	.content .partForm .contChoiceMenu .choiceMenu .list .add:hover { background-color: rgb(220, 220, 220); }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice { display: block; width: 100%; height: 40px; margin: 0; padding: 0; font-size: 10pt; line-height: 40px; color: rgb(80, 80, 80); background-color: rgb(250, 250, 250); }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table { table-layout: fixed; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: none; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table tr { height: 40px; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .type { width: 33px; margin: 0; padding: 0 0 0 10px; font-size: 10pt; color: rgb(180, 180, 180); }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .name { width: 65%; margin: 0; padding: 0 0 0 10px; font-size: 10pt; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .additional { width: 20%; margin: 0; padding: 0 0 0 10px; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .additional input { width: 100%; margin: 0; padding: 0 0 0 0; font-size: 10pt; text-align: right; border: none; background-color: transparent; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .additional input:focus { outline: none; }
	.content .partForm .contChoiceMenu .choiceMenu .list .choice table .delete { width: 60px; margin: 0; padding: 0; cursor: pointer; background-repeat: no-repeat; background-position: center center; }
	.content .partForm .contChoiceMenu .addChoiceMenu { display: block; overflow: hidden; float: left; width: calc((100% / 3) - 30px); height: 350px; margin: 15px; }
	.content .partForm .contChoiceMenu .addChoiceMenu .add { display: block; width: 80px; height: 80px; margin: 135px auto 0 auto; padding: 0; border-radius: 40px; background-color: rgb(81, 180, 228); background-repeat: no-repeat; background-position: center center; cursor: pointer; transition: all 0.2s; }
	.content .partForm .contChoiceMenu .addChoiceMenu .add:hover { background-color: rgb(61, 160, 208); }
	
	#combleFooter {
		display: block;
		width: calc(100% - 60px);
		height: 53px;
		margin: 0;
		padding: 0;
	}
	#footerManager {
		display: block;
		position: fixed;
		overflow: hidden;
		z-index: 10;
		width: calc(100% - 60px);
		height: 40px;
		left: 60px;
		top: 0;
		margin: 0;
		padding: 0;
		font-size: 8pt;
		background-color: rgb(230, 230, 230);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	}
	#footerManager p {
		display: block;
		float: left;
		margin:  0 0 0 10px;
		padding: 0;
		color: rgb(150, 150, 150);
		line-height: 40px;
	}
	#footerManager button {
		color: rgb(50, 50, 50);
		transition: all 0.15s;
	}
	#footerManager .sponsorship {
		display: block;
		float: right;
		margin: 6px 10px 0 0;
		padding: 0 15px 0 40px;
		background-color: #FFECA6;
		border: solid 1px #FFD004;
		border-radius: 2px;
		line-height: 26px;
		background-image: url(../image/icone/sponsorship.svg);
		background-position: left 10px center;
		background-size: 18px 18px;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	#footerManager .sendMessageNotification {
		display: block;
		float: right;
		margin: 6px 10px 0 0;
		padding: 0 15px 0 40px;
		background-color: #E6E5E6;
		border: solid 1px #9C9E9F;
		border-radius: 2px;
		line-height: 26px;
		background-image: url(../image/icone/send-message-ipad.svg);
		background-position: left 5px center;
		background-size: 27px 18px;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	#footerManager button:hover {
		color: rgb(50, 50, 50);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	}
	#footerManager .sponsorship:hover {
		background-color: #FFD004;
	}
	#footerManager .sendMessageNotification:hover {
		background-color: #B8BABB;
	}
	#footerManager button:active {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
		color: rgb(50, 50, 50);
	}
	
	/* main */
	#contenu #main { display: block; width: 100%; padding: 0; margin: 0 0 10px 0; background-color: white; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #main2 { display: block; width: 84%; margin: 0 0 10px 0; background-color : white; border-radius: 3px; box-shadow: 1px 0 2px rgba(150, 150, 150, 0.3); padding : 30px; margin-left : 50px;border : 1px solid black;}
	#contenu #main #list-title { display: block; width: 400px; height: 50px; margin: 0 auto 20px auto; padding: 0 100px 0 100px; font-weight: normal; font-size: 11pt; line-height: 11pt;  text-align: center; color: rgb(50, 50, 50); }
	#contenu #main #list-title .item { display: inline-block; margin: 0 2px 0 2px; padding: 15px; border-radius: 0 0 3px 3px; box-shadow: 0 2px 2px rgb(200, 200, 200); text-align: center; cursor: pointer; color: rgb(120, 120, 120); background-color: rgb(250, 250, 250); }
	#contenu #main #list-title .itemSelect { display: inline-block; margin: 0 2px 0 2px; padding: 15px; border-radius: 0 0 3px 3px; box-shadow: 0 2px 2px rgb(200, 200, 200); text-align: center; color: rgb(120, 120, 120); background-color: rgb(220, 220, 220); }
	#contenu #main #bouton-nouveau { display: block; overflow: hidden; float: right; color: rgb(255, 255, 255); width: 0; height: 27px; margin: -46px 20px 0 0; padding: 8px 25px 0 10px; border-radius: 2px; background-color: rgb(40, 140, 188); cursor: pointer; background-image: url('../image/design/bouton-nouveau-message-fabrication.png'); background-repeat: no-repeat; background-position: right center; }
	#contenu #main #bouton-nouveau:hover { background-color: rgb(53, 150, 198); }
	#contenu #main #cont-filtre-produit { clear: both; margin: 0 450px 0 20px; padding: 5px 0 0 0; }
	#contenu #main #cont-filtre-produit #filtre-produit { display: block; width: 100%; height: 40px; padding: 0 60px 0 10px; margin: 0; text-align: left; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; }
	#contenu #main #cont-filtre-produit #filtre-produit:focus { outline: none; border: rgb(190, 190, 190) 1px solid; }
	#contenu #main #cont-filtre-produit #btn-filtre-produit { display: block; float: right; width: 40px; height: 30px; margin: -36px -60px 0 0; padding: 0; background-color: rgb(44, 140, 188); background-image: url("../image/icone/icone-recherche.png"); background-repeat: no-repeat; background-position: center center; border-radius: 3px; cursor: pointer; }
	#contenu #main #cont-filtre-produit #btn-filtre-produit:hover { background-color: rgb(53, 150, 198); }
	#contenu #main #liste-filtre-produit { display: block; position: absolute; z-index: 1000; overflow: auto; max-height: 295px; left: 0; top: 0; list-style-type: none; margin: 0; padding: 0; background-color: rgb(255, 255, 255); border-radius: 0 0 2px 2px; border: rgb(190, 190, 190) 1px solid; }
	#contenu #main #liste-filtre-produit li { padding: 10px; text-align: left; font-size: 10pt; line-height: 13pt; cursor: pointer; }
	#contenu #main #liste-filtre-produit li:hover { padding: 10px; text-align: left; font-size: 10pt; line-height: 13pt; background-color: rgb(216, 234, 243); }
	#contenu #main #filtre-famille { display: block; float: right; width: 340px; height: 42px; margin: -42px 20px 0 0; padding: 0 5px 0 5px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu #main #filtre-famille:focus { outline: none; border: rgb(190, 190, 190) 1px solid; background-image: url('../image/design/arrow-select-focus.png'); }
	#contenu #main #page-en-construction { display: block; width: 501px; height: 240px; margin: 0 auto 0 auto; padding: 30px 0 30px 0; }
	#contenu #comble { display: block; overflow: hidden; width: 100%; max-height: 54px; padding: 0; margin: 0 0 10px 0; background-color: white; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #comble #lastImport { display: block; float: left; width: 65%; margin: 0; padding: 20px; font-size: 11pt; color: rgb(120, 120, 120); }
	#contenu #comble #optionsImport { display: block; float: right; width: 70px; margin: 20px 35px 0 0; padding: 0; text-align: right; font-size: 11pt; color: rgb(120, 120, 120); cursor: pointer; }
	#contenu #comble #optionsImport:hover { text-decoration: underline; color: rgb(0, 0, 0); }
	#contenu #comble #contHistoImport { display: block; clear: both; width: 100%; margin: 0; padding: 10px 0 0 0; }
	#contenu #comble #contHistoImport #listHisto { display: block; float: left; width: calc(100% - 155px); height: 40px; padding: 0 40px 0 5px; margin: 0 20px 20px 20px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu #comble #contHistoImport #listHisto:focus { outline: none; }
	#contenu #comble #contHistoImport #launch { display: block; float: right; padding: 12px 20px 10px 20px; border-radius: 3px; margin: 0 20px 0 0; font-weight: normal; font-size: 11pt; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu #comble #contHistoImport #launch:hover { background-color: rgb(59, 151, 196); }
	#contenu #comble #contHistoImport #loaderBackup { display: none; float: right; width: 30px; margin: 5px 50px 0 0; }
	
	#contenu-full #main { display: block; width: 100%; padding: 0; margin: 0 0 10px 0; background-color: white; border-radius: 3px; }
	#contenu-full #main #title { display: block; width: 100%; margin: 0; padding: 20px 0 10px 0; font-size: 11pt; text-align: center; color: rgb(50, 50, 50); }
	
	/* informatif */
	#content-message-validation #msg-informatif { display: block; overflow: hidden; width: 100%; margin: 0; background-color: #3ebc68; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#content-message-validation #msg-informatif .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	#content-message-validation #msg-error { display: block; overflow: hidden; width: 100%; margin: 0; background-color: #bd3f3f; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#content-message-validation #msg-error .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	#content-message-validation #msg-attention { display: block; overflow: hidden; width: 100%; margin: 0; background-color: #ffa70b; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#content-message-validation #msg-attention .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	.table-simple { width: 100%; border-collapse: collapse; border: 1px solid rgb(240, 240, 240); }
	.table-simple.marginTop { margin-top: 15px; }
	.table-simple.marginBottom { margin-bottom: 15px; }
	.table-simple .header { background-color: rgb(230, 230, 230); }
	.table-simple tr { border: 1px solid rgb(240, 240, 240); }
	.table-simple tr td { padding: 13px 10px; color: rgb(100, 100, 100); font-size: 9pt; }
	.table-simple tr.noPaddingHorizontal td { padding: 0 10px; }
	.table-simple tr td.center { text-align: center; }
	.table-simple tr td.checkbox { width: 50px; max-width: 50px; }
	.table-simple tr td .main { width: 24px;cursor: pointer; }
	.table-simple tr td .reset { display: block; width: 20px; margin: auto auto; padding: 10px; border-radius: 20px; cursor: pointer; }
	.table-simple tr td .reset.hidden { visibility: hidden; }
	.table-simple tr td .reset:hover { background-color: rgb(245, 245, 245); }
	.table-simple tr td .reset:active { background-color: rgb(235, 235, 235); }
	
	.clear { clear : both; }
	.div-flex-row { display: flex; justify-content : space-between; align-items: stretch; height: 100%; width: 100%; }
	.div-flex-row .div-square { height: 325px; width : 100%; margin: 15px ; border-radius: 3px; }
	.div-flex-row .select-square { height: 37px; width : 100%; outline : none; padding: 0 10px; font-size: 11pt; color : rgb(230,230,230); background-image: url('../image/icone/arrow-input-select.png'); background-repeat: no-repeat; border: none; background-color: rgb(80, 80, 80); overflow: hidden;  -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; border-radius: 3px 3px 0 0; background-position: right; }
	.div-flex-row .select-square.min { border-radius: 3px 0 0 0; }
	.div-flex-row .select-stock-square { height: 37px; width : 70%; outline : none; padding: 0 10px; font-size: 11pt; color : rgb(230,230,230);  background: none; border: none; background-color: rgb(80, 80, 80); overflow: hidden;  -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; border-radius: 0 3px 0 0; }
	.div-flex-row .divContent { height: calc(100% - 65px); width : calc(100% - 14px); overflow: scroll; padding: 7px;}
	.div-flex-row .divLine-square { height: calc(100% - 65px); width : calc(100% - 14px); border-radius: 0 0 3px 3px; background-color: rgb(100,100,100); overflow: scroll; padding: 0 7px 0 7px;}
	.div-flex-row .column-square { width: 100%; text-align: center; margin: 0; height: 25px; background-color: white;}
	.div-flex-row .p-line-square { float : left; margin : 0; padding : 3px 10px 3px 3px; height: 20px; width: 30px; color: rgb(160,160,160); text-align : end; line-height: 23.5px; border-right: 1px solid rgb(130,130,130);}
	.div-flex-row .p-square { float : left; margin : 0; padding : 3px 3px 3px 10px; height: 20px; width : calc(100% - 57px); line-height: 23.5px; color : rgb(230,230,230);}
	.div-flex-row .p-square.error { color : rgb(216, 0, 0); }
	
	.div-flex-row .div-square .div-error { position: absolute; width: 300px; height: 160px; background-color: white; border-radius: 5px; border : 1px solid rgb(230,230,230); margin : 0; margin-top: -140px; padding: 0; overflow: hidden;}
	.div-flex-row .div-square .div-error .icone-error {float: left; width: 70px; height : 160px; background-color: #c90009;}
	.div-flex-row .div-square .div-error .icone-error p {color : white; font-size: 18pt; line-height: 160px; width: 70px; text-align: center; margin : 0;}
	.div-flex-row .div-square .div-error ul {float : left; margin : 0; width: 210px; height : calc(100% - 20px); padding : 10px; list-style: none;}
	.div-flex-row .div-square .div-error ul li { padding : 5px 0; }
	
	.listing-navigation {
		display: block;
		width: calc(100% - 10px);
		margin: 5px;
		padding: 0;
	}
	.listing-navigation .left {
		display: block;
		float: left;
	}
	.listing-navigation .right {
		display: block;
		float: right;
	}
	.listing-navigation .number {
		float: left;
		margin: 5px;
		padding: 0;
		font-size: 9pt;
		line-height: 36px;
		color: rgb(100, 100, 100);
		text-transform: uppercase;
	}
	.listing-navigation .number strong {
		font-size: 11pt;
		color: rgb(50, 50, 50);
	}
	.listing-navigation .indicator-page {
		margin: 5px 10px 0 0;
		padding: 0 10px;
		font-size: 9pt;
		line-height: 38px;
		color: rgb(100, 100, 100);
		border-radius: 2px;
		cursor: pointer;
		transition: all 0.15s;
	}
	.listing-navigation .indicator-page:hover {
		background-color: rgb(100, 100, 100);
		color: white;
	}
	.listing-navigation .button {
		width: 36px;
		height: 36px;
		margin: 5px 5px 5px 0;
		padding: 0;
		cursor: pointer;
		transition: all 0.15s;
		border-radius: 2px;
		border: 1px solid rgb(230, 230, 230);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 14px 14px;
	}
	.listing-navigation .button.disable {
		opacity: 0.5;
		filter: opacity(50);
		cursor: not-allowed;
	}
	.listing-navigation .button:not(.disable):hover {
		background-color: rgb(235, 235, 235);
	}
	.listing-navigation .button.next {
		background-image: url(../image/icone/next.svg);
	}
	.listing-navigation .button.previous {
		background-image: url(../image/icone/previous.svg);
	}
	
	.listing {
		display: table;
		table-layout: fixed;
		width: 100%;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		border: none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.listing.border {
		border: 1px solid rgb(240, 240, 240);
	}
	.listing.margin {
		width: calc(100% - 40px);
		margin: 20px;
	}
	.listing tr {
		transition: all 0.15s;
	}
	.listing tr.header {
		background-color: rgba(240, 240, 240, 1);
	}
	.listing tr.total {
		background-color: rgba(0, 0, 0, 0.1);
	}
	.listing tr:not(.header):not(.total):nth-child(odd) {
		background-color: rgb(250, 250, 250);
	}
	.listing tr:not(.header):not(.total):nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.04);
	}
	.listing tr:not(.header):not(.total):nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.02);
	}
	.listing tr td, .listing tr th {
		overflow: hidden;
		padding: 12px 10px;
		text-align: left;
		vertical-align: middle;
	}
	.listing tr th {
		text-transform: uppercase;
		color: rgb(100, 100, 100);
		font-size: 9pt;
	}
	.listing tr th.sort-by {
		padding-right: 18px;
		position: relative;
		cursor: pointer;
	}
	.listing tr th.sort-by:before,
	.listing tr th.sort-by:after {
		border: 4px solid transparent;
		content: "";
		display: block;
		height: 0;
		right: 5px;
		top: 50%;
		position: absolute;
		width: 0;
	}
	.listing tr th.sort-by:before {
		border-bottom-color: #666;
		margin-top: -9px;
	}
	.listing tr th.sort-by:after {
		border-top-color: #666;
		margin-top: 1px;
	}
	.listing tr th.sort-by.asc:before {
		border-bottom-color: rgb(51, 150, 198);
		color: rgb(51, 150, 198);
		margin-top: -5px;
	}
	.listing tr th.sort-by.asc:after {
		display: none;
	}
	.listing tr th.sort-by.desc:before {
		display: none;
	}
	.listing tr th.sort-by.desc:after {
		border-top-color: rgb(51, 150, 198);
		color: rgb(51, 150, 198);
		margin-top: -2px;
	}
	.listing tr td {
		font-size: 9pt;
		line-height: 18px;
		font-weight: bold;
		color: rgb(80, 80, 80);
	}
	.listing tr td a {
		color: rgb(31, 130, 178);
		text-decoration: none;
		transition: 0.15s;
	}
	.listing tr td a:hover {
		color: rgb(51, 150, 198);
		text-decoration: underline;
	}
	.listing tr .number {
		width: 15%;
	}
	.listing tr .number span {
		margin: 0;
		padding: 0;
		cursor: pointer;
	}
	.listing tr:not(.header):not(.total) .number span {
		color: rgb(51, 150, 198);
		transition: 0.15s;
	}
	.listing tr:not(.header):not(.total) .number span:hover {
		color: rgb(31, 130, 178);
	}
	.listing tr .color {
		width: 30px;
	}
	.listing tr .color span {
		display: block;
		overflow: hidden;
		width: 20px;
		height: 20px;
		margin: 0;
		padding: 0;
		border-radius: 10px;
	}
	.listing tr .licence {
		width: 15%;
	}
	.listing tr .date {
		width: 20%;
	}
	.listing tr .seller {
		width: 20%;
	}
	.listing tr .customer {
		width: 20%;
	}
	.listing tr .text {
		width: 20%;
	}
	.listing tr .amount {
		width: 15%;
		text-align: right;
	}
	.listing tr .article {
		width: 15%;
		text-align: center;
	}
	.listing tr .quantity {
		width: 15%;
		text-align: center;
	}
	.listing tr .bold {
		color: rgb(50, 50, 50);
	}
	.listing tr .option {
		width: 50px;
	}
	.listing tr .option span {
		display: block;
		float: left;
		width: 30px;
		height: 30px;
		margin: 0 0 0 10px;
		border-radius: 15px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 16px 16px;
		transition: background-color 0.15s, opacity 0.15s;
		opacity: 0;
		filter: opacity(0);
	}
	.listing tr:not(.header):not(.total):hover .option span {
		opacity: 1;
		filter: opacity(100);
	}
	.listing tr .option span:hover {
		background-color: rgb(100, 100, 100);
	}
	.listing tr .option .forward {
		background-image: url(../image/icone/forward.svg);
	}
	.listing tr .option .viewer {
		background-image: url(../image/icone/viewer.svg);
	}
	.listing tr .option .forward:hover {
		background-image: url(../image/icone/forward-white.svg);
	}
	.listing tr .option .viewer:hover {
		background-image: url(../image/icone/viewer-white.svg);
	}
	
	.content .promotion {
		display: block;
		width: 100%;
		margin: 0;
		padding: 30px 0 40px 0;
		background-color: rgb(247, 58, 73);
	}
    .content .promotion.CandC {
        background-color: rgb(29, 175, 142);
        background-repeat: no-repeat;
        background-position: left 50px top 50px;
        background-size: 200px 200px;
        background-image: url(../image/icone/clickAndCollect/delivery-man.svg);
    }
	.content .promotion .main {
		display: block;
		width: 400px;
		margin: 0 auto;
		padding: 30px;
		border-radius: 10px;
		background-color: rgb(250, 250, 250);
		box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
	}
	.content .promotion .main .title {
		display: block;
		margin: 0;
		padding: 0 0 30px 0;
		text-align: center;
		font-size: 16pt;
		line-height: 30px;
	}
	.content .promotion .main .list {
		display: block;
		list-style-type: none;
		margin: 0;
		padding: 0 0 30px 0;
	}
	.content .promotion .main .list li {
		display: block;
		padding: 10px 0;
		font-size: 11pt;
		line-height: 20px;
		color: rgb(100, 100, 100);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 20px 20px;
		background-image: url(../image/icone/clickAndCollect/check.svg);
	}
	.content .promotion .main .price {
		display: block;
		margin: -15px 0 25px 0;
		padding: 0;
		text-align: center;
		font-size: 14pt;
		line-height: 30px;
	}
	.content .promotion .main .link {
		display: block;
		float: right;
		margin: 0;
		margin-top: -10px;
		margin-right: -50px;
		padding: 10px 30px;
		border-radius: 5px;
		background-color: rgb(29, 175, 142);
		box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
		text-align: center;
		font-size: 12pt;
		color: white;
		line-height: 30px;
		cursor: pointer;
	}
    .content .promotion.CandC .main .link {
        background-color: #FF7B11;
    }
	
	/* !MyCompany */
	#contenu #MyCompany { display: block; width: 100%; min-height: 600px; padding: 0; margin: 0 0 10px 0; background-color: white; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #MyCompany .title { display: block; margin: 0 ; padding: 20px; font-size: 14pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu #MyCompany .wrapEnseigne { display: block; width: 75%; margin: 0 auto; padding: 20px 0; }
	#contenu #MyCompany .wrapEnseigne .enseigne { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; border-radius: 15px; cursor: pointer; }
	#contenu #MyCompany .wrapEnseigne .enseigne:hover { background-color: rgba(81, 180, 228, 0.4); }
	#contenu #MyCompany .wrapEnseigne .enseigneInactive { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; border-radius: 15px; }
	#contenu #MyCompany .wrapEnseigne .enseigneSelect { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; background-color: rgb(81, 180, 228); border-radius: 5px; cursor: pointer; }
	#contenu #MyCompany .wrapEnseigne .enseigne .picture, #contenu #MyCompany .wrapEnseigne .enseigneSelect .picture, #contenu #MyCompany .wrapEnseigne .enseigneInactive .picture { display: block; width: 168px; height: 168px; margin: 0; padding: 0; border-radius: 5px; border: rgb(200, 200, 200) 1px solid; background-color: white; }
	#contenu #MyCompany .wrapEnseigne .enseigne .empty, #contenu #MyCompany .wrapEnseigne .enseigneSelect .empty, #contenu #MyCompany .wrapEnseigne .enseigneInactive .empty { display: block; width: 170px; margin: 0; padding: 0; border-radius: 5px; background-color: rgb(230, 230, 230); font-size: 10pt; line-height: 170px; text-align: center; color: rgb(170, 170, 170); }
	#contenu #MyCompany .wrapEnseigne .enseigne .name, #contenu #MyCompany .wrapEnseigne .enseigneInactive .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu #MyCompany .wrapEnseigne .enseigne .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: rgb(50, 50, 50); }
	#contenu #MyCompany .wrapEnseigne .enseigneInactive .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: rgb(150, 150, 150); }
	#contenu #MyCompany .wrapEnseigne .enseigneSelect .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu #MyCompany .wrapEnseigne .enseigneSelect .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: white; }
	#contenu #MyCompany .wrapEnseigne .newSlave { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; cursor: pointer; }
	#contenu #MyCompany .wrapEnseigne .newSlave .add { display: block; width: 170px; height: 162px; margin: 0; padding: 8px 0 0 0; border-radius: 5px; background-color: rgb(200, 200, 200); font-size: 100pt; line-height: 100pt; text-align: center; color: white; transition: all 0.2s; transition-timing-function: ease-out; }
	#contenu #MyCompany .wrapEnseigne .newSlave .add:hover { background-color: rgb(180, 180, 180); }
	#contenu #MyCompany .wrapEnseigne .newSlave .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu #MyCompany .wrapEnseigne .newSlave .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; text-align: center; color: rgb(150, 150, 150); }
	
	/* informatif */
	#contenu #informatif { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: #3ebc68; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #informatif .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	/* erreur */
	#contenu #error { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: #bd3f3f; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu #error .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	#contenu-full { display: block; overflow: hidden; margin: 0 10px 0 10px; }
	
	/* import part */
	#contenu-full #main .title { display: block; width: 100%; padding: 20px 0 0 0; margin: 0 0 20px 0; font-size: 11pt; text-align: center; color: rgb(50, 50, 50); }
	#contenu-full #main #upload-import #drop { display: block; width: 180px; height: 100px; margin: 15px auto 0 auto; padding: 0; background-color: rgb(240, 240, 240); background-image: url(../image/design/bg-upload-file.png); background-repeat: no-repeat; background-position: center; font-size: 12pt; font-weight: normal; text-align: center; cursor: pointer; }
	#contenu-full #main #upload-import #drop .textDrop { display: block; width: 150px; margin: 0 auto 0 auto; padding: 47px 0 0 0; font-size: 10pt; line-height: 16pt; color: rgb(150, 150, 150); }
	#contenu-full #main #upload-import #drop input { display: none; }
	#contenu-full #main #upload-import #drop div { background-color: rgb(210, 210, 210); padding: 15px; width: 150px; height: 70px; position: relative; }
	#contenu-full #main #upload-import #drop div input { display: none; }
	#contenu-full #main #upload-import #drop div p { color: rgb(255, 255, 255); font-size: 11pt; font-weight: normal; position: absolute; text-align: center; width: 150px; top: 45px; left: 15px; }
	#contenu-full #main #upload-import #drop div i { display:block; width: 150px; text-align: center; font-weight: normal; font-style: normal; color:#7f7f7f; }
	#contenu-full #main #upload-import #drop div canvas { width: 40px; margin: -5px auto 0 auto; }
	#contenu-full #main #upload-import #drop div span { width: 15px; height: 12px; background: url('../image/icone/icons.png') no-repeat; position: absolute; top: 10px; right: 10px; cursor: pointer; }
	#contenu-full #main #upload-import #drop div.working span { height: 16px; background-position: 0 -12px; }
	#contenu-full #main #upload-import #drop div.error p { color:red; }
	#contenu-full #main #description-file { display: block; width: 100%; padding: 0; margin: 40px 20px 0 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-separator { display: block; width: 100%; padding: 0; margin: 20px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-separator #separator { width: 30px; padding: 5px 0 5px 0; margin-left: 10px; font-size: 11pt; text-align: center; color: rgb(50, 50, 50); }
	#contenu-full #main #description-separator #separator:focus { outline: none; }
	#contenu-full #main #description-type { display: block; width: 100%; padding: 0; margin: 20px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-type select { width: 255px; height: 40px; padding: 0 40px 0 5px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu-full #main #description-type select:focus { outline: none; }
	#contenu-full #main #description-ignore { display: block; width: 100%; padding: 0; margin: 20px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-ignore select { width: 255px; height: 40px; padding: 0 40px 0 5px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu-full #main #description-ignore select:focus { outline: none; }
	#contenu-full #main #description-stock { display: block; width: 100%; padding: 0; margin: 20px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #description-stock select { width: 340px; height: 40px; margin: -5px 0 0 10px; padding: 0 40px 0 5px; font-size: 11pt; background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu-full #main #description-stock select:focus { outline: none; }
	#contenu-full #main #workInBackground { display: block; width: calc(100% - 70px); padding: 15px; margin: 20px 20px 0 20px; font-size: 11pt; line-height: 13pt; color: white; text-align: left; background-color: #3ebc68; border-radius: 3px; }
	#contenu-full #main #next { display: block; float: right; padding: 10px 20px 8px 20px; border-radius: 3px; margin: 20px; font-weight: normal; font-size: 11pt; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu-full #main #next:hover { background-color: rgb(59, 151, 196); }
	#contenu-full #main #importDiffere { display: block; float: right; padding: 10px 20px 8px 20px; border-radius: 3px; margin: 20px; font-weight: normal; font-size: 11pt; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu-full #main #importDiffere:hover { background-color: rgb(59, 151, 196); }
	#contenu-full #main #import { display: block; float: right; padding: 10px 20px 8px 20px; border-radius: 3px; margin: 20px; font-weight: normal; font-size: 11pt; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu-full #main #import:hover { background-color: rgb(59, 151, 196); }
	#contenu-full #main #reload { display: block; float: right; padding: 10px 20px 8px 20px; border-radius: 3px; margin: 20px; font-weight: normal; font-size: 11pt; text-decoration: none; color: white; background-color: rgb(47, 141, 186); cursor: pointer; }
	#contenu-full #main #reload:hover { background-color: rgb(59, 151, 196); }
	#contenu-full #main #loader { display: block; visibility: hidden; float: right; width: 30px; margin: 23px 0 20px 0; }
	#contenu-full #main #check { display: none; width: 125px; height: 125px; margin: 20px auto 20px auto; padding: 0 0 20px 0; }
	#contenu-full #main #table-field { display: table; width: calc(100% - 40px); margin: 10px 20px 0 20px; border-collapse: collapse; border: rgb(200, 200, 200) 1px solid; background-color: white; }
	#contenu-full #main #table-field tr { height: 50px; border-bottom: rgb(200, 200, 200) 1px solid; }
	#contenu-full #main #table-field tr:first-child { background-color: rgb(230, 230, 230); }
	#contenu-full #main #table-field tr:first-child .tdExemple { font-weight: normal; }
	#contenu-full #main #table-field tr:last-child { border-bottom: none; }
	#contenu-full #main #table-field tr .tdField { padding: 5px 20px 0 20px; width: 150px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr:first-child .tdSelect { padding: 5px 20px 0 20px; width: 150px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr .tdSelect { padding: 2px 20px 0 20px; width: 360px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr:first-child .tdValueFile { padding: 5px 20px 0 20px; width: 150px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr .tdValueFile { padding: 5px 20px 0 20px; width: 360px; font-size: 10pt; text-align: left; color: white; background-color: rgb(231, 88, 84); }
	#contenu-full #main #table-field tr .tdExemple { padding: 5px 20px 0 20px; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); font-weight: bold; }
	#contenu-full #main #table-field tr .tdInsert { padding: 5px 20px 0 20px; width: 33%; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr .tdUpdate { padding: 5px 20px 0 20px; width: 34%; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr .tdDelete { padding: 5px 20px 0 20px; width: 33%; font-size: 10pt; text-align: left; color: rgb(50, 50, 50); }
	#contenu-full #main #table-field tr td select { width: 340px; height: 40px; padding: 0 40px 0 5px; font-size: 10pt; color: rgb(50, 50, 50); background-color: rgb(255, 255, 255); border-radius: 2px; border: rgb(220, 220, 220) 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('../image/design/arrow-select.png'); background-repeat: no-repeat; background-position: right; }
	#contenu-full #main #table-field tr td select:focus { outline: none; }
	
	/* transfert part */
	#contenu-full #main .wrapEnseigne { display: block; width: 75%; margin: 0 auto; padding: 20px 0; }
	#contenu-full #main .wrapEnseigne .enseigne { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; border-radius: 15px; cursor: pointer; background-color: rgb(245, 245, 245); }
	#contenu-full #main .wrapEnseigne .enseigne:hover { background-color: rgba(81, 180, 228, 0.4); }
	#contenu-full #main .wrapEnseigne .enseigneInactive { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; border-radius: 15px; }
	#contenu-full #main .wrapEnseigne .enseigneSelect { display: block; float: left; width: 170px; height: 220px; margin: 5px; padding: 20px; background-color: rgb(81, 180, 228); border-radius: 15px; cursor: pointer; }
	#contenu-full #main .wrapEnseigne .enseigne .picture, #contenu-full #main .wrapEnseigne .enseigneSelect .picture, #contenu-full #main .wrapEnseigne .enseigneInactive .picture { display: block; width: 168px; height: 168px; margin: 0; padding: 0; border-radius: 5px; border: rgb(200, 200, 200) 1px solid; background-color: white; }
	#contenu-full #main .wrapEnseigne .enseigne .empty, #contenu-full #main .wrapEnseigne .enseigneSelect .empty, #contenu-full #main .wrapEnseigne .enseigneInactive .empty { display: block; width: 170px; margin: 0; padding: 0; border-radius: 5px; background-color: rgb(230, 230, 230); font-weight: normal; font-size: 10pt; line-height: 170px; text-align: center; color: rgb(50, 50, 50); }
	#contenu-full #main .wrapEnseigne .enseigne .name, #contenu-full #main .wrapEnseigne .enseigneInactive .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu-full #main .wrapEnseigne .enseigne .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: rgb(50, 50, 50); }
	#contenu-full #main .wrapEnseigne .enseigneSelect .name { display: table; width: 100%; height: 60px; margin: 5px 0; }
	#contenu-full #main .wrapEnseigne .enseigneSelect .name span { display: table-cell; vertical-align: middle; padding: 0; font-size: 12pt; line-height: 18pt; text-align: center; color: white; }
	
	#contenu-full #main #description-param { display: none; margin: 0; padding: 0; }
	#contenu-full #main #description-param .param { display: block; width: 350px; padding: 0; margin: 30px 20px 20px 20px; font-size: 11pt; text-align: left; color: rgb(50, 50, 50); }
	
	/* informatif */
	#contenu-full #informatif { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: #3ebc68; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu-full #informatif .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	/* erreur */
	#contenu-full #error { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: #bd3f3f; border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu-full #error .description { display: block; overflow: hidden; width: calc(100% - 65px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; color: rgb(255, 255, 255); text-align: left; font-size: 11pt; }
	
	/* postit */
	#contenu-full #postit { display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; background-color: rgb(88, 180, 228); border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); }
	#contenu-full #postit .description { display: block; overflow: hidden; width: 100%; margin: 15px 10px 10px 10px; color: rgb(255, 255, 255); text-align: left; font-size: 13pt; }
	#contenu-full #postit .jours { display: block; overflow: hidden; width: 100%; margin: 20px 0 15px 0; color: rgb(255, 255, 255); text-align: center; font-size: 18pt; }
	#contenu-full #postit .jours span { font-size: 35pt; padding: 0 5px; }
	#contenu-full #postit .download { display: block; float: right; margin: -63px 20px 0 0; padding: 15px; background-color: rgb(36, 139, 190); color: rgb(255, 255, 255); border-radius: 3px; box-shadow: 0 0 2px rgba(150, 150, 150, 0.3); cursor: pointer; }
	#contenu-full #postit .download:hover { background-color: rgb(46, 149, 200); }
	#contenu-full #postit .download a { text-decoration: none; color: white; }
}