.msg {
	font-size:14px;
	position:absolute;
	left:220px;
	top:100px;
	width:250px;
	z-index:20000;
}

.noir{
	color:black;
}

.blanc {
	color: #FFFFFF;
}

.noir_a {
	color:black;
}

.noir_a:hover {
	color: black;
}



.arial {
	font-family: Arial, Helvetica, sans-serif;
}

.bleuSombre {
	color: #FFFFFF;
}
.vert-sombre {
	color: #8d8f0a;
}

.non-soulign {
	text-decoration: none;
}
.non-soulign:hover {
	text-decoration: underline;
}
.bleuGris {
	color: #9EB5C1;
}
.gris {
	color: #b6b6b6;
}
.interligne11 {
	line-height: 11px;
}



.bleuClair {
	color: #edfbff;
}
.rouge {
	color: #d2011c;
}

.bg_vert {
	background-color: #8ba900;
}

.bg_rouge {
	background-color: #c9101c;
}

.bg_orange {
	background-color: #ffa200;
}
	
.souligne {
	text-decoration: underline;
}
.orange {
	color: #ffa200;
}

.taille11 {
	font-size: 11px;
}
.taille12 {
	font-size: 12px;
}
.taille14 {
	font-size: 12px;
}
.taille16 {
	font-size: 12px;
}
.taille10 {
	font-size: 10px;
}
.gras {
	font-weight: bold;
}
.champs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #016688;
	border: 1px solid #96b0bd;
   height: 11px;
}
.champs3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #016688;
	border: 1px solid #96b0bd;
   height: 12px;
}
.champs4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A75701;
	border: 1px solid #A75701;
	width: 150px;
}
.champsform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A75701;
	border: 0px solid #A75701;
}
.champs2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A75701;
	border: 1px solid #A75701;
}
.select150 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A75701;
	border: 1px solid #A75701;
	width: 150px;
}

.tableau-en-tete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #fe8300;
}
.tableau-ligne1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: ;*/
	color: #a75701;
	background-color: #FFC47F;
}
.tableau-ligne2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a75701;
	background-color: #ffe88b;
	/*vertical-align:middle;*/
}
.tableau-ligneR {
	color: #FFFFFF;
	background-color: #D00000;
}
.tableau-ligneB {
	color: #FFFFFF;
	background-color: #0090A0;
}
.tableau-ligneBR {
	color: #FFFFFF;
	background-color: #0be170;
}
.tableau-ligneV {
	color: #FFFFFF;
	background-color: #A00090;
}
.tableau-ligneH {
	color: #FFFFFF;
	background-color: #000080;
}
.tableau-ligneO {
	color: #FFFFFF;
	background-color: #FFB400;
}

.tableau-fond-blanc {
	background-color: #FFFFFF;
}
.tableau-fond-bleu {
	background-color: #fe8300;
}
.fond-orange {
	background-color: #fe8300;
}


.interligne12 {
	line-height: 12px;
}

.tableau-fond-bleu .tableau-ligne2 .maron {
	color: #a75701;
}

.tableau-ligne3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A75701;
	background-color: #FFF2BF;
}

.tableau-ligne4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A75701;
	background-color: #FFF9DF;
}

.champs2-fond-bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A75701;
	border: 1px solid #A75701;
	background-color: #FFF5CE;
}

.majuscules {
	text-transform: uppercase;
}

.maron {
	color: #A75701;
}

.bleuMoyen {
	color: #99c9d9;
}

.champs-recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A75701;
	border: 1px solid #A75701;
	height: 16px;
}

.echec-label {
	color: #E33B01;
}

.succes-label {
	color: #9D9C22;
}

.taille9 {
	font-size: 10px;
}
.marron {
	color: #A75701;
}
.discret {
	font-size: 9px;
	color: #A75701;
}
.taille14 {
	font-size: 14px;
}
.bt-rouge {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            color: #FFF;
            background-color: #E33B01;
            border: 1px solid #E33B01;
}
.bt-vert {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            color: #FFF;
            background-color: #9D9C22;
            border: 1px solid #E33B01;
}
.bt-orange {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            color: #FFF;
            background-color: #FEA700;
            border: 1px solid #E33B01;
}
.bt-bleu {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            color: #1D7897;
            background-color: #D1ECF5;
            border: 1px solid #000080;
}
.a-bt-gris {
		appearance: auto;
		user-select: none;
		align-items: flex-start;
		text-align: center;
		cursor: default;
		font-size: 11px;
		padding: 1px 6px;
		height: 14px;
		vertical-align: middle;
		background-color: rgb(239, 239, 239);
		text-decoration: none;
}

.cursor-point{
	cursor: pointer;
}

.bloc-legend p{
	display: inline-block;
	vertical-align: top ;
	margin: 0px 30px 0px 0px;
}

.legende	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.alert-danger{
	margin :10px auto;
	padding-left: 10px;
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	border: 1px solid transparent;
}

/* Taille colonne */

.table-column-width-pixel-20
{
	width: 20px;
}

.table-column-width-pixel-40
{
	width: 40px;
}

.table-column-width-pixel-60
{
	width: 60px;
}

.table-column-width-pixel-70
{
	width: 70px;
}

.table-column-width-pixel-80
{
	width: 80px;
}

.table-column-width-pixel-90
{
	width: 90px;
}

.table-column-width-pixel-100
{
	width: 100px;
}

.table-column-width-pixel-110
{
	width: 110px;
}

.table-column-width-pixel-140
{
	width: 140px;
}

.table-column-width-pixel-200
{
	width: 200px;
}

.table-column-width-pixel-250
{
	width: 250px;
}

.table-column-width-pixel-300
{
	width: 300px;
}

.table-column-width-pixel-400
{
	width: 400px;
}

.hidden{
	display: none;
}

.fake-link {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.v-spacing
{
	margin-top: 40px;
	margin-bottom: 40px;
}
.bt-bleu a{
	color: #1D7897;
	text-decoration: none;
}


.h-center
{
	margin-left: auto;
	margin-right: auto;
}

.pad_x_5{
	padding-right: 5px;
	padding-left: 5px;
}

.import-export-span{
	cursor: pointer;
	vertical-align: bottom;
}

.actif-liste-marche-libelle{
	margin: 0px;
}

.marche-button-table td{
	padding: 8px;
	vertical-align: top;
}

input:-moz-read-only {
	background-color: #e1e1e1;
}

#frmSaisieListe input:read-only {
	background-color: #e1e1e1;
}

input[type=number] {
	text-align:right;
}


.flashbag-succes {
	background-color: #d4edda;
	color : #156973;
	margin : 5px;
	padding: 5px;
}

.flashbag-erreur {
	background-color: #f8d7da;
	color : #721c24;
	margin : 5px;
	padding: 5px;
}

.calque-wrapper {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	visibility: hidden;
	opacity: 0;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	background-color: rgba(11,11,11, 0.5);
	transition: opacity 0.5s ease, visibility 0s ease 0.5s;
}

.ouvert {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s ease, visibility 0s ease;
}

.calque-bloc {
	width: calc(100% - 40px);
	max-width: 780px;
	max-height: calc(100vh - 40px);
	background-color: white;
	display: flex;
	flex-direction: column;
	transition: transform 0.5s ease;
	transform: translateY(50px);
}


.calque-title {
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-items: center;
}

.calque-content{
	padding: 10px;
	text-align: center;
}

/*.search-table-outter { overflow-x: scroll; }*/

#table-slide-rapport td,#table-slide-rapport-tarif td{
	min-width: 160px;
	margin: 0;
	padding: 10px 0;
}

#table-slide-rapport td:not(:last-child),#table-slide-rapport-tarif td:not(:last-child){
	border-color: #a75701;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
}

#table-slide-rapport{
	margin-top: 10px;
	display: block;
	min-width: 100%;
	width: 87vw;
	overflow-x: auto;
	white-space: nowrap;
	border-spacing: 0px;
}

#table-slide-rapport-tarif{
	margin-top: 10px;
	width: 100%;
	white-space: nowrap;
	border-spacing: 0px;
}

.erreur-rapport{
	display: inline;
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}

#table-slide-rapport .padding-left-rapport,#table-slide-rapport-tarif .padding-left-rapport{
	padding-left: 15px;
}

.style-button{
	padding: 0px 20px;
}

/*********************** Gestion Catalogue *********************/
.directory-list{
	padding-left: 0px;
}

#arbo-categorie-produit div, #arbo-categorie-produit em{
	display: inline-block;
	vertical-align: middle;
}

#arbo-categorie-produit .li-categorie, #arbo-categorie-produit .li-produit{
	display: block;
	padding: 2px 0px;
}

#arbo-categorie-produit em{
	min-width: 12px;
	min-height: 18px;
	padding-left: 5px;
}
/*#arbo-categorie-produit em, #arbo-categorie-produit div, #arbo-categorie-produit div, #arbo-categorie-produit div {*/

/*}*/

#arbo-categorie-produit input{
	margin: 0px;
	/*padding-left: ;*/
}

#arbo-categorie-produit .directory-list ul {
	margin-left: 7px;
	padding-left: 13px;
	border-left: 1px dashed #ddd;
}

#arbo-categorie-produit .directory-list li {
	list-style: none;
	color: #888;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}

#arbo-categorie-produit .directory-list a {
	border-bottom: 1px solid transparent;
	color: #888;
	text-decoration: none;
	transition: all 0.2s ease;
}

#arbo-categorie-produit .directory-list a:hover {
	border-color: #eee;
	color: #000;
}

#arbo-categorie-produit .directory-list .li-categorie,
#arbo-categorie-produit .directory-list .li-categorie > a {
	color: #777;
	font-weight: bold;
}

#arbo-categorie-produit .directory-list .tree-categorie-nom:before {
	content: "";
	height: 16px;
	vertical-align: middle;
	width: 20px;
	background-repeat: no-repeat;
	display: inline-block;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='lightblue' d='M96.429,37.5v39.286c0,3.423-1.228,6.361-3.684,8.817c-2.455,2.455-5.395,3.683-8.816,3.683H16.071 c-3.423,0-6.362-1.228-8.817-3.683c-2.456-2.456-3.683-5.395-3.683-8.817V23.214c0-3.422,1.228-6.362,3.683-8.817 c2.455-2.456,5.394-3.683,8.817-3.683h17.857c3.422,0,6.362,1.228,8.817,3.683c2.455,2.455,3.683,5.395,3.683,8.817V25h37.5 c3.422,0,6.361,1.228,8.816,3.683C95.201,31.138,96.429,34.078,96.429,37.5z' /></svg>");
	background-position: center top;
	background-size: 75% auto;
}

#arbo-categorie-produit .directory-list .tree-produit-nom:before {
	content: "";
	height: 16px;
	vertical-align: middle;
	width: 20px;
	background-repeat: no-repeat;
	display: inline-block;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='lightgrey' d='M85.714,42.857V87.5c0,1.487-0.521,2.752-1.562,3.794c-1.042,1.041-2.308,1.562-3.795,1.562H19.643 c-1.488,0-2.753-0.521-3.794-1.562c-1.042-1.042-1.562-2.307-1.562-3.794v-75c0-1.487,0.521-2.752,1.562-3.794 c1.041-1.041,2.306-1.562,3.794-1.562H50V37.5c0,1.488,0.521,2.753,1.562,3.795s2.307,1.562,3.795,1.562H85.714z M85.546,35.714 H57.143V7.311c3.05,0.558,5.505,1.767,7.366,3.627l17.41,17.411C83.78,30.209,84.989,32.665,85.546,35.714z' /></svg>");
	background-position: center 2px;
	background-size: 60% auto;
}

#arbo-categorie-produit .directory-list .tree-produit-nouveau{
	width: 11px;
	min-height: 18px;
}


#arbo-categorie-produit .tree-li-selected{
	background-color: #FFC47F;
}

#arbo-categorie-produit .tree-li-hovered{
	background-color: #ffe88b;
}

#arbo-categorie-produit .tmp-lot, #arbo-categorie-produit .tmp-nouveau,
#arbo-categorie-produit .tree-produit-nouveau, #arbo-categorie-produit .tree-produit-lot,
#arbo-categorie-produit .tree-produit-origin{
	float: right;
	margin-right: 5px;
}

.tree-produit-origin .dot{
	height: 10px;
  	width: 10px;	
	border-radius: 50%;
	display: inline-block;
}

.bg-gris {
	background-color: #bbb;
}

.bg-rouge {
	background-color:red;
}

#arbo-categorie-produit .select-lot{
	max-width: 80px;
}

#cat-perso-search-form{
	max-width: 200px;
}

#family-select, #cat-perso-select-batch{
	max-width: 140px;
}

#arbo-container{
	width:80%;
	padding-right: 5px;
}

#arbo-categorie-produit{
	height : 700px;
	overflow-y: scroll;
}

#resultCatPerso{
	height: 290px ;
	margin-top:5px;
	overflow-y: scroll;
}

#resultCatPerso p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 2px 0px;
}

#catPersoProduit-aside{
	border:1px solid black;
	background-color:#ffe88b;
	width:30%;
	padding:5px;
	height:auto;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
}

#catPersoProduit{
	display:flex;
	flex-direction:row;
	margin-right: 10px;
}

.error-label{
	margin-left: 10px;
	color: #E33B01;
	font-size: 12px;
	font-weight: bold;
}

#code-client-valide{
	margin-left: 10px;
	color: #9D9C22;
	font-size: 12px;
	font-weight: bold;
}


#resultCatPerso .searchResult:hover{
	background-color: #FFC47F;
}
/*********************toolTip*********************/
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}
  
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	top: 100%;
	right: 115%; 
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

/*         loader               */
#loader{
	display: none;
	width: 100%;
	height:100%;
	top: 0;
	left:0;
	position: fixed;
	z-index: 999999;
	background: rgba(255 ,255 ,255, 0.8);
  }

.spinner {
	width: 40px;
	height: 40px;
  
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
  }
  
  .double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
  }
  
  .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
  }

  @-webkit-keyframes sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
  }
  
  @keyframes sk-bounce {
	0%, 100% { 
	  transform: scale(0.0);
	  -webkit-transform: scale(0.0);
	} 50% { 
	  transform: scale(1.0);
	  -webkit-transform: scale(1.0);
	}
  }

#notificationDiv{
	padding: 5px;
	font-size: 1.1em;
	visibility: hidden;
	margin-left: 15px;
	margin-right: 30px;

	flex-grow: 1;
	text-align: center;
	visibility: hidden;
}
 .notifSuccess{
	margin-left: 15px;
	margin-right: 30px;
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc;
	flex-grow: 1;
	text-align: center;
}
 .notifError{
	margin-left: 15px;
	margin-right: 30px;
	color: #b44444;
	background-color: #dbbabd;
	border-color: #dbbabd;
	flex-grow: 1;
	text-align: center;
}
.entete-bloc-livraison{
	font-size: 17px;
	text-decoration: underline;
}

.lienRouge{
	font-size: 14px;
	color: #9a0c15;
	text-decoration: underline;
}
.lienRouge:hover{
	cursor: pointer;
}
.bouton-confirmer{
	height: 18px;
	vertical-align: middle;
	border: solid 1px #A75701;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A75701;
	background-color: #e1e1e1;
}
.width-pixel-230{
	width: 230px;
}