html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input,select {
	vertical-align: middle;
}

input[type="text"]:disabled {
	background: #f0f0f0;
}

input[disabled] {
	background: #f0f0f0;
}

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

body {
	line-height: normal;
}

.content { /*width: 818px;*/
	width: 1024px; /***Elastic***/
	margin: 0 auto;
	position: relative;
}

#header {
	height: 36px;
	background: url("../images/bg-header.png") repeat-x;
	display: block;
	margin-bottom: 5px;
	float: left;
	width: 100%;
}

#header .logo {
	position: absolute;
	right: 6px;
	top: 6px;
}

.wrapper {
	width: 100%;
	float: left;
	padding-bottom: 40px;
}

.login-page {
	padding: 0 30px;
	font-family: 'avalonregular' !important;
}

.login-page h1 {
	font-family: 'avalonregular';
	padding-top: 0px;
	font-size: 22px;
	font-weight: normal;
	color: #9f9f9f;
	line-height: 25px;
}

.login-page p {
	font-family: 'avalonregular';
	color: #a1a1a5;
	font-size: 13px;
	line-height: normal;
	line-height: 20px;
	position: relative;
	padding-bottom: 10px;
}

.login-page p .errors {
	bottom: -10px;
	font-size: 11px;
	color: red;
	padding-left: 14px;
	left: 0;
	position: absolute;
}

.login-page #messages {
	font-family: 'avalonregular';
	font-size: 12px;
	color: red;
	padding-top: 10px;
	padding-left: 10px;
}

.login-page .note {
	width: 298px;
	margin: auto;
	text-align: center;
	color: #4a63ae;
	font-family: 'avalonregular';
	font-size: 14px;
	padding-top: 0px;
	background: url("../images/perso.png") no-repeat 0px -2px;
	line-height: 18px;
}

.login-page .note a {
	color: #a2222b;
}

.login-page .formContent {
	width: 298px;
	height: 318px;
	margin: 24px auto;
	border: 1px solid #ededed;
	background: url("../images/bg-form.png") #ededed repeat-x;
}

.login-page .formContent .pad {
	padding: 0 32px;
}

.login-page .formContent h2 {
	font-weight: normal;
	font-size: 15px;
	font-family: 'avalonregular';
	color: #4a63ae;
	text-transform: uppercase;
	border-bottom: 1px solid #e7eaf2;
	line-height: 42px;
	text-indent: 14px;
}

.login-page .formContent label {
	color: #a1a1a5;
	font-size: 12px;
	text-indent: 14px;
	display: block;
	padding-top: 8px;
	padding-bottom: 4px;
}

.login-page .formContent input[type="text"],.login-page .formContent input[type="password"]
	{
	width: 190px;
	height: 34px;
	line-height: 34px;
	border: none;
	padding-left: 38px;
	padding-right: 4px;
	color: #fff;
}

.login-page .formContent input[type="text"]:focus,.login-page .formContent input[type="password"]:focus
	{
	outline: none;
}

.login-page .formContent .inputtext {
	background: url("../images/sprite.gif") 0 -40px no-repeat;
}

.login-page .formContent .inputpass {
	background: url("../images/sprite.gif") 0 0 no-repeat;
}

.login-page .formContent .actionSubmit {
	float: left;
	width: 100%;
	background: url("../images/sprite.gif") -247px -66px no-repeat;
	height: 60px;
	padding-top: 40px;
}

.login-page .formContent .actionSubmit a {
	float: right;
	font-family: 'avalonregular';
	color: #9a9bcd;
	text-decoration: none;
	font-size: 12px;
}

.login-page .formContent .actionSubmit a:hover {
	text-decoration: underline;
}

.login-page .formContent .actionSubmit .btnlogin {
	float: left;
	color: #4a63ae;
	font-size: 14px;
	font-weight: bold;
	font-family: 'avalonregular';
	height: 50px;
	margin-top: -10px;
	width: 56px;
	cursor: pointer;
	background: transparent;
	border: none;
}

.login-page .formContent .actionSubmit .btnlogin:focus {
	outline: none;
}

.login-page .formContent .actionSubmit .btnlogin span {
	text-indent: -1000px;
	float: left;
}

/***********************************************/
.ext-page {
	padding: 0 30px;
}

.ext-page h1 {
	font-family: 'avalonregular';
	padding-top: 0px;
	font-size: 22px;
	font-weight: normal;
	color: #9f9f9f;
	line-height: 25px;
}

.ext-page p {
	font-family: 'avalonregular';
	color: #a1a1a5;
	font-size: 13px;
	line-height: normal;
	line-height: 20px;
	position: relative;
	padding-bottom: 10px;
}

.ext-page p .errors {
	bottom: -10px;
	font-size: 11px;
	color: red;
	padding-left: 14px;
	left: 0;
	position: absolute;
}

.ext-page #messages {
	font-family: 'avalonregular';
	font-size: 12px;
	color: red;
	padding-top: 10px;
	padding-left: 10px;
}

.ext-page .note {
	width: 298px;
	margin: auto;
	text-align: center;
	color: #4a63ae;
	font-family: 'avalonregular';
	font-size: 14px;
	padding-top: 15px;
	background: url("../images/perso.png") no-repeat 13px -2px;
	line-height: 18px;
}

.ext-page .note a {
	color: #a2222b;
}

.ext-page .formContent {
	width: 100%;
	height: 100%;
	margin: 24px auto;
	border: 1px solid #ededed;
	background: url("../images/bg-form.png") #ededed repeat-x;
}

.ext-page .formContent .pad {
	padding: 0 32px;
}

.ext-page .formContent h2 {
	font-weight: normal;
	font-size: 15px;
	font-family: 'avalonregular';
	color: #4a63ae;
	text-transform: uppercase;
	border-bottom: 1px solid #e7eaf2;
	line-height: 42px;
	text-indent: 14px;
	margin-bottom: 20px;
}

.ext-page .formContent h3 {
	font-weight: normal;
	font-size: 14px;
	font-family: 'avalonregular';
	color: #b2bb1c;
	text-transform: uppercase;
	line-height: 20px;
}

.ext-page .formContent h4 {
	font-weight: normal;
	font-size: 13px;
	font-family: 'avalonregular';
	color: #eab375;
	line-height: 20px;
	text-indent: 14px;
}

.ext-page .formContent ul {
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
}

.ext-page .formContent li {
	font-weight: normal;
	font-size: 13px;
	font-family: 'avalonregular';
	color: #a1a1a5;
	margin: 10px 0 10px 35px;
	line-height: 1.5em;
}

.ext-page .formContent li a {
	font-weight: normal;
	font-size: 13px;
	font-family: 'avalonregular';
	color: #a1a1a5;
	line-height: 1.5em;
}

.ext-page .formContent a {
	color: #a1a1a5;
}

.ext-page .formContent label {
	color: #a1a1a5;
	font-size: 12px;
	text-indent: 14px;
	display: block;
	padding-top: 8px;
	padding-bottom: 4px;
}

.ext-page .formContent input[type="text"],.ext-page .formContent input[type="password"]
	{
	width: 190px;
	height: 34px;
	line-height: 34px;
	border: none;
	padding-left: 38px;
	padding-right: 4px;
	color: #fff;
}

.ext-page .formContent input[type="text"]:focus,.ext-page .formContent input[type="password"]:focus
	{
	outline: none;
}

.ext-page .formContent .inputtext {
	background: url("../images/sprite.gif") 0 -40px no-repeat;
}

.ext-page .formContent .inputpass {
	background: url("../images/sprite.gif") 0 0 no-repeat;
}

.ext-page .formContent .actionSubmit {
	float: left;
	width: 100%;
	background: url("../images/sprite.gif") -247px -66px no-repeat;
	height: 60px;
	padding-top: 40px;
}

.ext-page .formContent .actionSubmit a {
	float: right;
	font-family: 'avalonregular';
	color: #9a9bcd;
	text-decoration: none;
	font-size: 12px;
}

.ext-page .formContent .actionSubmit a:hover {
	text-decoration: underline;
}

.ext-page .formContent .actionSubmit .btnlogin {
	float: left;
	color: #4a63ae;
	font-size: 14px;
	font-weight: bold;
	font-family: 'avalonregular';
	height: 50px;
	margin-top: -10px;
	width: 56px;
	cursor: pointer;
	background: transparent;
	border: none;
}

.ext-page .formContent .actionSubmit .btnlogin:focus {
	outline: none;
}

.ext-page .formContent .actionSubmit .btnlogin span {
	text-indent: -1000px;
	float: left;
}

/**********************************************/
#footer {
	float: left;
	width: 100%;
	position: relative;
}

#footer .content {
	min-height: 28px;
	line-height: 28px;
	background: #4a63ae url("../images/bg-footer.png") 0 0 no-repeat;
	width: 1024px;
	text-align: center;
	color: #fff;
	font-family: 'avalonregular';
	font-size: 12px;
}

#footer .content a {
	color: #fff;
	text-decoration: none;
}

#footer .content a:hover {
	text-decoration: underline;
}

#commercialZone1 .content {
	width: 1024px;
}

#commercialZone1 .content .imgBanner {
	float: left;
	width: 100%;
	margin-top: -10px;
}

#commercialZone1 .content .tiker {
	width: 100%;
	float: left;
	height: 52px;
	background: url("../images/bg-tiker.png") repeat-x;
	margin-top: -10px;
}

.pageContent .alphaFilter {
	padding: 5px 0;
	font-size: 11px;
	color: #4a63ae;
}

.pageContent .alphaFilter span {
	color: #eab375;
}

.pageContent .alphaFilter a {
	color: #4a63ae;
	text-decoration: none;
}

.pageContent .alphaFilter a:hover {
	text-decoration: underline;
}

.pageContent .mainContent { /*margin-left: 20px;*/
	position: relative;
	/*width: 568px;*/
	width: 75%; /***Elastic***/ /*float: left;*/
	float: right;
	font-family: 'avalonregular';
}

.pageContent .mainContent h1 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 20px;
	color: #4a63ae;
	border-bottom: 1px solid #eff0f7;
	line-height: 38px;
}

.pageContent .sideBar {
	width: 240px;
	float: left;
	padding-top: 8px;
	z-index: 5;
	position: relative;
}

.pageContent .sideBar .nav .profileLink {
	background: url('../images/bg-profile.png') repeat-x;
	float: left;
	width: 240px;
	margin-bottom: 9px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ededed;
	font-family: 'avalonregular';
	position: relative;
	font-size: 12px;
	color: #eab375;
}

.pageContent .sideBar .nav .profileLink .profileMenu {
	display: none;
	background: #fff;
	border: 1px solid #ededed;
	position: absolute;
	bottom: 100%;
	margin-bottom: 10px;
	right: 0;
}

.pageContent .sideBar .nav .profileLink .profileMenu a {
	display: block;
	clear: both;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #4a63ae;
}

.pageContent .sideBar .nav .profileLink .profileMenu .arrow-down {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ededed;
	position: absolute;
	bottom: -10px;
	right: 5px;
}

.pageContent .sideBar .nav .profileLink span {
	padding-left: 29px;
	background: url("../images/puce.gif") 10px 10px no-repeat;
	display: block;
	height: 100%;
	position: relative;
}

.pageContent .sideBar .nav .profileLink span {
	padding-left: 29px;
	background: url("../images/puce.gif") 10px 10px no-repeat;
	display: block;
	height: 100%;
	position: relative;
}

.pageContent .sideBar .nav .profileLink span a {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 30px;
	background: url("../images/point.png") no-repeat center;
}

.pageContent .sideBar .nav li {
	float: left;
	position: relative;
}

.pageContent .sideBar .nav li .on .arrow,.pageContent .sideBar .nav li a:hover .arrow
	{
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 30px;
	height: 35px;
	padding: 0;
	background: url("../images/puce.gif") no-repeat 0 -830px;
}

.pageContent .sideBar .nav li .arrow {
	display: block;
	float: right;
	width: 30px;
	height: 35px;
	padding: 0;
	background: url("../images/puce.gif") no-repeat 0 -918px;
}

.pageContent .sideBar .nav li:hover .subMenu {
	display: block;
}

.pageContent .sideBar .nav li .subMenu {
	margin-left: -1px;
	position: absolute;
	left: 100%;
	z-index: 999;
	display: none;
	top: 4px;
}

.pageContent .sideBar .nav li .subMenu li {
	background: #4a63ae;
}

.pageContent .sideBar .nav li .subMenu li a {
	background: none;
	color: #fff;
	border-left: none;
	border-right: none;
	margin: -1px 0;
	padding-left: 10px;
}

.pageContent .sideBar .nav li .subMenu li a:hover {
	text-decoration: underline;
}

.pageContent .sideBar .nav ul,.pageContent .sideBar .nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pageContent .sideBar .nav ul>a,.pageContent .sideBar .nav li>a {
	display: block;
	width: 240px;
	height: 38px;
	background-color: #f9f9f9;
	line-height: 38px;
	margin: 3px 0;
	float: left;
	border: 1px solid #eee;
	font-family: 'avalonregular';
	font-size: 12px;
	color: #4a63ae;
	text-decoration: none;
	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
}

.pageContent .sideBar .nav ul>a span,.pageContent .sideBar .nav li>a span
	{
	padding-left: 30px;
}

.pageContent .sideBar .nav ul>a:hover,.pageContent .sideBar .nav li>a:hover,.pageContent .sideBar .nav ul>a.on,.pageContent .sideBar .nav li>a.on
	{
	background-color: #4a63ae;
	color: #fff;
}

.pageContent .sideBar .nav li.commande a {
	background-position: 10px -38px;
}

.pageContent .sideBar .nav li.commande a.on,.pageContent .sideBar .nav li.commande a:hover
	{
	background-position: 10px -229px;
}

.pageContent .sideBar .nav li.depotcommande a {
	background-position: 10px -38px;
}

.pageContent .sideBar .nav li.depotcommande a.on,.pageContent .sideBar .nav li.depotcommande a:hover
	{
	background-position: 10px -229px;
}

.pageContent .sideBar .nav li.list a {
	background-position: 10px -83px;
}

.pageContent .sideBar .nav li.list a.on,.pageContent .sideBar .nav li.list a:hover
	{
	background-position: 10px -278px;
}

.pageContent .sideBar .nav li.credit a {
	background-position: 10px -128px;
}

.pageContent .sideBar .nav li.credit a.on,.pageContent .sideBar .nav li.credit a:hover
	{
	background-position: 10px -335px;
}

.pageContent .sideBar .nav li.mesCommande a {
	background-position: 10px -172px;
}

.pageContent .sideBar .nav li.mesCommande a.on,.pageContent .sideBar .nav li.mesCommande a:hover
	{
	background-position: 10px -401px;
}

.pageContent .sideBar .blockNews {
	margin: 10px 0 0 0;
	width: 240px;
	border: 1px solid #ededed;
	float: left;
	min-height: 50px;
	background: url("../images/bg-form.png") repeat-x #ededed;
	font-family: 'avalonregular';
}

.pageContent .sideBar .blockNews .pad {
	padding: 14px 8px;
}

.pageContent .sideBar .blockNews h4 {
	font-family: 'avalonregular';
	font-size: 18px;
	color: #eab375;
	text-transform: uppercase;
	font-weight: normal;
	background: url("../images/separator.gif") no-repeat bottom left;
	padding-bottom: 10px;
}

.pageContent .sideBar .blockNews ul,.pageContent .sideBar .blockNews li
	{
	padding: 0;
	margin: 0;
	list-style: none;
}

.pageContent .sideBar .blockNews li {
	margin: 10px 0 0 0;
	background: url("../images/puce.gif") no-repeat 0px -460px;
	padding-left: 20px;
}

.pageContent .sideBar .blockNews li .date {
	color: #b6b5b5;
	font-size: 12px;
	line-height: 14px;
	display: block;
}

.pageContent .sideBar .blockNews li a {
	font-size: 12px;
	display: block;
	line-height: 14px;
	color: #4a63ae;
	text-decoration: none;
}

.pageContent .sideBar .blockNews li a:hover {
	text-decoration: underline;
}

.pageContent .sideBar .allnewsLink {
	color: #fff;
	font-family: 'avalonregular';
	font-size: 13px;
	text-decoration: underline;
	display: block;
	background: #b2bb1c url("../images/puce.gif") 207px -531px no-repeat;
	text-align: right;
	float: left;
	width: 242px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 10px;
}

.pageContent .sideBar .allnewsLink span {
	padding-right: 40px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
	padding-right: 10px !important;
}

.tableCommande {
	border: 1px solid #dcdfeb;
	background: #F9F9F9;
	font-family: 'avalonregular';
	width: 100%;
}

.tableCommande th {
	border: 1px solid #dcdfeb;
	height: 50px;
	font-size: 12px;
	color: #4a63ae;
	font-weight: normal;
	line-height: 14px;
	vertical-align: middle;
}

.tableCommande td {
	vertical-align: middle;
	border: 1px solid #dcdfeb;
	font-size: 13px;
	color: #000;
	line-height: 15px;
	padding: 5px 3px;
}

.tableCommande td .enVrac {
	font-size: 12px;
	text-align: center;
}

.tableCommande td .enVrac input[type="text"] {
	font-size: 12px;
	height: 18px;
	width: 50px;
	border: 1px solid #9e9e9e;
}

.tableCommande td .enVrac .carton {
	width: 30px;
}

.tableCommande td .enVrac .unite {
	width: 50px;
}

.tableCommande td .enVrac input[type="button"] {
	width: 18px;
	height: 19px;
	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
	background-position: -1px -743px;
	border: none;
	cursor: pointer;
	background-color: transparent;
}

.tableCommande td .enVrac input[type="button"].on {
	background-position: 0px -640px;
}

.tableCommande td .enVrac input[type="button"]:focus {
	outline: none;
}

.tableCommande td .note {
	font-size: 12px;
	display: block;
	padding-left: 30px;
	background-image: url("../images/note.gif");
	background-repeat: no-repeat;
}

.tableCommande td .note.stock {
	background-position: 7px 2px;
}

.tableCommande td .note.quota {
	background-position: 7px -111px;
}

.tableCommande td .note.nonDispo {
	background-position: 7px -244px;
}

.tableCommande td .note.nonDispo2 {
	background-position: 7px -354px;
}

.tableCommande .thImgProduct {
	width: 103px;
}

.tableCommande .thCode {
	width: 50px;
}

.tableCommande .thCodePCT {
	width: 75px;
}

.tableCommande .thDes {
	width: 170px;
}

.tableCommande .thUnite {
	width: 65px;
}

.tableCommande .thUniteGHT {
	width: 100px;
}

.tableCommande .thDispo {
	width: 127px;
}

.tableCommande .thQte {
	width: 150px;
}

.tableCommande .thAction {
	width: 100px;
}

.tableCommande .thAction2 {
	width: 125px;
}

.tableCommande .thQte span {
	color: #b2bb1c;
	font-size: 11px;
}

.tableCommande .imgProduct {
	width: 103px;
	height: 79px;
	background: url("../images/bg-cadre.gif");
	text-align: center;
}

.tableCommande .imgProduct img {
	margin-top: 6px;
	max-width: 87px;
	max-height: 63px;
}

/**********MBH**************/
.tableCaddy {
	border: 1px solid #dcdfeb;
	background: #F9F9F9;
	font-family: 'avalonregular';
}

.tableCaddy th {
	border: 1px solid #dcdfeb;
	height: 30px;
	font-size: 10px;
	color: #eab375;
	font-weight: normal;
	line-height: 12px;
	vertical-align: middle;
}

.panierMenu {
	font-family: 'avalonregular';
	width: 242px;
	padding: 0 5px;
	background: #272525 url(../images/bg_thead.png) repeat-x;
	color: #ffffff !important;
	font-weight: bold !important;
}

.panierMenu span {
	padding-left: 29px;
	background: url("../images/ic_com.png") no-repeat;
	background-position: 4px 4px;
	display: block;
	height: 100%;
	line-height: 34px;
	position: relative;
	text-align: left;
}

.tableCaddy td {
	vertical-align: middle;
	border: 1px solid #dcdfeb;
	font-size: 10px;
	color: #000;
	line-height: 15px;
	padding: 5px 3px;
}

.tableCaddy td .enVrac {
	font-size: 10px;
	text-align: center;
}

.tableCaddy td .enVrac .carton {
	width: 30px;
}

.tableCaddy td .enVrac .unite {
	width: 50px;
}

.erase {
	background: url(../images/ic_eraser.png) top left no-repeat !important;
	float: right;
	margin: 0px 10px;
	text-indent: -9999px;
	font-size: 0;
	height: 16px;
	width: 16px;
}

.tableCaddy .thCode { /*width: 47px;*/
	
}

.tableCaddy .thDes { /*width: 137px;*/
	
}

.tableCaddy .thQte { /*width: 101px;*/
	
}

.tableCaddy .thSupp { /*width: 30px;*/
	
}

.tableCaddy .thQte span {
	color: #bb1c1c;
	font-size: 11px;
}

.tableControl {
	float: left;
	margin-top: 4px\9;
}

.tableControl .pagination a { /*color: #C15E1C;
	cursor: pointer;
	font-size: 10px;*/
	color: #eab375;
	cursor: pointer;
	font-size: 12px;
	font-family: 'avalonregular';
}

/*********pagination************/
#pagination a:link,#pagination a:active,#pagination a:visited {
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
}

.pagination-list {
	float: right;
	display: block;
}

.pageSize {
	max-width: 200px;
	margin: 2px 0 0 0;
	overflow: hidden;
	float: right;
}

.pageSize label,.pageSize select { /*color: #C15E1C;
	font-size: 11px;
	margin: 0 10px;*/
	color: #eab375;
	font-size: 12px;
	line-height: 1.4em;
	margin: 3px 10px 0;
}

li.pageIndex {
	margin: 0;
	list-style: none;
	float: left;
	padding-left: 4px;
	padding-top: 5px;
}

li.pageLast,li.pageNext,li.pagePrevious,li.pageFirst {
	margin: 0;
	list-style: none;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}

/*style pagination*/
.pagination {
	padding: 1px 2px;
}

.pagination ul {
	margin: 0;
	padding: 0;
	text-align: left;
	/*Set to "right" to right align pagination interface*/
	font-size: 16px;
}

.pagination li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	margin-bottom: 10px;
}

.pagination a,.pagination a:visited {
	padding: 6px 6px;
	margin-top: -1px;
	border: 1px solid #ededed;
	text-decoration: none;
	color: #2e6ab1;
}

.pagination a:hover,.pagination a:active {
	border: 1px solid #ededed;
	color: #fff;
	background-color: #b2bb1c;
}

.pagination a.currentpage {
	background-color: #eab375;
	color: #FFF !important;
	border-color: #eab375;
	font-weight: bold;
	cursor: default;
}

.pagination a.disablelink,.pagination a.disablelink:hover {
	background-color: white;
	cursor: default;
	color: #ededed;
	border-color: #ededed;
	font-weight: normal !important;
}

.pagination a.prevnext {
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
}

/**********MBH**************/
.lt-ie9 .actionSubmit a,.lt-ie8 .actionSubmit a,.lt-ie7 .actionSubmit a
	{
	margin-top: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	ul.newsticker a {
		line-height: 52px !important;
	}
	.pageSize {
		margin: -2px 0 0 0;
	}
	.pageContent .mainContent h1 {
		line-height: 38px;
	}
	.pageContent .sideBar .nav .profileLink {
		line-height: 38px;
	}
	.pageContent .sideBar .nav ul>a,.pageContent .sideBar .nav li>a {
		line-height: 38px;
	}
	.pageContent .sideBar .blockNews li {
		margin: 10px 0 0 0;
		background: url("../images/puce.gif") no-repeat 0px -457px;
		padding-left: 20px;
	}
	/*.pageContent .sideBar .allnewsLink {
		line-height: 28px;
	}*/
	.btnCmd {
		line-height: 25px !important;
	}
	.backtop {
		line-height: 4px !important;
	}
}

/* liScroll styles */
.tickercontainer { /* the outer div with the black border */
	background: transparent;
	width: 1024px;
	height: 50px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.tickercontainer .mask {
	/* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 4px;
	width: 1000px;
	overflow: hidden;
}

ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.newsticker li {
	float: left;
	/* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #4a63ae;
	font-size: 15px;
	font-weight: normal;
	font-family: 'avalonregular';
	margin: 0 5px 0 0;
	padding-left: 30px;
	background: url("../images/tikerpuce.png") left center no-repeat;
	height: 50px;
	display: block;
	line-height: 50px;
	text-decoration: none;
}

ul.newsticker span {
	margin: 0 10px 0 0;
}

.btnCmd {
	float: right;
	font-size: 14px;
	font-family: 'avalonregular';
	color: #eab375;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 7px;
	display: block;
	border: 1px solid #ededed;
	height: 33px;
	line-height: 33px;
	margin-top: 14px;
	background: url('../images/bg-profile.png') repeat-x;
	cursor: pointer;
}

.btnCmd2 {
	background: url('../images/bg-profile.png') repeat-x;
	border: 1px solid #ededed;
	color: #eab375;
	cursor: pointer;
	display: block;
	float: right;
	font-family: 'avalonregular', Arial, Geneva, sans-serif;
	font-size: 12px;
	height: 25px;
	line-height: 29px;
	margin-top: -33px;
	padding: 0 7px;
	text-decoration: none;
	text-transform: uppercase;
}

.btnSubmit {
	float: right;
	font-size: 14px;
	font-family: 'avalonregular';
	color: #eab375;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 7px;
	display: block;
	border: 1px solid #ededed;
	height: 33px;
	line-height: 33px;
	margin-top: 14px;
	background: url('../images/bg-profile.png') repeat-x;
	cursor: pointer;
}

.btnDraft {
	float: right;
	font-size: 14px;
	font-family: 'avalonregular';
	color: #eab375;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 7px;
	display: block;
	border: 1px solid #ededed;
	height: 33px;
	line-height: 33px;
	margin-top: 14px;
	background: url('../images/bg-profile.png') repeat-x;
	margin-right: 102px;
	cursor: pointer;
}

.btnBack {
	float: right;
	font-size: 14px;
	font-family: 'avalonregular';
	color: #eab375;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 7px;
	display: block;
	border: 1px solid #ededed;
	height: 33px;
	line-height: 33px;
	margin-top: 14px;
	background: url('../images/bg-profile.png') repeat-x;
	margin-right: 82px;
	cursor: pointer;
}

.btnSearch {
	float: right;
	font-size: 14px;
	font-family: 'avalonregular';
	color: #eab375;
	/*text-transform: uppercase;*/
	text-decoration: none;
	padding: 0 7px;
	display: block;
	border: 1px solid #ededed;
	height: 28px;
	line-height: 25px;
	margin-top: 9px;
	background: url('../images/bg-profile.png') repeat-x;
	cursor: pointer;
}

.column {
	float: left;
	height: 90px;
	width: 90%;
	margin-right: 2.8%;
}

.column2 {
	float: left;
	height: 90px;
	width: 45%;
	margin-right: 2.8%;
}

.column3 {
	float: left;
	width: 30%;
	margin-right: 2.8%;
}

.column4 {
	float: left;
	width: 25%;
	margin-right: 2.8%;
}

/*.btnAdd {
  background: url("../images/bg-profile.png") repeat-x;
    border: 1px solid #EDEDED;
    color: #EAB375;
    display: block;
    float: right;
    font-family: 'avalonregular',Arial,Geneva,sans-serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: -10px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 5px;
}*/
.btnAdd {
	/*background: url(themes/images/plus_f.png) 7px 10px no-repeat;*/
	background: url("../images/ic_add.png") no-repeat;
	height: 25px;
	/*padding: 5px 15px 5px 35px;*****/
	padding: 5px 15px 15px;
	margin-top: -34px; /******/
	color: #EAB375;
	text-transform: uppercase;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	font-family: 'avalonregular';
	font-size: 14px;
	float: right;
}

.btn_ajout { /*border: solid 1px #ededed;
	background-color: #ccc;
	background-image: -webkit-linear-gradient(bottom, #ededed, #fff);
	background-image: -moz-linear-gradient(bottom, #ededed, #fff);
	background-image: -o-linear-gradient(bottom, #ededed, #fff);
	background-image: linear-gradient(to top, #ededed, #fff);*/
	float: right;
}

.backtop {
	font-size: 0 !important; text-indent-9999px;
	position: fixed;
	color: #4a63ae;
	font-family: 'avalonregular';
	display: block;
	background: url('../images/ic_gotop.png') 0 0 no-repeat;
	height: 38px;
	line-height: 38px;
	bottom: 25px;
	width: 87px;
	margin-left: 54%;
}

.textNews {
	font-size: 12px;
	padding-bottom: 12px;
}

.commercialZone2 {
	width: 100%;
	float: left;
	margin-top: 25px;
	/***Elastic***/
	text-align: center;
}

.footerlogin {
	position: absolute;
	bottom: 0;
}

.panier {
	z-index: 999;
	width: 242px;
	overflow: scroll;
	max-height: 500px;
}

.panier.fixed {
	top: 0;
	position: fixed;
}

.lt-ie9 .panier.fixed {
	margin-left: -248px;
}
.lt-ie9.small-screen .panier.fixed {
	margin-left: 0;
}

a.edit {
	background: url("../images/ic_edit.png") no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
}

a.order {
	background: url("../images/ic_order.png") no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
}

a.packing {
	background: url("../images/ic_packing.png") no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
}

a.del {
	background: url("../images/ic_del.png") no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
}

a.view {
	background: url("../images/ic_view.png") no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
}

a.log {
	background: url("../images/ic_log.png") no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
}

a.download {
	background: url("../images/ic_pdf.png") no-repeat;
	display: inline-block;
	height: 24px;
	font-size: 0 !important;
	width: 24px;
}

a.zip {
	background: url("../images/ic_zip.png") no-repeat;
	display: inline-block;
	height: 24px;
	font-size: 0 !important;
	width: 24px;
}

a.cancel {
	background: url("../images/ic_cancel.png") no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
}

a.validate {
	background: url("../images/ic_valid3.png") no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
}

span.ok {
	background: url("../images/ic_ok.png") no-repeat;
	display: block;
	float: left;
	height: 16px;
	margin: 0px 0px 0px 8px;
	width: 16px;
}

span.not_ok {
	background: url("../images/ic_ko.png") no-repeat;
	display: block;
	float: left;
	height: 16px;
	margin: 0px 0px 0px 8px;
	width: 16px;
}

.required {
	color: red;
	margin-left: 2px;
}

/*****************/
.pageContent .mainContent .items {
	margin: 10px 0 0 0;
	border: 1px solid #ededed;
	float: left;
	min-height: 50px;
	background: url("../images/bg-form.png") repeat-x #ededed;
	font-family: 'avalonregular';
}

.pageContent .mainContent .items ul,.pageContent .mainContent .items li
	{
	padding: 0;
	margin: 0;
	list-style: none;
}

.pageContent .mainContent .items li {
	margin: 10px 0 0 0;
	/*background: url("../images/puce.gif") no-repeat 0px -460px;*/
	padding-left: 20px;
}

.pageContent .mainContent .items li .date {
	color: #b6b5b5;
	font-size: 12px;
	line-height: 14px;
	display: block;
}

.pageContent .mainContent .items li a {
	font-size: 12px;
	display: block;
	line-height: 14px;
	color: #4a63ae;
	text-decoration: none;
}

.pageContent .mainContent .items li a:hover {
	text-decoration: underline;
}

.pageSize #pageSize-button { /*max-width: 40px !important;*/
	
}

#pageSize-menu { /*min-width: 40px !important;*/
	width: 40px;
	max-width: 40px !important;
}

.actionButtons input[type="submit"] {
	width: 116px;
	height: 25px;
	background-color: #b2bb1c;
	-webkit-box-shadow: -3px 2px 4px rgba(227, 227, 227, .75);
	-moz-box-shadow: -3px 2px 4px rgba(227, 227, 227, .75);
	border: solid 1px #ededed;
	background-image: -webkit-linear-gradient(bottom, #e8e8e8, #fff);
	background-image: -moz-linear-gradient(bottom, #e8e8e8, #fff);
	background-image: -o-linear-gradient(bottom, #e8e8e8, #fff);
	background-image: linear-gradient(to top, #e8e8e8, #fff);
	text-align: center;
	color: #ecbd8a;
	font-size: 12px;
	line-height: 1.9em;
	float: right;
	cursor: pointer;
	margin-top: 10px;
}

.pagination-list {
	clear: both;
	margin: 10px 0;
}

#resultat {
	color: #4a63ae;
	font-size: 12px;
	margin: 20px 0 0 5px;
	float: left;
	text-transform: uppercase;
}

#resultatvalid {
	color: #4a63ae;
	font-size: 12px;
	margin: 35px 0 0 5px;
	float: left;
	text-transform: uppercase;
}

.tableCommande th {
	padding: 0 5px;
	background: #272525 url(../images/bg_thead.png) repeat-x;
	color: #fff;
}

.tableCommande th a {
	color: #fff;
	text-decoration: none;
}

/**************** begin popin intro ***********************/
.popintro h1 {
	font-family: 'avalonregular';
	padding-top: 0px;
	font-size: 22px;
	font-weight: normal;
	color: #9f9f9f;
	line-height: 25px;
}

.popintro p {
	font-family: 'avalonregular';
	color: #a1a1a5;
	font-size: 13px;
	line-height: normal;
	line-height: 20px;
	position: relative;
	padding-bottom: 10px;
}

.popintro h2 {
	font-weight: normal;
	font-size: 15px;
	font-family: 'avalonregular';
	color: #4a63ae;
	text-transform: uppercase;
	border-bottom: 1px solid #e7eaf2;
	line-height: 42px;
	text-indent: 14px;
	margin-bottom: 20px;
}

.popintro h3 {
	font-weight: normal;
	font-size: 14px;
	font-family: 'avalonregular';
	color: #b2bb1c;
	text-transform: uppercase;
	line-height: 20px;
}

.popintro h4 {
	font-weight: normal;
	font-size: 13px;
	font-family: 'avalonregular';
	color: #eab375;
	line-height: 20px;
	text-indent: 14px;
}

.popintro ul {
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
}

.popintro li {
	font-weight: normal;
	font-size: 13px;
	font-family: 'avalonregular';
	color: #a1a1a5;
	margin: 10px 0 10px 35px;
	line-height: 1.5em;
}

.popintro li a {
	font-weight: normal;
	font-size: 13px;
	font-family: 'avalonregular';
	color: #a1a1a5;
	line-height: 1.5em;
}

.popintro a {
	color: #a1a1a5;
}

.popintro label {
	color: #a1a1a5;
	font-size: 12px;
	text-indent: 14px;
	display: block;
	padding-top: 8px;
	padding-bottom: 4px;
}

/**************** end popin intro ***********************/
.depotlabel {
	color: #C15E1C;
	clear: both;
	font-size: 14px;
	line-height: 2em;
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

#tableCommande_paginate {
	padding: 1px 2px;
	padding-bottom: 10px;
	float: right;
}

#tableCommande_paginate ul {
	margin: 0;
	padding: 0;
	text-align: left;
	/*Set to "right" to right align pagination interface*/
	font-size: 16px;
}

#tableCommande_paginate li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

#tableCommande_paginate a,#tableCommande_paginate a:visited {
	padding: 6px 6px;
	margin-top: -1px;
	border: 1px solid #ededed;
	text-decoration: none;
	color: #2e6ab1;
}

#tableCommande_paginate a:hover,#tableCommande_paginate a:active {
	border: 1px solid #ededed;
	color: #fff;
	background-color: #b2bb1c;
}

#tableCommande_paginate a.currentpage {
	background-color: #eab375;
	color: #FFF !important;
	border-color: #eab375;
	font-weight: bold;
	cursor: default;
}

#tableCommande_paginate a.disablelink,#tableCommande_paginate a.disablelink:hover
	{
	background-color: white;
	cursor: default;
	color: #ededed;
	border-color: #ededed;
	font-weight: normal !important;
}

#tableCommande_paginate a.next,#tableCommande_paginate a.previous {
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: bold;
}

#tableCommande_paginate a {
	color: #eab375;
	cursor: pointer;
	font-size: 12px;
	font-family: 'avalonregular';
	padding: 6px;
	text-decoration: none;
	margin-right: 5px;
}

.dataTables_length {
	float: right;
	margin: 2px 0 0;
	max-width: 200px;
	overflow: hidden;
	padding-bottom: 10px;
	color: #b6b5b5;
	display: inline-block;
	height: 1.7em;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	margin-top: -6px;
}

.ui-selectmenu {
	
}

#tableCommande_wrapper select {
	height: 27px !important;
	width: 164px !important;
	color: #b6b5b5;
	text-decoration: none;
}

#tableCommande_wrapper select option {
	padding: 8px 0;
}

input[type="file"] {
	font: 80% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #4a63ae;
}

.valid {
	background: url("../images/ic_true.png") no-repeat scroll 0 0
		transparent;
	padding: 0 25px;
	font-family: "avalonregular";
	font-size: 14px;
	line-height: 20px;
}

.errorRecap {
	background: url("../images/ic_false.png") no-repeat scroll 0 0
		transparent;
	padding: 0 25px;
	font-family: "avalonregular";
	font-size: 14px;
	line-height: 20px;
}

.line-error {
	margin-left: 20px;
}

.errorsValid {
	font-size: 12px;
	color: red;
}

.msgValid {
	font-family: 'avalonregular';
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	background: url('../images/ic_false.png') no-repeat scroll 0 0
		transparent;
	padding: 0 25px;
}


.fixedthead tbody tr:first-child td {
	padding-top:10px;
}
#fixThead {
	display: none;
	position:fixed;
	top:0;
	/*left:256px;*/
}
#fixThead.fixedthead {
	display:block;
}
.paginationDiv{
    max-height: 100px;
    overflow-y: scroll;
    width: 100%;
}