/* CSS Document du site boucom */
*{
      touch-action: manipulation;
}
.ui-icon-loading {
	background: url(../imani/ajax-loader.gif);
}
.ui-icon-print1-18::after {
	background-image: url("../imatech/print1-18.png");
}
/* les trucs génériques --------------------------------------- */
.lefttop{
	float: left;
	width: 24px;
	height: 48px;
}
.inlefttop{
	padding-top: 24px;
	padding-bottom: 2px;
}
.okwhite{
	background-image: url(../imatech/ok24tr.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.okyellow{
	background-image: url(../imatech/ok24tr2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.okno{
	background-image: url(../imatech/ok24trtr.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.star24{
	background-image: url(../imatech/star24.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.mail-wh{
	background-image: url(../imatech/mail-white.png);
	background-repeat: no-repeat;
	background-position: 3px 2px;
}
.surligne1{
	color: #333333;
	background-color: #CCCCCC;
}
.grasc{
	font-weight: bold;
	text-align: center;
	background-color: #FFFFCC;
}
.cmdwm1{
	color: #333333;
	background-color: #80FF80;
}
.info_msg{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	padding: 8px;
	background-color: #FF6666;
	text-shadow:0px 0px 0px #f3f3f3;
}
.info_msg_soft{
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #333333;
	padding: 8px;
	background-color: #CCCCCC;
	text-shadow:0px 0px 0px #f3f3f3;
}
.info_msg_yellow{
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #333333;
	padding: 8px;
	background-color: #FFFF80;
	text-shadow:0px 0px 0px #f3f3f3;
}
.notpaid{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	padding: 8px;
	background-color: #FF6666;
	text-align: center;
}

.ico_refresh{
	background-image: url(../imatech/refresh24.png);
	background-position: left center;
	background-repeat: no-repeat;
}
/* liste des articles */
.dpt_cell{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	padding: 0px;
	background-color: #646CD9;
	text-align: center;
	margin: 0px;
	border: 0px;
	height: 68px;
	background-position: center;
}
.art_cell{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	padding: 0px 0px 4px;
	background-color: #3F7885;
	text-align: center;
	margin: 0px;
	/* border: 0px; */
	border-color: #C0C0C0;
	background-position: center;
	vertical-align: top;
	text-shadow: none;
}
.art_cell_com{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	padding: 4px;
	text-align: left;
	margin: 0px;
	border: 0px;
	text-shadow: none;
}
.ing{
	color:#FFFF00;
	font-size: 10pt;
}
.artcod{
	text-align: center;
	font-size: 9pt;
}
.artdsd{
	color:#FF8000;
	font-size: 10pt;
}
.artdec{
	color:#00FF00;
	font-size: 10pt;
}
.his_no{
	background-color: #999999;
	color: #FFFFFF;
}
.his_neg{
	background-color: #008080;
	color: #FFFFFF;
}
.his_ok{
	background-color: #008040;
	color: #FFFFFF;
}
.his_busy{
	background-color: #0033CC;
	color: #FFFFFF;
}
.his_ko{
	background-color: #CC0033;
	color: #FFFFFF;
}
.his_abnormal{
	background-color: #993366;
	color: #FFFFFF;
}
.his_changed{
	background-color: #FF6600;
	color: #FFFFFF;
}
.his_frival{
	vertical-align: middle;
	padding-right: 4px;
	padding-left: 4px;
	background-image: url(../imatech/green8.png);
	background-repeat: repeat-y;
	background-position: left;
	text-align: right;
}
.his_friliv{
	vertical-align: middle;
	padding-right: 4px;
	padding-left: 4px;
	background-image: url(../imatech/grbl8.png);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: right;
}
.his_info{
	vertical-align: middle;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #CCCCCC;
}
.livqty{
	color: #FFFF00;
	font-size: 18px;
}
.livdpt{
	color: #FFFF00;
	font-size: 12px;
}
.cart_imprim{
	color: #000000;
	font-size: 18px;
	text-align: center;
}
.nota{
	color: #333333;
	background-color: #FBE85E;
	background-position: left;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.titre_tab { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFF00;
	text-align: center;
	margin: 0px;
	padding: 2px;
	background-color: #000099;
}
.histo{
	font-style: italic;
}
.art_clavier{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	padding: 0px;
	background-color: #3F7885;
	text-align: center;
	margin: 0px;
	border: 0px;
	height: 60px;
	border-radius: 6px;
}
.clavierval{
	background-color: #006633;
	color: #FFFFFF;
	font-weight: bold;
}
#cla_alpha{
	background-color: #FFFF99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	width:600px;
 	border-collapse:separate;
 }
#cla_alpha tr{
	height: 40px;
}
#cla_alpha td{
	text-align: center;
	background-color: #3F7885;
	border-radius: 6px;
}
#cla_alpha th{
	color: #FFFFFF;
	text-align: center;
	background-color: #006633;
	border-radius: 6px;
}

.csmall{
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	line-height: 12px;
	padding-left: 20px;
}

/* table nospace*/
table.nospace{
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
	}
/* header ligne 1*/
table.header1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #000066;
	border-collapse:collapse;
	}
table.header1 tr{
	height: 48px;
 	}
table.header1 tr td{
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #FFFFFF;
 	}

/* header ligne 2*/
table.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #000099;
	border-collapse:collapse;
	}
table.header2 tr{
	height: 44px;
 	}
table.header2 tr td{
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
 	}
table.header22 tr td{
	border-left: 0px none #CCCCCC;
	border-bottom: 0px none #CCCCCC;
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-top-style: none;
	border-right-style: none;
 	}
	
/* tableaux edition config */
table.config {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 2px;
	width: 100%;
	background-color: #0066FF;
	text-align: left;
	border-collapse:collapse;
}
table.config tr {
	height: 48px;
}
table.config tr td{
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 4px;
	padding-left: 4px;
}

.config_tit { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFF00;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #000099;
}
/* boutons config qui ouvrent qqchose */
.config_open {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0px;
	width: 100%;
	background-color: #000099;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.config_open_cell{
	color: #FFFF00;
	border: none;
}
.config_open_cmt{
	border: none;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 12px;
}
/* tableaux edition data */
table.data {
	background-color: #0066FF;
	font: 14px "Times New Roman", Times, serif;
	width: 100%;
	text-align: left;
	border-collapse:collapse;
}
table.data tr {
}
table.data tr td{
	color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 4px;
}
table.data tr td+td {
	border-left: 1px solid #CCCCCC;
	}
table.data td:first-child {
	text-align: center;
	width:5px;
	}
table.data tr th{
	color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 4px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	border-left: 1px solid #CCCCCC;
}
table.data tr th+th {
	}

/* tableaux xxx_rap */
table.raphead1 {
	background-color: #FFFF99;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: left;
	border-collapse:collapse;
}
table.raphead1 tr {
}
table.raphead1 tr td{
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 4px;
}
table.raphead1 tr td+td {
	border-left: 1px solid #CCCCCC;
	}
table.data td:first-child {
	}
table.raphead1 img {	width:44px; height:44px; hspace:0; vspace:0; border:0px; }

.raphead1_cmt{
	border: none;
	font-size: 11px;
	line-height: 12px;
}
/* tableaux vuetable header jauens, cells blanche*/
table.vuetable {
	font: 18px "Times New Roman", Times, serif;
	width: 100%;
	text-align: right;
	border-collapse:collapse;
	background-color: #FFFFFF; 
}
table.vuetable span{
	font: 14px Arial, Helvetica, sans-serif;
	text-shadow: none;
}
table.vuetable tr {
}
table.vuetable tr td{
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px;
}
table.vuetable tr td+td {
	border-left: 1px solid #CCCCCC;
	}
table.vuetable tr td:first-child {
	text-align: left;
	}
table.vuetable tr th:first-child {
	text-align: left;
	}
table.vuetable th {
	text-align: right;
	border-width: 1px;
	border-style: solid;
	border-top-color: #E47052;
	border-bottom-color: #5EDF57;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFF99;
	}
.vueselected {
	background-color: #FFFF99;
	}
.vueact {
	background-color: #FFFFAA;
	}
.vueina {
	background-color: #000000;
	color: #FFFFFF;
	}
/*==================================*/
.errpc5 {
	background-color: #008040;
	color: #FFFFFF;
	text-align: center;
	}
.errpc10 {
	background-color: #8080FF;
	color: #FFFFFF;
	text-align: center;
	}
.errpc15 {
	background-color: #FF0000;
	color: #FFFFFF;
	text-align: center;
	}
.errpc20 {
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	}

/*==================================*/
.hid_tt{
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	width: 100%; 
	text-shadow:0px 0px 0px #f3f3f3;
}
.hid_tit{
	background-color: #FFFFCC;
	text-align: right;
}
.hid_ca{
	background-color: #FFB0B0;
	text-align: right;
}
.hid_bc{
	background-color: #CCFFFF;
	text-align: right;
}
.hid_tt2{
}
.hid_alc{
	text-align: center;
}
.hid_tit2{
	background-color: #FFFFCC;
	text-align: center;
	text-shadow:none;
}
.hid_tit3{
	background-color: #FFFFCC;
	text-align: left;
}
.hid_ca2{
	background-color: #FFB0B0;
	text-align: center;
}
.hid_ca3{
	background-color: #FFFFCC;
	text-align: center;
}
.hid_cfa{
	background-color: #FFFFCC;
	color:red;
	text-shadow:none;
	text-align: center;
	font-weight:bold;
}
.hid_cft{
	background-color: #29abe2;
	color:white;
	text-shadow:none;
	text-align: center;
	vertical-align: center;
	font-weight:bold;
}
/*================================== */
#gen_wrapper {
	width: 100%;
	height: 80vh;
	border: none;
	background-color: #999999;
	text-shadow: none;
}
#gen_cols {
	width: 100%;
	background-color: #666666;
	text-shadow: none; 
}
#gen_col1 {
	width: 33%;
	float: left;
	background-color: #666666;
	margin-right: 2px;
}
#gen_col2 {
	/*width: 64%;*/
	float: right;
	background-color: #666666;
	margin-right: 0px;
}
#genc_col1 {
	width: 100%;
	height: 36vh;
	background-color: #666666;
	overflow-y: auto;
	margin: 0px;
}
#gencd_col1 {
	width: 100%;
	/* height: 8vh; */
	background-color: #99CCCC;
	/*overflow-y: auto;*/
	margin: 0px;
	padding-bottom:1px;
	/*overflow: hidden;*/
}
#genc2_col1 {
	width: 100%;
	height: 36vh;
	background-color: #99CCCC;
	overflow-y: auto;
	margin: 0px;
}
#genc_col2 {
	width: 100%;
	height: 80vh;
	background-color: #666666;
	overflow-y: auto;
	overflow-x: hidden;
}
table.gentable {
	font: 14px "Times New Roman", Times, serif;
	width: 100%;
	text-align: left;
	border-collapse:collapse;
	background-color: #FFFFFF; 
	text-shadow: none;
}
table.gentable tr {
}
table.gentable tr td{
	border-bottom: 2px solid #CCCCCC;
	padding: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
}
table.gentable tr td+td {
	border-left: 1px solid #CCCCCC;
	}
table.gentable tr td:first-child {
	text-align: center;
	}
.gentable_sel {
	background-color: #FFFF99;
	}
.gentool_btn{
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #FFFFFF;
	padding: 0px;
	background-color: #23376D;
	text-align: center;
	margin: 0px;
	border: 0px;
	height: 60px;
	border-radius: 6px;
}
.like_gentool_btn{
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #FFFFFF;
	padding: 0px;
	background-color: #23376D;
	text-align: center;
	margin: 0px;
	border: 0px;
	border-radius: 6px;
}
.gentool_small{
	font-family: "Trebuchet MS", Arial;
	font-size: 10pt;
	color: #FFFFFF;
}
.liste_tit { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFF00;
	text-align: center;
	margin: 0px;
	padding: 2px;
	width: 100%;
	background-color: #000099;
}
#msgPopupTxt{
	background-color: #FFFF99;
	font-size: 12pt;
	
	padding: 12px;
	height: 60px;
	margin-bottom: 12px;
}
/*==================================*/
#tic_msg_list {
	background-color: #CCCCCC;
	width: 100%;
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	text-shadow: none;
	}
#tic_msg_tools {
	background-color: #CCCCCC;
	width: 100%;
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	}
table.tic_msg_list{
	border-color:#333333;
}
table.tic_msg_list td{
	text-align:left;
	/* border-bottom: 1px solid #000000; */
}
.tic_msg_cell  {
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #111111;
	padding: 8px;
	text-align: left;
	margin: 0px;
	border: 1px;
	/* height: 40px; */
	/* border-radius: 0px; */
	}
.tic_msg_tit  {
	font-family: "Trebuchet MS", Arial;
	font-size: 14pt;
	color: #FFFFFF;
	background-color: #23376D;
	padding: 8px;
	text-align: center;
	margin: 0px;
	border: 1px;
	/* height: 20px; */
	/* border-radius: 0px; */
	}
.tic_msg_tit_btn  {
	font-family: "Trebuchet MS", Arial;
	font-size: 12pt;
	color: #FFFFFF;
	background-color: #23376D;
	padding: 8px;
	text-align: center;
	margin: 0px;
	border: 1px;
	/* height: 20px; */
	border-radius: 6px;
	}
.msg_tofr{
	background-color: #4265C1;
	color: #FFFFFF;
	padding: 4px;
	text-align: left;
	border-radius: 2px;
	}
.msg_btnmini{
	background-color: #000000;
	color: #FFFFFF;
	padding: 6px;
	text-align: center;
	font-size:11px;
	border-radius: 2px;
	width:30%;
	max-width: 80px;
	}
#liv_frigo{
	border: 1px;
	text-align: center;
	width:100%;
}
#liv_frigo2{
	width: 50%;
	margin: 0 auto;
	border: 1px;
	border: 2px solid #CCCCCC;
	border-radius: 6px;
}
.alivdef{
	float: left;
	width: 24px;
	height: 24px;
	color: #000000;
	background-color: #FFFFFF;
}
.ui-icon-arobas-18::after {
	background-image: url("../imatech/arobas-18.png");
}
.div_open{
	background-image: url(../z_jquery/images/icons-png/carat-d-black.png);
	background-position: right center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial;
	font-size: 14pt;
	color: #FFFFFF;
	background-color: #3366FF;
	padding: 8px;
	text-align: left;
}
/* pour ingrédients cette classe est ducplicié bc_cmx et bc */
.titIngform{
	background-color: #FFFFAA;
	border-radius: 6px;
	padding: 0.6em;
	font-family: "Trebuchet MS", Arial;
	text-shadow: none;
	font-size: 1em;
	color: #800000;
	text-align: center;
}
input.btn_20{ height: 20px; cursor: pointer;}
input.btn300_30{ width: 300px; height: 30px; cursor: pointer;}
input.btn300_50pc{ width: 50%; height: 60px; cursor: pointer;}
input.btn600_40{ width: 600px; height: 40px; cursor: pointer;}

/*================================== meteo*/
 #mb-webmaster-root { width: 330px; height: 250px; font-size: 12px; font-weight: bold;} 
 #mb-webmaster-top { width: 175px; height: 125px; float: left; text-align: center; font-size: 14px; } 
 #mb-webmaster-top img { margin: 0 0 12px 0; } 
 #mb-webmaster-warn { width: 155px; height: 105px; float: left; text-align: center; padding-top:2px; } 
 #mb-webmaster-forecast { width: 175px; height: 105px; float: left; text-align: center; font-size: 16px; } 
 #mb-webmaster-forecast .forecast-day { margin: 10px 0 0 2px; width: 85px; float: left; } 
 #mb-webmaster-forecast img { margin: 5px; } 
 #mb-webmaster-days { width: 155px; height: 105px; float: left; padding-top: 0px; font-size: 16px; } 
 #mb-webmaster-days table { line-height: 30px; font-size: inherit; margin-left: 7px; } 
 #mb-webmaster-days img { vertical-align: middle; } 
 #mb-webmaster-footer { width: 330px; height: 10px; text-align: center; font-size: 14px; } 
/*==================================*/