
#div_find_container{
	position: absolute;
	border:0px blue solid;
	/*background-image:url(../imgs/frame/find_sm.png); background-repeat:no-repeat;	/*210x71*/
	background:url(../imgs/frame/find_sm.png) left center no-repeat;	/*210x71*/
	/*height:40px;*/
	width:400px;
	padding: 0px;
	left:230px;
	top:10px;

}
/*#div_find_txt{
	position: absolute;
	border:1px #9e0b0b solid;
	size:300;
	left:30px;
	top:10px;
 
}*/
#divrecherche{
	position:relative;
	border:0px #9e0b0b solid;
	margin:0px;

}
#divrecherche_result{
	position:absolute;
	top:42px;
	left:8px;
	width:600px; /*382*/
	border:1px #DFDFDF solid;
	margin:0px;
	background: #f6f6f6;
	font-family: Verdana,Tahoma; font-size: 10px; color: #3D3E40; text-decoration: none ; line-height: 12px; font-weight: normal; vertical-align: top; 

	z-index: 1500;

}
/*#divrecherche_result:not(:hover){}*/




/*#headsearch{
	background: white;
}*/
.ui-autocomplete-loading{
	background: white url("../imgs/ui-anim_basic_16x16.gif") right center no-repeat;
}
#div_nom_user_container{
	position: absolute;
/*	border:1px red solid;*/
	height:40px;
	width:300px;
	right:20px;
	top:10px;

}
#div_nom_user_ico{
	position: absolute;
	width: 40px;
	height:40px;
	/*border: 1px red solid;*/
	right:0px;
	background-image:url(../imgs/frame/user_sm.png);background-repeat:no-repeat;	/*210x71*/
}
#div_nom_user_ad{
	/*border:1px green solid;*/
	position:absolute;
	width:100%;
	right:50px;
	height:25px;
	text-align:right;
	font-family: Tahoma; font-size: 18px; color: #3D3E40; text-decoration: none ; line-height: 20px; font-weight: normal; vertical-align: top; 
}
#div_nom_user_securite{
	/*border:1px BLACK solid;*/
	position:absolute;
	right:50px;
	bottom:0px;
	width:100%;
	height:15px;
	text-align:right;
	font-family: Tahoma; font-size: 12px; color: #999999; text-decoration: none ; line-height: 13px; font-weight: normal; vertical-align: top; 
}


#bas_page{
	position:absolute;
	bottom: 20px;
	left:10px;
	width: 100%;
}
#versiontag{
	z-index:10;
	position:absolute;
	bottom: 10px;
	left:10px;
	width: 90%;
	height:20px;
	border-radius:5px;
	text-align: center ;
	padding-top: 6px;
	background-color:#ffffff0e;
	font-family: Verdana; 
	font-size: 10px; 
	color: #999999; 
	text-decoration: none ; 
	line-height: 12px; 
	font-weight: normal;
	}
#versiontag_dev{
	z-index:10;
	position:absolute;
	bottom: 10px;
	left:10px;
	width: 90%;
	height:20px;
	border-radius:5px;
	text-align: center ;
	padding-top: 6px;
	background-color:#ffae0071;
	font-family: Verdana; 
	font-size: 10px; 
	color: #333333; 
	text-decoration: none ; 
	line-height: 12px; 
	font-weight: normal;
	}

#div_centre{
	
/*	position:absolute;
	height:100%;
	width:100%;
	margin-top: 2px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 5px;
	top:55px;
	left:225px;*/

	position:relative;
	padding-left:225px;
	padding-top:0px;
	border:0px green solid;
	height:auto

	}


.link12grey{
	font-family: Verdana,Tahoma; font-size: 12px; color: #3D3E40; text-decoration: none ; line-height: 14px; font-weight: normal; vertical-align: top; 
}
.link12grey a:hover{
	text-decoration: underline;
	/*color:#ffee06;
	background-color: #3D3E40;*/
	cursor: pointer;
}
.lien12{ font-family: Verdana; font-size: 12px; color: #003399; text-decoration: none ; line-height: 16px; font-weight: normal; }
.lien12 a:hover{ text-decoration: underline ;cursor: pointer;}
.texte10_gris{ font-family: Verdana; font-size: 10px; color: #999999; text-decoration: none ; line-height: 12px; font-weight: normal; }
.texte10_grisfonce{ font-family: Verdana; font-size: 10px; color: #9e9e9e; text-decoration: none ; line-height: 12px; font-weight: normal; }
.texte11_gris{ font-family: Verdana; font-size: 11px; color: #999999; text-decoration: none ; line-height: 13px; font-weight: normal; }
.texte11_noir{ font-family: Verdana; font-size: 11px; color: #000000; text-decoration: none ; line-height: 12px; font-weight: normal; vertical-align: bottom; }
.texte12_noir{ font-family: Verdana; font-size: 12px; color: #000000; text-decoration: none ; line-height: 14px; font-weight: normal; vertical-align: bottom; }
.texte12_gris{ font-family: Verdana; font-size: 12px; color: #999999; text-decoration: none ; line-height: 14px; font-weight: normal; }
.texte14_gris{ font-family: Verdana; font-size: 14px; color: #999999; text-decoration: none ; line-height: 16px; font-weight: normal; }
.texte18_gris_fonce{font-family: Tahoma; font-size: 18px; color: #3D3E40; text-decoration: none ; line-height: 20px; font-weight: normal; vertical-align: top; }

.lien11bleu{ font-family: Verdana; font-size: 11px; color: #003399; text-decoration: none ; line-height: 14px; font-weight: normal; }
.lien11bleu a:hover{ text-decoration: underline ;cursor: pointer;}

/*tr:hover{background-color: coral;}*/

.recherche_liste:hover{
	background-color: #5C5B5B;
	color:#ffffff;
}



/*-- SECTION de la barre de message personnalisé dans le haut --*/
.message-haut{
	font-family:Tahoma,Verdana,sans-serif;
	font-size:16px;
	/*border:1px #bbbcbd solid;*/
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	padding:4px;
	margin-right: 5px;
	padding-left: 15px;
}
.message-haut.std{
		color:#0288d1;	
		background: #D9EDF7;
		box-shadow:inset 10px 0 0 0 #0288d1; /* Petite bordure de couleur au début*/
	}  
.message-haut.urg{
	color:#b16400;	
	background: #fff0dc;
	box-shadow:inset 10px 0 0 0 #ff9100; /* Petite bordure de couleur au début*/
}
.message-haut.vert{
	color:#003100;	
	background: #E6F6E6;
	box-shadow:inset 10px 0 0 0 #009400; /* Petite bordure de couleur au début*/
}

/*-- SECTION de la barre de navigation dans le haut --*/
.navigation-haut{
	font-family:Roboto,Tahoma,Verdana,sans-serif;
	font-size:12px;
	line-height: 14px;
	padding-left: 5px;
	background: #eeeeee;
	color:#444444;	
}
.navigation-haut a:hover{
	text-decoration: underline ;cursor: pointer;
}
/*
.lien12_red{ font-family: Verdana; font-size: 12px; color: #ffcc00; text-decoration: none ; line-height: 14px; font-weight: normal; }
.lien12_red a:hover{ text-decoration: underline ;cursor: pointer;}*/


/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* div de la section fiches recherche */
legend{
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 15px; font-weight: bold; vertical-align: top; 
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
}    
th{text-align: left;}  
.divsitem{padding: 5px;}
fieldset{
	border:1px #c7c7c7 solid;
	margin-bottom: 10px;
	border-radius: 5px;
}
.wrapper{	display:flex;}
/*https://developer.mozilla.org/fr/docs/Learn/CSS/CSS_layout/Introduction*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#fr_container{
	position : relative;
}
#fr_refresh{
		position :absolute;
		right:10px;
		top:10px;
}
#fr_hostname{
	position :relative;
	height:35px;
	border-bottom:1px #999999 solid;
	/*font-family: Tahoma; font-size: 20px; color: #3D3E40; text-decoration: none ; line-height: 24px; font-weight: normal; vertical-align: top; */
	font-family: Tahoma; font-size: 30px; color: #3D3E40; text-decoration: none ; line-height: 32px; font-weight: normal; vertical-align: top; 
	vertical-align: middle;
	text-align: left;

}

#fr_os{
	font-family: Tahoma; font-size: 12px; color: #999999; text-decoration: none ; line-height: 14px; font-weight: normal; vertical-align: top; 
	padding-bottom: 5px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#fr_container_stock{
	position:relative;
	width:100%;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
	border:0px blue solid;
}
#fr_container_stock--grid{
	display:grid;
	grid-template-columns: 40px max-content;
	grid-template-rows:10px;
	grid-gap:30px;
}
#fr_stock_grid_img{
	width:40px;
	height:40px;
	background-image:url(../imgs/24/stock.png);background-repeat:no-repeat;
	grid-column: 1;
	grid-row:1 / 3;
}
#fr_stock_grid_fabricant{
	grid-column:3;
	grid-row:1;
}
#fr_stock_grid_sn{
	grid-column:3;
	grid-row:2;
}
#fr_stock_grid_nociusss{
	grid-column:2;
	grid-row:1 ; /*1/3*/
	padding-top:5px;
	width:295px;
	border:0px green solid;
	font-family: Tahoma; font-size: 30px; color: #3D3E40; text-decoration: none ; line-height: 32px; font-weight: bold; vertical-align: top; 
}
.fr_stock_grid_etat{
	grid-column:4;
	grid-row:2;
	font-family: Tahoma; font-size: 14px; color: #999999; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}
.fr_stock_grid_etat-stat_orange{	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; }
.fr_stock_grid_etat-stat_bleu{	font-family: Tahoma; font-size: 14px; color: #0288d1; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; }
.fr_stock_grid_etat-stat_vert{	font-family: Tahoma; font-size: 14px; color: #06c000; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; }
.fr_stock_grid_etat-stat_gris{	font-family: Tahoma; font-size: 14px; color: #999999; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; }
.fr_stock_grid_etat-stat_rose{	font-family: Tahoma; font-size: 14px; color: #ac00a3; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; }

#fr_stock_grid_nomtype{
	grid-column:4;
	grid-row:1;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}
#fr_stock_grid_maintient{
	grid-column:4;
	grid-row:3;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}
#fr_stock_grid_age{
	grid-column:2; 	/*4*/
	grid-row:2/4; 	/*3/5*/
	border:0px blue solid;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}
#fr_stock_grid_dateretrait{
	grid-column:3;
	grid-row:3;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}

#fr_stock_grid_order{
	grid-column:5;
	grid-row:1 / 4 ;
	vertical-align: top;
	border:0px red solid;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#fr_container_perso{
	position: relative;
	/*width:50%;*/
	width:100%;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}
#fr_container_perso--grid{
	display:grid;
	grid-template-columns: 40px max-content;
	grid-template-rows:10px;
	grid-gap:30px;
}
#fr_perso_grid_img{
	width:40px;
	height:40px;
	background-image:url(../imgs/frame/user_sm.png);background-repeat:no-repeat;
	grid-column: 1;
	grid-row:1 / 3;
}
#fr_perso_grid_nom{				
	grid-column:2;	
	grid-row:1;
	border:0px green solid;
	width:295px;
}
#fr_perso_grid_ad{				grid-column:3;	grid-row:1;}
#fr_perso_grid_departement{		grid-column:2;	grid-row:2;}
#fr_perso_grid_local{			grid-column:3;	grid-row:2;}
#fr_perso_grid_ip{				grid-column:3;	grid-row:3;}

#fr_perso_grid_site{			grid-column:4/6;	grid-row:1;}
/*#fr_perso_grid_site_adresse{	grid-column:2;	grid-row:4;}
#fr_perso_grid_site_ville{		grid-column:2;	grid-row:5;}
#fr_perso_grid_site_cp{			grid-column:2;	grid-row:6;}
#fr_perso_grid_site_tel{		grid-column:2;	grid-row:7;}*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


#fr_container_autreinfo{
	position: relative;
	/*width:50%;*/
	width:100%;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}
#fr_container_autreinfo--grid{
	display:grid;
	grid-template-columns: 40px max-content;
	grid-template-rows:10px;
	grid-gap:40px;
}
#fr_autreinfo_img{
	width:40px;
	height:40px;
	background-image:url(../imgs/24/info32.png);background-repeat:no-repeat;
	grid-column: 1;
	grid-row:1 / 3;
}
#fr_autreinfo_comment{	grid-column:2 / 4;	grid-row:3;}
#fr_autreinfo_ad_empl{	grid-column:2 / 4;	grid-row:1;}
#fr_autreinfo_ad_description{	grid-column:3;	grid-row:2;}
#fr_autreinfo_ad_membership{	grid-column:2;	grid-row:2}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

#fr_container_lansweeper{
	position: relative;
	/*width:50%;*/
	width:100%;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}
#fr_container_lansweeper--grid{
	display:grid;
	grid-template-columns: 40px max-content;
	grid-template-rows:30px;
	grid-gap:40px;
}
#fr_lansweeper_img{
	width:40px;
	height:40px;
	background-image:url(../imgs/24/ls_icon.png);background-repeat:no-repeat;
	grid-column: 1;
	grid-row:1 / 3;
}
#fr_lansweeper_lan{grid-column:2;	grid-row:1;}
#fr_lansweeper_sw{grid-column:2/4;	grid-row:6;}
#fr_lansweeper_moniteur{grid-column:4;	grid-row:3/5;}
#fr_lansweeper_ad{grid-column:2;	grid-row:2;}
#fr_lansweeper_details{grid-column:2;	grid-row:2;}
#fr_lansweeper_sw{grid-column:3;	grid-row:2;}
#fr_lansweeper_moniteur{grid-column:2;	grid-row:3;}
#fr_lansweeper_harddrive{grid-column:3;	grid-row:3;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

#fr_container_historique{
	position: relative;
	/*width:50%;*/
	width:100%;
	font-family: Tahoma; font-size: 14px; color: #3D3E40; text-decoration: none ; line-height: 16px; font-weight: normal; vertical-align: top; 
}
#fr_container_historique--grid{
	display:grid;
	grid-template-columns: 40px max-content;
	/*grid-template-rows:40px;*/
	grid-gap:40px;
}
#fr_histo_img{
	width:40px;
	height:40px;
	background-image:url(../imgs/24/history32.png);background-repeat:no-repeat;
	grid-column: 1;
	/*grid-row:1 / 3;*/
}
#fr_histo_modifperso{grid-column:2;/*grid-row:1/4;*/}
#fr_histo_modifstock{grid-column:2;/*grid-row:1/4;*/}
#fr_histo_sweeper{grid-column:2;/*grid-row:1/4*/}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* barre de progression disque dur*/
.meter { 
	height: 12px;  /* Can be anything */
	position: relative;
	/*background: #555;*/
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 4px;
	border-right:1px #f4f6f7 solid;border-top:1px #f4f6f7 solid;border-left:1px #f4f6f7 solid;border-bottom:1px #f4f6f7 solid;
	/*padding: 2px;*/
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	font-family: Verdana; font-size: 10px; color: #000000; text-decoration: none ; line-height: 11px; font-weight: normal;
}
.meter > span {
  display: block;
  height: 100%;
  
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}
.orange > span {
  background-color: #f1a165;
  background-image: linear-gradient(to bottom, #f1a165, #f36d0a);
}

.red > span {
  background-color: #f0a3a3;
  background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
}
/* pour les toners*/
.cyan > span {
  background-color: #00ffff;
  background-image: linear-gradient(to bottom, #00ffff, #00bfff);
}
.magenta > span {
  background-color: #ff00ff;
  background-image: linear-gradient(to bottom, #ff00ff, #ff0080);
}
.yellow > span {
  background-color: #ffff00;
  background-image: linear-gradient(to bottom, #ffff00, #ffbf00);
}
.black > span {
  background-color: #1a0000;
  background-image: linear-gradient(to bottom, #1a0000, #000000);
}
.grey > span {
  background-color: #dbdede;
  background-image: linear-gradient(to bottom, #dbdede, #d7dada); /*#424949*/
}
/**/

.meter.stripped > span:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: linear-gradient(
	  -45deg, 
	  rgba(255, 255, 255, .2) 25%, 
	  transparent 25%, 
	  transparent 50%, 
	  rgba(255, 255, 255, .2) 50%, 
	  rgba(255, 255, 255, .2) 75%, 
	  transparent 75%, 
	  transparent
	);
	z-index: 1;
	background-size: 50px 50px;
	animation: move 2s linear infinite;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
  }
  
  
  #ageposteimg_gauche{
	  border:0px black solid;
	  position:absolute;
	  left:0px;
	  top:0px;
	  width:32px;
	  height:32px;
	  background-image:url(../imgs/box32.png);background-repeat:no-repeat;
  }
  
  #ageposteimg_droit{
	  border:0px black solid;
	  position:absolute;
	  right:0px;
	  top:0px;
	  width:32px;
	  height:32px;
	  background-image:url(../imgs/trash32.png);background-repeat:no-repeat;
  }

/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/
.custom-sidebar {
    background-color: #3D3E40;
  }
  .custom-sidebar li:not(.dhx_sidebar__item--separator) {
    padding: 5px 0;
	
  }
  .custom-sidebar li .mdi {
    color: #0288d1;
	
  }
  .dhx_sidebar-count--color_danger{
	background-color:#FFAA00
	}

/*----------------------------------------------------------*/

.dhx_sidebar:focus{outline:none}
.dhx_sidebar__item 
.dhx_custom-button{overflow:hidden}
.dhx_sidebar__item--spacer{flex:1 0 auto}
.dhx_sidebar__item--separator{height:1px;min-height:1px;width:100%;background-color:#525252;margin:2px 0}
.dhx_sidebar--minimized 
.dhx_navbar-title{opacity:0;pointer-events:none}
.dhx_sidebar--minimized 
.dhx_sidebar-button__icon{margin-left:auto;margin-right:auto}
.dhx_sidebar--minimized 
.dhx_sidebar-button--select{padding-right:12px}
.dhx_sidebar--minimized 
.dhx_sidebar-button__count{position:absolute;max-width:24px;overflow:hidden;top:-4px;right:4px}
.dhx_sidebar--minimized 
.dhx_sidebar-button--select 
.dhx_sidebar-button__count{margin-right:0}
.dhx_sidebar--minimized 
.dhx_sidebar-button__caret,.dhx_sidebar--minimized 
.dhx_sidebar-button__text{display:none}
.dhx_sidebar .scroll-view 
.dhx_navbar{overflow:unset}
.dhx_sidebar-button__icon+.dhx_sidebar-button__text{margin-left:12px}/*12*/
.dhx_sidebar-button{
	position:relative;
	display:flex;
	width:100%;
	justify-content:flex-start;
	align-items:center;
	padding:12px;/*12*/
	font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;
	font-size:14px;
	line-height:20px;/*20*/
	font-weight:400;
	/*color:rgba(0,0,0,.7);*/
	color:rgba(255, 255, 255, 0.7);
	background-color:transparent;
	transition:background-color .2s ease-in}
.dhx_sidebar-button--select{padding-right:8px}/*8*/
.dhx_sidebar-button--select 
.dhx_sidebar-button__count{margin-right:8px}/*8*/
.dhx_sidebar-button--icon{padding-right:12px}/*12*/

/* Couleur lors du hover*/
.dhx_sidebar-button:hover{
	/*background-color:rgba(0,0,0,.07);*/
	background-color:rgba(0, 162, 255, 0.555);
	transition:background-color .2s ease-out}

/* Couleur lors que sélectionnée*/
.dhx_sidebar-button--active,
.dhx_sidebar-button:active{
/*	background-color:rgba(0,0,0,.15);*/
/*	background-color:#5c5b5b;*/
	background-color:#5c5b5b3d;
	transition:background-color .2s ease-out
}
/* Petite bordure de couleur au début*/
.dhx_sidebar-button--active{ 
	box-shadow:inset 5px 0 0 0 #0288d1;
	/*box-shadow:inset 4px 0 0 0 #d10202*/
}
.dhx_sidebar-button--disabled,
.dhx_sidebar-button:disabled{opacity:.8;pointer-events:auto;cursor:default}
.dhx_sidebar-button--disabled:hover,
.dhx_sidebar-button:disabled:hover{background-color:transparent}
.dhx_sidebar-button--disabled *,
.dhx_sidebar-button:disabled *{color:rgba(0,0,0,.3)}
.dhx_sidebar-button:focus-visible{outline:1px dashed #005fcc;outline-offset:-1px}
.dhx_sidebar-button__icon{color:rgba(0, 0, 0, 0.5)}
.dhx_widget .dhx_sidebar-button__icon{line-height:0}
.dhx_widget .dhx_sidebar-button__icon:before{font-size:20px;line-height:20px}
.dhx_sidebar-button__html,.dhx_sidebar-button__text{width:100%;text-align:left}
.dhx_sidebar-button__count+.dhx_sidebar-button__caret{margin-left:0}
.dhx_sidebar-button__count{min-width:24px;flex:1 0 auto;width:auto;margin:-4px 0 -4px auto}
.dhx_sidebar-button__caret{margin-right:0;margin-left:auto}



/*----------------------------------------------------------*/




.dhx_menu-nav{display:flex;flex-wrap:nowrap;margin:0;padding:0;width:100%;list-style:none;overflow-x:auto;background-color:#ededed}
.dhx_menu-nav__item--separator{pointer-events:none;width:1px;min-width:1px;background-color:#dfdfdf;margin-top:8px;margin-bottom:8px}
.dhx_menu-nav__item--spacer{pointer-events:none;flex:1 0 auto}
.dhx_nav-menu-button{
	position:relative;
	display:flex;
	width:100%;
	justify-content:flex-start;
	padding: 12px;
	font-weight:400;/*500*/
	font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;
	font-size:14px;
	line-height:20px;
	/*color:rgba(0,0,0,.7);*/
	color:rgba(255, 255, 255, 0.7);
	background-color:transparent;
	transition:background-color .2s ease-in
}


/* Couleur lors que sélectionnée*/
.dhx_nav-menu-button--active,
.dhx_nav-menu-button:active{
	/*background-color:rgba(0,0,0,.15);*/
	background-color:#5c5b5b;
	transition:background-color .2s ease-out
}

/* Petite bordure de couleur au début*/
.dhx_nav-menu-button--active{ 
	box-shadow:inset 5px 0 0 0 #0288d1;
	/*box-shadow:inset 4px 0 0 0 #d10202*/
}
.dhx_nav-menu-button:hover:not(:disabled){
	background-color:rgba(0, 162, 255, 0.555);
	transition:background-color .2s ease-out
}


/*
.dhx_nav-menu-button--active:not(:disabled),
.dhx_nav-menu-button:active:not(:disabled),
.dhx_nav-menu-button:hover:not(:disabled){
	background-color:rgba(0,0,0,.07);	
	}*/
.dhx_nav-menu-button--disabled,
.dhx_nav-menu-button:disabled{opacity:.8;pointer-events:auto;cursor:default}
.dhx_nav-menu-button--disabled *,
.dhx_nav-menu-button:disabled *{color:rgba(0,0,0,.3)}
.dhx_menu{
	padding:0;
	margin:0;
	background:#fff;
	list-style:none;
	border-radius:2px;
	box-shadow:0 2px 5px rgba(0,0,0,.3);
	overflow:hidden;
	z-index:2147483646
}
.dhx_menu:focus{outline:none}
.dhx_menu-item{min-width:180px}
.dhx_menu-item--separator{pointer-events:none;align-self:stretch;height:1px;min-height:1px;margin:2px 8px;background-color:#e4e4e4}
.dhx_menu-item--spacer{pointer-events:none;height:16px}
.dhx_menu-item--left-gap 
.dhx_menu-button{padding-left:38px}
.dhx_menu-button{display:flex;width:100%;justify-content:space-between;padding:8px;text-align:left;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:rgba(0,0,0,.7);background-color:transparent;transition:background-color .2s ease-in}
.dhx_menu-button--active:not(:disabled),
.dhx_menu-button:active:not(:disabled),
.dhx_menu-button:focus:not(:disabled),
.dhx_menu-button:hover:not(:disabled){background-color:#ededed;transition:background-color .2s ease-out}
.dhx_menu-button--disabled,.dhx_menu-button:disabled{opacity:.8;pointer-events:auto;cursor:default}
.dhx_menu-button--disabled *,.dhx_menu-button:disabled *{color:rgba(0,0,0,.3)}
.dhx_menu-button__icon{color:rgba(0,0,0,.5)}.dhx_widget 
.dhx_menu-button__icon{line-height:0}
dhx_widget .dhx_menu-button__icon:before{font-size:20px;line-height:20px}
.dhx_menu-button__icon+.dhx_menu-button__text{margin-left:8px}
.dhx_menu-button__block{display:flex;align-items:center}
.dhx_menu-button__block--left{justify-content:flex-start}
.dhx_menu-button__block--right{justify-content:flex-end}
.dhx_menu-button__count{margin-left:8px;margin-top:-2px;margin-bottom:-2px}
.dhx_menu-button__hotkey{margin-left:8px;color:rgba(0,0,0,.3)}
.dhx_menu-button__caret{margin-left:8px;color:rgba(0,0,0,.5)}
.dhx_widget--fullscreen .dhx_menu{z-index:2147483647}
.dhx_ribbon{display:flex;flex-direction:row;flex-wrap:wrap;margin:0;padding:10px;list-style:none}


/*-CHART--------------------------------------------------------*/
.dhx_chart{stroke-linecap:square;position:relative;height:100%}
.dhx_chart svg{vertical-align:top;overflow:visible}
.dhx_chart .seria:focus,.dhx_chart circle:focus,.dhx_chart g:focus{outline:none}
.dhx_chart .chart{transition:all .4s ease}
.dhx_chart .chart:focus{outline:none}
.dhx_chart .chart.donut,.dhx_chart .chart.pie,.dhx_chart .chart.pie3d{transition-property:none}
.dhx_chart .chart.dhx_pie-transform-delay{transition-property:all}
.dhx_chart.not-animate .chart,.dhx_chart.not-animate .tooltip-form,.dhx_chart.not-animate .tooltip-text{transition:none}
.dhx_chart .figure{transition:fill,stroke .3s ease}
.dhx_chart .active-figure{visibility:visible;transition:all .2s ease}
.dhx_chart .active-figure.point-circle,.dhx_chart .active-figure.point-rect,.dhx_chart .active-figure.point-rhombus,.dhx_chart .active-figure.point-triangle{filter:url(#dropshadow);transition:all .3s ease}
.dhx_chart .area{stroke-linecap:round}
.dhx_chart .dash-line{stroke-dasharray:4,6;stroke-linecap:round}
.dhx_chart .hidden-line{stroke-opacity:0}
.dhx_chart .legend-text,.dhx_chart .scale-text,.dhx_chart .scale-title{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-weight:400;font-size:12px;fill:#898f97}/*14*/
.dhx_chart text{text-anchor:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.dhx_chart .start-text{text-anchor:start}
.dhx_chart .end-text{text-anchor:end}
	.dhx_chart .legend-text{line-height:18px;font-size: 12px;}/*ajout de font-size*/
.dhx_chart .scale-title{fill:#aeb7c2;line-height:16px;}
.dhx_chart .grid-line{stroke:#e3e9f1}
.dhx_chart .grid-line__active{stroke:#c8d4e4;stroke-width:2px;stroke-opacity:1}
.dhx_chart .main-scale{stroke:#c8d4e4;stroke-width:2px}
.dhx_chart .radar-grid{stroke-dasharray:4,6;stroke:#d8e1ec;stroke-linecap:round}
.dhx_chart .zebra{fill-rule:evenodd;fill:#f3f6fa}
.dhx_chart .radar-scale{stroke:#c4d5e6}
.dhx_chart .spec-grid-line{stroke:#898f97;stroke-linecap:round;stroke-dasharray:4,6}
.dhx_chart .bar-text{fill:#fff;line-height:14px;font-weight:500;font-size:12px}
.dhx_chart .bar-text,.dhx_chart .radar-axis-text{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;}
.dhx_chart .radar-axis-text{font-size:14px;fill:#666}
.dhx_chart .legend-item{cursor:pointer}
.dhx_chart .legend-item.not-active .figure{fill:#c8d4e4;fill-opacity:1;stroke:#c8d4e4}
.dhx_chart .legend-item.not-active .figure.legend-circle,.dhx_chart .legend-item.not-active .figure.legend-rect{stroke:none}
.dhx_chart .legend-item.not-active .figure.legend-circle.with-stroke,.dhx_chart .legend-item.not-active .figure.legend-rect.with-stroke{stroke:#c8d4e4}
.dhx_chart .legend-item.not-active .legend-text{fill:#c8d4e4}
.dhx_chart_tooltip{border-radius:2px;background-color:#333;box-shadow:0 2px 5px rgba(0,0,0,.3);padding:6px 12px;transition:opacity .01s ease,transform .01s ease;z-index:999;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;color:#fff;position:absolute;pointer-events:none}
.dhx_chart_tooltip svg{vertical-align:top;overflow:visible}
.dhx_chart_tooltip_line{display:flex;flex-direction:column}
.dhx_chart_tooltip_line .line-point{display:flex;align-items:center;padding:6px}
.dhx_chart_tooltip_line .line-point .dhx_line-point-text{margin-left:12px}
.dhx_chart_tooltip__hidden{display:none}
.dhx_chart_tooltip__visible{display:flex}
.dhx_chart.tooltip-container{z-index:2147483647}
.dhx_chart.tooltip-container svg{width:4px;height:4px}
.dhx_chart .tooltip-form{fill:#555;fill-opacity:.9}
.dhx_chart .tooltip-text{font-size:12px;line-height:12px;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;fill:#fff;font-weight:500}
.dhx_chart .active-tooltip{visibility:visible}
	.dhx_chart .pie-value{font-weight:400;font-size:12px;fill:#898f97} /*Texte au bout  était à 14*/
.dhx_chart .pie-inner-value,.dhx_chart .pie-value{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif}
.dhx_chart .pie-inner-value{fill:#fff;pointer-events:none;font-weight:500;line-height:14px;font-size:12px}
.dhx_chart .pie-value-connector{stroke:#c6c6c6;fill:none}
.dhx_chart .donut-value-title{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;fill:#898f97;font-size:14px;line-height:18px}
	.dhx_chart .donut-value{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;fill:#555;font-size:12px;line-height:14px} /*value au bout */
.dhx_chart:focus-visible,.dhx_chart :focus-visible{outline:1px dashed #005fcc}

/****/

.dhx_widget.dhx_widget--bg_vertpale{
	background-color:#e8fadf
	}
	.dhx_widget.dhx_widget--bg_rouge{
		background-color:#ff7676;
		color:#ffffff;
		}








/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*hover popup*/

.hasTooltipFiche span {
	display: none;
	text-decoration: none;
	padding: 3px;
}
		
.hasTooltipFiche:hover span {
	display: block;
	position: absolute;
	top:0px;
	right:-10px; /*356*/
	width:350px; /*200*/
	height:170px;
	z-index: 9999;
	font-family:Roboto,Tahoma,Verdana,sans-serif;
	font-size:14px;
	line-height: 18px;

	background-color: #f4f6fa;
	border: 1px solid #CCC;
	margin: 2px 10px;
	box-shadow: -5px 5px 30px #888888;
	
}


.ico_cash{height:24px;}
.ico_cash:before{
	content: '';
	background:url('../imgs/dollar32.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}

.ico_info{height:24px;}
.ico_info:before{
	content: '';
	/*background:url('../imgs/24/clipboard-text-outline.png');*/
	background:url('../imgs/24/info32.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_print{height:24px;}
.ico_print:before{
	content: '';
	/*background:url('../imgs/24/clipboard-text-outline.png');*/
	background:url('../imgs/24/print.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_stock{height:24px;}
.ico_stock:before{
	content: '';
	/*background:url('../imgs/24/clipboard-text-outline.png');*/
	background:url('../imgs/24/stock.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_historique{height:24px;}
.ico_historique:before{
	content: '';
	/*background:url('../imgs/24/clipboard-text-outline.png');*/
	background:url('../imgs/24/history32.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_harddrive{height:24px;}
.ico_harddrive:before{
	content: '';
	/*background:url('../imgs/24/clipboard-text-outline.png');*/
	background:url('../imgs/24/harddrive64.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_user{height:24px;}
.ico_user:before{
	content: '';
	/*background:url('../imgs/24/clipboard-text-outline.png');*/
	background:url('../imgs/frame/user_sm.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_sgei{height:24px;}
.ico_sgei:before{
	content: '';
	/*background:url('../imgs/24/clipboard-text-outline.png');*/
	background:url('../imgs/24/info32.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_ls{height:24px;}
.ico_ls:before{
	content: '';
	background:url('../imgs/24/ls_icon.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}


.ico_ethernet{height:24px;}
.ico_ethernet:before{
	content: '';
	background:url('../imgs/24/ethernet.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}

.ico_remote{height:24px;}
.ico_remote:before{
	content: '';
	background:url('../imgs/24/remote.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}	

.ico_age{height:24px;}
.ico_age:before{
	content: '';
	background:url('../imgs/24/age.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}

.ico_age_sm{/* pour les menu principaux à gauche */
	background:url('../imgs/24/age.png');
	background-size:cover;
	width:24px;
	height:20px;
}
.ico_vlan{height:24px;}
.ico_vlan:before{
	content: '';
	background:url('../imgs/24/vlan.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_ssh{height:24px;}
.ico_ssh:before{
	content: '';
	background:url('../imgs/24/ssh.png');
	background-size:cover;
		position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_ping{height:32px;}
.ico_ping:before{
	content: '';
	background:url('../imgs/24/ping.png');
	background-size:cover;
		position:absolute;
	width:32px;
	height:32px;
	margin-left:-14px;
}

.ico_circle{height:24px;}
.ico_circle{
	content: '';
	background:url('../imgs/24/check-circle-outline.png');
	background-size:cover;
	position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px;
}
.ico_nocircle{height:24px;}
.ico_nocircle{
	content: '';
	background:url('../imgs/24/check-nocircle-outline.png');
	background-size:cover;
	position:absolute;
	width:24px;
	height:24px;
	margin-left:-14px
}


.dv_section_titre{
	font-family: Tahoma; font-size: 18px; color: #3D3E40; text-decoration: none ; line-height: 28px; font-weight: bold; vertical-align: top; 
	
}
.dv_section_nociusss{
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
}

/*couleur dans les section informatife3 à dorite*/
.sep_bleu{
	background-image:url(../imgs/sep_bleu20x1.gif);background-repeat:repeat-y;	
	width:8px;
	
}

.sep_vert{
	background-image:url(../imgs/sep_vert20x1.gif);background-repeat:repeat-y;	
	width:8px;

}
.sep_orange{
	background-image:url(../imgs/sep_orange20x1.gif);background-repeat:repeat-y;	
	width:8px;

}
.sep_gris{
	background-image:url(../imgs/sep_gris20x1.gif);background-repeat:repeat-y;	
	width:8px;

}
.sep_grisfonce{
	background-image:url(../imgs/sep_grisfonce20x1.gif);background-repeat:repeat-y;	
	width:8px;

}



.gridAD_css .dhx_grid-cell {
	background: #fdf3d8; /*e5f4fd*/
	/*background: #3A434A;*/
	/*border-color: #4A555E;*/
	/*color: #D2D2D2;*/
}

.gridAD_css .dhx_grid-header-cell {
	background: #f7e5b4 /*#c4cfd6;*/
/*	background: #2C3338;*/
	/*border-color: #4A555E;*/
/*	color: #FFFFFF;*/
}


.gridINV_css .dhx_grid-cell {
	background: #f3fcf2; 
	/*background:  #e3f8ea;*/
	/*border-color: #4A555E;*/
	/*color: #D2D2D2;*/
}

.gridINV_css .dhx_grid-header-cell {
	background: #d4f3ca;  /*#afc5b6;*/
/*	background: #2C3338;*/
	/*border-color: #4A555E;*/
/*	color: #FFFFFF;*/
}

.stock_custom_grid {
	background: #f2f2f2;
   /* background: #690909;*/
}
.padColForm{
	padding-left:30px;

}
.padColForm_centre{
	padding-left:30px;
	padding-top:25px;

}
.padColForm_bas{
	padding-left:10px;
	padding-top:25px;

}

.grid_custom_etat{
	font-weight: bold;
}
.grid_custom_etat.vert{  
	color:#009400;
}

.grid_custom_etat.bleu{
	color:#003399;
}
.grid_custom_etat.orange{
	color:#b16400;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* GITT 2024*/
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#divloginform{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

}


#div_framepri{
	position:absolute;
	top:0px;
	/*margin-top: 0px;padding-top: 0px;*/
	left:0px;
	border:0px blue solid;
	width:100%;
	height:auto;
}

#div_head{

	width:100%;
	height:60px; /*60*/
	top:0px;margin-top: 0px;padding-top: 0px;
	background-image:url(../imgs/frame/head_bg.gif);background-repeat:repeat-x; 
	padding-top: 0px;
	
	}
#div_centre{
	height: 100%;
	border:0px red solid;
	margin-top:20px;
}

#div_menu_gauche_logo{
	position:absolute;
	width:220px;
	height:121px; /*600*/
	margin-left: 0px;
	padding-left: 0px;
	top:0px;
	left:0px;
	background-image:url(../imgs/frame/logo.gif);background-repeat:no-repeat;	/*210x71*/
	background-color:#3D3E40;
	border:0px red solid;

}
#div_menu_gauche{
	position:absolute;
	width:220px;/*220*/
	height:auto; /* auto - modifié en javascript dans _lib.js à l'ouverture*/
	
	margin-left: 0px;
	padding-left: 0px;
	top:121px; /*121*/
	left:0px;
	overflow: hidden;
	background-color:#3D3E40;
	border-bottom-right-radius: 20px;
	border:0px green solid;

}

tr:hover{
	background-color: #bafdba;
	
}

.th_class_result{
	background-color: #dbdbdb;
	border:1 px red solid;
}