html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html, body
{
	height: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	font-family: Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: #0067ae;
	outline: none;
}
a img
{
	outline: none;
}
img
{
	border: 0;
}

a:hover
{
	color: #4CB0F2;
}
/*
table.props { border:1px solid #CCC; background-color:#FAFAFA; border-spacing:0; width:100%; }
table.props table { width:100%; background-color:transparent; border:1px solid #DDD; }
table.props tr:nth-child(odd) { background-color:#F0F0F0; }
table.props tr:nth-child(even) { background-color:#FAFAFA; }
table.props th,table.props td { padding:2px 5px 2px 5px; font-size:.8em; vertical-align: middle; }
table.props th th,table.props td th,table.props th td,table.props td td { font-size:1em; }
table.props th
{
	color:#000;
	text-align:left;
	border-bottom:2px solid #DDD;
	background-color:#dddddd;
	background-repeat:repeat-x;
	background-image:-khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
	background-image:-moz-linear-gradient(#eeeeee, #dddddd);
	background-image:-ms-linear-gradient(#eeeeee, #dddddd);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
	background-image:-webkit-linear-gradient(#eeeeee, #dddddd);
	background-image:-o-linear-gradient(#eeeeee, #dddddd);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0)";
	background-image:linear-gradient(#eeeeee, #dddddd);
}
table.props tbody td:first-child { font-weight:bold; }
table.props tfoot th,table.props tfoot td { background-color:#DDD; }
*/
del,strike,.striked
{
	text-decoration:none;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAMCAYAAADminrVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNJREFUeNqMV7ut20AQ5BGvAr7ModSBmBhwZlZg0B3QHTB3IDZgsAJLBRhSA09sQKyAoRMzMZxJ0fNRnnseDfYoCliQvFvuZ3Z2eXpKkiT18pr8+zncu+T/j5+tveTB2lJ7qse2ODaN03ovMfy9GjaShe8lM76mtY/0/MI6T4ZDNfQIDA3CRYCxrktsT79PuP6I2E0eAK5rSwv8zcsfL19niPTdywcvP7289/LOy2/GYbp59lLi6khSktzL0UtFeysvJy9rWuOrrqmE9cl3ZuhO91+8jJB8xk+FWD5HfDrDdux+imWPfK+R/DL464HDtNZ5qUXvdtMigb0BTHB4xv4Vz9P6Ae/1RmEyrG8joKYEzAW6z7K/wV6OwA8RAmzwfoN4skgxreJYhT8Bk5BjbcR9AB5sp0IcbOtWnQm0AsGlEWMlVaki/SmZASCw4Z0wwEqkImZ2RjFOAC08j8J0B/YMxLKjEIVzWcFPZ8QbZAuQAolK5M86Dekoqy9SwFswOyxcjYq3VM0AyhHJB0BaaY1QtBV0G4M5OQArsMYFc7A3CBtbGVGhS0pp71HaOkgPGwVALmR/hbg3UpxRRmWI20V8bAiHG0iFADxH+YJmYkYz9CDs3dPeYMy4XoB3SLokkApJoCIyBP3WGGl7KnhY30GfbQ2S2xH2dLScaP730lXaKaHbG9zfKfKIKIgJDHqBQmyFSaMUYEW29UMRknVG6zVIsjNGVYFkHfyfIx/mGnop6fbSDU46aI32tsZZ6NCWCOcic36L/ILtO2YeCbAztV4qwY9GsGdUOVTYySytyQ/POJYCrLrMzO0L4tJTBceYUzfm4k/B6Ij1O0PHUcF49MROWyV8B1tvSoE9GbWE9fU/RVqkBTiD0ToNnRIGYrd+zaf9X5KoJtHDRhkpQJABwHRUCOuoNeJodxXw2Hf4ptQPTh/caW/HtFSYxeBaVRqNc6GjL3RuABM+HqPxYUkjrIklsBZ2uwijtvDZRnzxvL7ILE8XHOfczNn67hTBm3UEIJ2TcwHE/mDUwoDYQT99APajxPjsXiw48+YzzFwKcBTkvwIMAB1557InONScAAAAAElFTkSuQmCC) 0 3px repeat-x;
}
.clear { clear:both; }
.alert { background-color:#FE0; color:#000; padding:10px; font-weight:bold; }

/* TABLE SORTING HEADERS -> WITH JQUERY TABLESORTER PLUGIN */
table.backupset_table
{
	font-family:arial;
	/*background-color: transparent;*/
	font-size: 8pt;
	width: 1160px;
	text-align: left;
}
table.backupset_table thead tr th, table.backupset_table tfoot tr th
{
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.backupset_table thead tr .header
{
	cursor: pointer;
}
table.backupset_table tbody td
{
	color: #3D3D3D;
	padding: 4px;
	/*background-color: #F0F0F6;#e4f4ff*/
	vertical-align: middle;
}
table.backupset_table tbody tr
{
	background-color: #E4F4FF;
}
table.backupset_table th
{
	vertical-align: middle;
}
/*
table.backupset_table tbody tr.odd td
{
	background-color:#F0F0F6;
}
table.backupset_table thead tr .headerSortUp
{
	background-image: url(../img/tablesorter_asc.gif);
}
table.backupset_table thead tr .headerSortDown
{
	background-image: url(../img/tablesorter_desc.gif);
}*/
table.backupset_table thead tr .headerSortDown, table.backupset_table thead tr .headerSortUp
{
	background-color: #8dbdd8;
}

div#history_content
{
	border: solid #0080c3 2px;
	border-collapse: separate;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	background-color: white;
}
div#history_selector
{
	height: 40px;
}
div#history_selector > div
{
	width: 33%;
	margin-top: 10px;
}
div#history_selector > div > div.squaredThree
{
	margin-left: 20px;
}
div#history_selector > div > span
{
	font-family: arial;
	margin-top: 3px;
}
div#history_selector > div, div#history_selector > div > span, div#history_selector > div > div
{
	float: left;
}
table#history_table
{
	width: 100%;
	min-width: 300px;
	font-size: 9pt;
	line-height: 20px;
	list-style: none;
}
div#history_selector + table#history_table
{
	border-top: solid #0080c3 2px;
}
table#history_table th:first-child
{
	border: none;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	width: 120px;
}
table#history_table th:last-child
{
	border: none;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
span.history_arrow
{
	font-size: 13pt;
	margin: 15pt;
}
span.history_row_name
{
	margin-right: 15pt;
}
table#history_table tr td:first-child
{
	width: 120px;
}
/*.column{-moz-column-width:45%;-moz-column-count:2;-moz-column-gap:10%;-moz-column-rule-color:#eeeeee;-moz-column-rule-style:solid;-moz-column-rule-width:0;-webkit-column-width:45%;-webkit-column-count:2;-webkit-column-gap:10%;-webkit-column-rule-color:#eeeeee;-webkit-column-rule-style:solid;-webkit-column-rule-width:0;column-width:45%;column-count:2;column-gap:10%;column-rule-color:#eeeeee;column-rule-style:solid;column-rule-width:0;}*/
.hiddenAnchor { position:absolute; top:-100px; }

/*-------- START DOC HERE -----------*/

body
{
	background: #cecece url(../img/bg_base_new.png) repeat-x;
}
#master
{
	position: relative;
	width: 1260px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
}
.push_footer
{
	height: 50px;
}
/*--------ENTETE -----------*/

header h1 {
	width: 190px;
	height: 60px;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
}
.login
{
	position: absolute;
	top: 15px;
	right: 5px;
	width: 500px;
	height: 28px;
	color: white;
	font-family: "Arial", "Georgia", serif;
}
.login p {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}
.loginuser {
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	background: url(../img/login.png);
}
.logoff {
	float: right;
	width: 28px;
	height: 28px;
	background: url(../img/logoff.png);
}
.logas
{
	float: right;
	width: 28px;
	height: 28px;
	background: url(../img/login.png);
}
.language
{
	float: right;
	width: 28px;
	height: 28px;
	margin-top: 5px;
	margin-right: 5px;
}
#formLoginAs .select2-container
{
	max-width: 265px;
	font-size: 13px;
}
#formLoginAs .select2-container .select2-selection--single
{
	height: 24px;
}
#formLoginAs .select2-container--default .select2-selection--single .select2-selection__rendered
{
	line-height: 24px;
}
.select2-results #select2-login-results
{
	font-size: 13px;
	line-height: 13px;
}

/*--------MENU----------*/

#top-menu
{
	width: 1260px;
	height: 158px;
	margin: auto;
	list-style: none;
}
#top-menu li
{
	float: left;
}
#top-menu li a
{
	display: block;
	height: 158px;
	text-indent: -9999px;
}
.top-menu-FR li a {
	background: url(../img/menu2019/menu_top_fr.png);
}
.top-menu-EN li a {
	background: url(../img/menu2019/menu_top_en.png);
}
.top-menu-IT li a {
	background: url(../img/menu2019/menu_top_it.png);
}
.top-menu-DE li a {
	background: url(../img/menu2019/menu_top_de.png);
}
.top-menu-beemo-FR li a {
	background: url(../img/menu2019/menu_top_beemo_fr.png);
}
.top-menu-beemo-EN li a {
	background: url(../img/menu2019/menu_top_beemo_en.png);
}
.top-menu-beemo-IT li a {
	background: url(../img/menu2019/menu_top_beemo_it.png);
}
.top-menu-beemo-DE li a {
	background: url(../img/menu2019/menu_top_beemo_de.png);
}
#top-menu li a {
	width: 143px;
}
#top-menu li a.m-dashboard {
	background-position: 0 0;
}
#top-menu li a.m-licences {
	background-position: -143px 0;
}
#top-menu li a.m-groupes {
	background-position: -286px 0;
}
#top-menu li a.m-jds {
	background-position: -429px 0;
}
#top-menu li a.m-consommation {
	background-position: -572px 0;
}
#top-menu li a.m-hardware {
	background-position: -715px 0;
}
#top-menu li a.m-personalisation {
	background-position: -858px 0;
}
#top-menu li a.m-gateway {
	background-position: -1001px 0;
}
#top-menu li a.m-dashboard:hover, #top-menu li a.m-dashboardok {
	background-position: 0 158px;
}
#top-menu li a.m-licences:hover, #top-menu li a.m-licencesok {
	background-position: -143px 158px;
}
#top-menu li a.m-groupes:hover, #top-menu li a.m-groupesok {
	background-position: -286px 158px;
}
#top-menu li a.m-jds:hover, #top-menu li a.m-jdsok {
	background-position: -429px -158px;
}
#top-menu li a.m-consommation:hover, #top-menu li a.m-consommationok {
	background-position: -572px -158px;
}
#top-menu li a.m-hardware:hover, #top-menu li a.m-hardwareok {
	background-position: -715px -158px;
}
#top-menu li a.m-personalisation:hover, #top-menu li a.m-personalisationok {
	background-position: -858px -158px;
}
#top-menu li a.m-gateway:hover, #top-menu li a.m-gatewayok {
	background-position: -1001px -158px;
}

/*-------CONTENT----------*/
.tagbox
{
	float: left;
	padding: 10px;
	width: 210px;
	padding-left: 5px;
}
.taginfo
{
	padding: 8px;
	padding-right: 10px;
	float: right;
}
.taginfogreen
{
	padding: 8px;
	padding-right: 20px;
	float: right;
	color: #272727;
}
.object-box
{
	margin-top: 20px;
}

.object-con-blue-dashboard
{
	float: left;
	width: 135px;
	height: 125px;
	margin-right: 8px;
	border:5px solid #d4d4d4;
	margin-bottom: 10px;
	cursor: pointer;
}
.object-con-blue-dashboard.beemo-dashboard
{
	width: 120px;
}
.object-con-blue-dashboard h3
{
	margin-top: 5px;
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-size: 0.75em;
	color: black;
	font-weight: 700;
}
.object-con-blue-dashboard figure
{
	text-align: center;
}
.object-con-blue-dashboard figcaption
{
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: #0067ae;	
}
.object-con-blue:hover, .object-con-blue.selected, .object-con-blue-dashboard:hover
{
	border:5px solid #0065aa;
}
.object-con-blue
{
	float: left;
	height: 110px;
	margin-right: 2px;
	border:5px solid #d4d4d4;
	margin-bottom: 10px;
	cursor: pointer;
}
.object-con-blue h3
{
	margin-top: 5px;
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-size: 0.7em;
	color: black;
	font-weight: 700;
}
.object-con-blue figure
{
	text-align: center;
	
}
.object-con-blue  figcaption
{
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 14px;
	color: #0067ae;	
}
.object-con-blue img
{
	width: 70px;
	height: 45px;
	margin-top: 5px;
}

.object-con-red-dashboard
{
	float: left;
	width: 135px;
	height: 125px;
	margin-right: 8px;
	border:5px solid #d4d4d4;
	margin-bottom: 10px;
}
.object-con-red-dashboard h3
{
	margin-top: 5px;
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-size: 0.75em;
	color: black;
	font-weight: 700;
}
.object-con-red-dashboard figure
{
	text-align: center;
}
.object-con-red-dashboard figcaption
{
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: #ae0021;
}
.object-con-red
{
	float: left;
	height: 110px;
	margin-right: 2px;
	border: 5px solid #d4d4d4;
	margin-bottom: 10px;
	cursor: pointer;
}

.object-con-orange-dashboard
{
	float: left;
	width: 135px;
	height: 125px;
	margin-right: 8px;
	border:5px solid #d4d4d4;
	margin-bottom: 10px;
}
.object-con-orange-dashboard h3
{
	margin-top: 5px;
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-size: 0.75em;
	color: black;
	font-weight: 700;
}
.object-con-orange-dashboard figure
{
	text-align: center;
}
.object-con-orange-dashboard figcaption
{
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: #e1822b;
}
.object-con-orange
{
	float: left;
	width: 90px;
	height: 110px;
	margin-right: 5px;
	border: 5px solid #d4d4d4;
	margin-bottom: 10px;
	cursor: pointer;
}

.object-con-orange:hover, .object-con-orange-dashboard:hover
{
	border:5px solid #e1822b;
}
.object-con-red:hover, .object-con-red-dashboard:hover
{
	border:5px solid #ae0021;
}
.object-con-red.selected, .object-con-blue.selected, .object-con-orange.selected
{
	background: url(../img/validate_ok.png) no-repeat;
}
.object-con-red.unselected, .object-con-blue.unselected, .object-con-orange.unselected
{
	background: url(../img/cancel_ok.png) no-repeat;
}
.test-selected
{
	border: 5px solid;
	border-color: inherit;
}

.object-con-red h3
{
	margin-top: 5px;
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-size: 0.7em;
	color: black;
	font-weight: 700;
}
.object-con-red figure
{
	text-align: center;
}
.object-con-red  figcaption
{
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-size: 14px;
	color: #ae0021;
	font-weight: bold;
}
.object-con-red img
{
	width: 70px;
	height: 45px;
	margin-top: 5px;
}

.object-con-orange h3
{
	margin-top: 5px;
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-size: 0.7em;
	color: black;
	font-weight: 700;
}
.object-con-orange figure
{
	text-align: center;
}
.object-con-orange  figcaption
{
	text-align: center;
	font-family: Arial,Georgia,Serif;
	font-size: 14px;
	color: #e1822b;
	font-weight: bold;
}
.object-con-orange img
{
	width: 70px;
	height: 45px;
	margin-top: 5px;
}

.object-con-green
{
	float: left;
	width: 143px;
	height: 146px;
	margin-right: 20px;
	border:5px solid #d4d4d4;
}
.object-con-green:hover
{
	border:5px solid #809C03;
}

.object-con-green h3
{
	margin-top: 5px;
	text-align: center;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 0.75em;
	color: black;	
	font-weight: 700;
}
.object-con-green figure
{
	text-align: center;
	
}
.object-con-green  figcaption {

	text-align: center;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #809C03;	
}
.object-con-green img {
	width: 105px;
	height: 75px;
}
.object-width-12
{
	width: 93px;
}
.object-width-13
{
	width: 84px;
}
.object-width-14
{
	width: 78px;
}
.object-width-15
{
	width: 72px;
}
.object-width-16
{
	width: 66px;
}

/*-------END MISC CONT----------*/

.uppercase
{
	text-transform: uppercase;
}
.informations_h1
{
	width: 80px;
	height: 82px;
	float: left;
	background: url(../img/icon_informations.png);
	text-indent: -9999px;
}
.informations_h2
{
	padding-top: 35px; 
	margin-left: 80px;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: #0067ae;
}
.bluebox 
{
	float: left;
	width: 336px;
	height: 31px;
	margin-right: 20px;
	background: url(../img/bluebox.png) no-repeat;
	font-family: sans-serif;
	font-weight: 700;
	font-size: 0.75em;
	color: white;
}
.bluebox_clickable.selected, .bluebox_clickable:hover
{
	background: url(../img/reverse_bluebox.png) no-repeat;
}
#alertes
{
	margin-top: 10px;
}
.alertes_h1
{
	width: 69px;
	height: 75px;
	float: left;
	background: url(../img/icon_erreurs.png);
	text-indent: -9999px;
}
.alertes_h2
{
	padding-top: 35px; 
	margin-left: 80px;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: #ae0021;
}
#alertes .redbox {
	float: left;
	width: 336px;
	height: 31px;
	margin-right: 20px;
	background: url(../img/redbox.png) no-repeat;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 0.75em;
	color: white;	
}
.redbox
{
	float: left;
	width: 336px;
	height: 31px;
	margin-right: 20px;
	background: url(../img/redbox.png) no-repeat;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 0.75em;
	color: white;	
}
#conso
{
	margin-top: 10px;
}
.conso_h1
{
	width: 56px;
	height: 84px;
	float: left;
	background: url(../img/icon_conso.png);
	text-indent: -9999px;
}
.conso_h2
{
	padding-top: 45px; 
	margin-left: 80px;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: #768f00;
}
#conso .greenbox {
	float: left;
	width: 336px;
	height: 31px;
	margin-left: 100px;
	margin-right: 20px;
	margin-top: 50px;
	background: url(../img/greenbox.png) no-repeat;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 0.75em;
	color: white;
}
/*-------ACCORDION ALL----------*/
.data-accordion
{
	width: 1260px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.topcordion
{
	height: 45px;
}
.topcordion .searchox
{
	float: left;
	width: 210px;
}
.topcordion .groupby
{
	float: left;
	margin-top: 8px;
	font-family: Arial,Georgia,Serif;
	font-size: 12px;
}
.noClick, .noClick a
{
	cursor: default!important;
}
.topcordion_advanced
{
	font-family: Arial,Georgia,Serif;
	font-size: 14px;
	margin-bottom: 10px;
	width: 540px;
	float: left;
}
#query_tags
{
	float: left;
	height: 20px;
	width: 500px;
	margin-top: 6px;
}
#searchSubmit_advanced
{
	background: url(../img/button_search.png) no-repeat bottom;
	height: 19px;
	width: 19px;
	cursor: pointer;
	float: left;
	margin-top: 9px;
	margin-left: 2px;
}
#searchSubmit_advanced:hover
{
	background-position: 0 0;
}
#searchCancel_advanced
{
	background: url(../img/button_cancel.png) no-repeat bottom;
	height: 15px;
	width: 15px;
	cursor: pointer;
	float: left;
	margin-top: 11px;
	margin-left: 2px;
}
#searchCancel_advanced:hover
{
	background-position: 0 0;
}
.delete_button_event
{
	background: url(../img/button_cancel.png) no-repeat bottom;
	height: 15px;
	width: 15px;
	cursor: pointer;
	display: inline-block;
}
.delete_button_event:hover
{
	background-position: 0 0;
}
#alert_advanced
{
	display: none;
	padding: 5px;
	margin: 5px 0px;
	width: 595px;
}
.ui-autocomplete
{
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
 }
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete
{
	height: 300px;
}


#calendar_export_link .export
{
	float: right;
	width: 111px;
	height: 40px;
	background: url(../img/export.png) no-repeat;
	margin-top: 50px;
	margin-right: 15px;
	text-indent: -9999px;
}
#accordeon
{
	margin-bottom : 0px;
	z-index: 1;
}
.licence
{
	width: 1258px;
	min-height: 33px;
	font-family:Arial,Georgia,Serif;
	font-size: 0.75em;
	color: black;
	/*background: #e4f4ff;*/
	
	border-left: 1px outset #333333;
	border-right: 1px inset #333333;
	border-bottom: 1px dashed grey;
}
.licence:nth-child(odd), tr.lolo.odd { background-color:#e4f4ff; }
.licence:nth-child(even), tr.lolo.even { background-color:#c1e6ff; }
.licence:hover, .licence.hovered, tr.lolo:hover, tr.lolo.hovered
{
	background-color: #7ec5f5;
}
.licence .node
{
	float: left;
	height: 20px;
	width: 20px;
	margin-top: 6px;
	margin-left: 1px;
	background: url(../img/node.png) no-repeat;
}
.licence .node_disabled
{
	float: left;
	height: 20px;
	/* background: url(../img/node_disabled.png) no-repeat; */
	padding-left: 21px;
	margin-top: 6px;
}
.licence .nodeopen
{
	float: left;
	height: 24px;
	background: url(../img/node_open.png) no-repeat;	
}
.licence .cord
{
	text-indent: -9999px;
}
/*--------------------------------------------------ACCORDION ITEMBARRE----------*/
.licence .statuticon
{
	float: left;
	width: 34px;
	height: 22px;
	text-indent: -9999px;	
}
.licence .sun
{
	float: left;
	height: 24px;
	width: 24px;
	text-indent: -9999px;
	margin-top: 4px;
	margin-left: 3px;
	background: url(../img/bullet_green.png) no-repeat;
}
.licence .cloud
{
	float: left;
	height: 22px;
	background: url(../img/stat_cloud.png) no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
}
.licence .validate
{
	float: left;
	height: 24px;
	width: 24px;
	background: url(../img/check-bullet_white.png) no-repeat;
	text-indent: -9999px;
	margin-top: 4px;
	margin-left: 3px;
}
.licence .thunder
{
	float: left;
	height: 24px;
	width: 24px;
	background: url(../img/bullet_red.png) no-repeat;
	text-indent: -9999px;
	margin-top: 4px;
	margin-left: 3px;
}
.licence .monster
{
	float: left;
	width: 38px;
	height: 22px;
	background: url(../img/monster.png) no-repeat;
	text-indent: -9999px;	
}
.licence .disabled
{
	float: left;
	height: 24px;
	width: 24px;
	text-indent: -9999px;
	margin-top: 4px;
	margin-left: 3px;
	background: url(../img/bullet_grey.png) no-repeat;
}
.licence .a-name
{
	float: left;	
	width: 328px;
	height: 23px;
	margin-left: 2px;
	margin-top : 10px;
}
.licence .a-name.name-with-comment
{
	width: 304px!important;
}
.licence .info_comment
{
	float: left;	
	width: 22x;
	height: 23px;
	margin-right: 5px;
	margin-top : 6px;
}
.licence .a-custom
{
	float: left;	
	width: 189px;
	margin-left: 10px;
	margin-top : 10px;
}
.licence .a-nametri
{
	float: left;	
	width: 198px;
	padding-left: 5px;
	margin-top : 10px;
}

.licence .a-id
{
	float: left;	
	width: 80px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-vendor
{
	float: left;
	width: 117px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-last-connexion
{
	float: left;	
	width: 140px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-client
{
	float: left;
	width: 70px;
	padding-left: 2px;
	margin-top : 10px;
}
.licence .a-erreur-file, .licence .a-erreur-m1
{
	margin-left: 15px;
}
.licence .a-erreur-hd
{
	float: left;	
	width: 30px;
	margin-left: 5px;
	height: 22px;
	text-indent: -9999px;
}
.licence .green_light
{
	float: left;	
	height: 24px;
	width: 24px;
	background: url(../img/bullet_green.png) no-repeat;
	text-indent: -9999px;
	margin-top: 4px;
}
.licence .orange_light
{
	float: left;	
	height: 24px;
	width: 24px;
	background: url(../img/bullet_orange.png) no-repeat;
	text-indent: -9999px;
	margin-top: 4px;
}
.licence .red_light
{
	float: left;	
	height: 24px;
	width: 24px;
	background: url(../img/bullet_red.png) no-repeat;
	margin-top: 4px;
}
.licence .info_light
{
	float: left;	
	height: 24px;
	width: 24px;
	background: url(../img/bullet_info.png) no-repeat;
	margin-top: 4px;
}
.licence .grey_light
{
	float: left;	
	height: 24px;
	width: 24px;
	background: url(../img/bullet_grey.png) no-repeat;
	text-indent: -9999px;
	margin-top: 4px;
}
.licence .no_light
{
	float: left;	
	height: 24px;
	width: 24px;
	text-indent: -9999px;
	margin-top: 4px;
}
/*
.licence .ghosthardviewon
{
	float: left;	
	height: 26px;
	background: url(../img/bullet_green.png) no-repeat;
	text-indent: -9999px;
	margin-top: 3px;
}
.licence .ghosthardviewoff
{
	float: left;	
	height: 26px;
	background: url(../img/bullet_red.png) no-repeat;
	text-indent: -9999px;
	margin-top: .px;
}
*/
.licence .a-erreur-virus
{
	float: left;	
	width: 32px;
	height: 22px;
	margin-left: 5px;
	text-indent: -9999px;
}
.licence .a-hardware-error
{
	margin-left: 26px;
}
.force-margin-left-10
{
	margin-left: 10px!important;
}
.licence .a-diskspacefree
{
	float: left;	
	width: 40px;
	margin-left: 9px;
	margin-top : 10px;
	text-align: center;
}
.licence .a-diskspacealert
{
	margin-left: 10px;
}
.licence .a-hg
{
	margin-left: 22px;
}
.licence .a-newinstall
{
	float: left;	
	width: 33px;
	height: 26px;
	margin-left: 18px;
	text-indent: -9999px;
}
.licence .a-newinstall-off
{
	float: left;	
	width: 40px;
	height: 22px;
	margin-left: 10px;
	background: url(../img/bullet_red.png) no-repeat;
	text-indent: -9999px;
}
.licence .a-newinstall-on
{
	float: left;	
	width: 40px;
	height: 22px;
	margin-left: 10px;
	background: url(../img/bullet_green.png) no-repeat;
	text-indent: -9999px;
}
.licence .a-depassement-percent
{
	float: left;	
	width: 51px;
	height: 22px;
	margin-left: 1px;
	margin-top: 10px;
	text-align: right;
}
.licence .a-forfait
{
	float: left;	
	width: 60px;
	height: 22px;
	margin-left: 2px;
	margin-top: 10px;
	text-align: center;
}
.licence .a-depassement-light
{
	margin-top: 3px;
	margin-left: 3px;
	float: left;
	height: 24px;
	width: 24px;
}

/* GENAPI COLUMNS */
.licence .a-control
{
	float: left;	
	width: 92px;
	margin-left: 1px;
	margin-top : 8px;
	text-align: center;
}
.licence .a-robocopy
{
	float: left;	
	width: 70px;
	margin-left: 1px;
	margin-top : 8px;
	text-align: center;
}
.licence .a-dc-why
{
	float: left;	
	width: 122px;
	margin-left: 1px;
	margin-top : 6px;
}
.comboBoxAjax
{
	width: 122px;
}

/* ERROR SET SCREEN */
.licence .a-status-con
{
	float: left;
	width: 24px;
	height: 24px;
	margin-top : 4px;
	margin-left: 3px;
}
.licence .a-status-jds
{
	float: left;
	width: 24px;
	height: 24px;
	margin-top : 4px;
	margin-left: 8px;
}
.licence .a-os
{
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	margin-top : 4px;
}
.licence .a-nom-jds
{
	float: left;
	width: 225px;
	margin-left: 9px;
	margin-top : 10px;
}
.licence .a-licence-jds
{
	float: left;
	width: 80px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-empty-waiting-code
{
    float: left;
    width: 758px;
    height: 24px;
    margin-top: 4px;
    margin-left: 3px;
}
.licence .a-client-jds
{
	float: left;
	width: 139px;
	margin-left: 2px;
	margin-top : 10px;
}
.licence .a-ip
{
	float: left;
	width: 95px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-id-jds
{
	float: left;
	width: 60px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-scanned
{
	float: left;
	width: 50px;
	margin-right: 1px;
	margin-top : 10px;
	text-align: right;
}
.licence .a-size
{
	float: left;
	width: 50px;
	margin-right: 1px;
	margin-top : 10px;
	text-align: right;
}
.licence .a-zip
{
	float: left;
	width: 50px;
	margin-left: 1px;
	margin-top : 10px;
	text-align: right;
}
.licence .a-comp
{
	float: left;
	width: 40px;
	margin-left: 1px;
	margin-top : 10px;
	text-align: right;
}
.licence .a-histo
{
	float: left;
	width: 80px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-retention
{
	float: left;
	width: 80px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-planificateur
{
	float: left;
	width: 90px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-extern
{
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 7px;
	margin-top : 4px;
}
.licence .a-last-backup
{
	float: left;
	width: 118px;
	margin-left: 7px;
	margin-top : 10px;
}
.licence .a-administrate
{
	background: url("../img/administrate.png") no-repeat;
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 17px;
	text-indent: -9999px;
}
.img-link-disabled 
{
	pointer-events: none;
	cursor: default;
	opacity: 0.5;
}
.licence .a-params
{
	float: left;
	width: 30px;
	/*width: 21px;
    height: 26px;
    padding-left: 8px;
    padding-right: 3px;
    padding-top: 3px;*/
	background: url(../img/contextMenu.png) no-repeat;
    background-size: 23px 17px;
    background-position: 50% 50%;
	/*width: 32px;
	margin-left: 1px;
	margin-top: 5px;*/
	cursor: pointer;
}
.licence .a-params.height-33
{
	height: 33px;
}
.licence .a-params.height-26
{
	height: 26px;
}
.licence .a-params.contextMenuLIC
{
	margin-left: 6px;
}
.licence .linkGLPI
{
	float: left;	
	/*width: 20px;*/
}
.linkGLPI-Lic
{
	width: 38px;
	margin-left: 14px;
}
.linkGLPI-JDS
{
	width: 38px;
	margin-left: 1px;
}
.licence .a-id-commandes
{
	float: left;	
	width: 70px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-nom-commandes.admin-view
{
	float: left;	
	width: 280px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-nom-commandes.revendeur-view
{
	float: left;	
	width: 390px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-revendeur-commandes
{
	float: left;
	width: 199px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-client-commandes.admin-view
{
	float: left;	
	width: 214px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-client-commandes.revendeur-view
{
	float: left;	
	width: 304px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-expired-commandes
{
	float: left;
    width: 380px;
    margin-left: 1px;
    margin-top: 10px;
	text-align: center;
	color: #dc722d;
}
.licence .a-creation-commandes,
.licence .a-passage-commandes,
.licence .a-validation-commandes,
.licence .a-expedition-commandes,
.licence .a-reception-commandes,
.licence .a-installation-commandes
{
	float: left;	
	width: 70px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-facture-commandes
{
	float: left;	
	width: 26px;
	margin-left: 1px;
	margin-top : 4px;
	margin-bottom : 4px;
	text-align: center;
}
.licence .a-params-commandes.contextMenuCMD
{
	float: left;
	width: 33px;
	height: 33px;
	margin-left: 3px;
	background: url(../img/contextMenu.png) no-repeat;
    background-size: 23px 17px;
	background-position: 50% 50%;
	cursor: pointer;
}

/*-------GHOST TRAITEMENT----------*/
.licence .a-errorghostfilebox
{
	float: left;	
	width: 18px;
	height: 33px;
	cursor: pointer;
	/*margin-left: 26px;*/
}
.licence .linkGLPI-JDS > .a-errorghostfilebox
{
	width: 38px;
}
.licence .linkGLPI-Lic > .a-errorghostfilebox
{
	width: 38px;
}
.licence .a-errorghosthardbox
{
	float: left;
	float: left;
	width: 40px;
	height: 34px;
	margin-left: 5px;
	text-indent: -9999px;
}
.licence .ghostfileon
{
	float: left;	
	width: 35px;
	height: 34px;
	margin-left: 17px;
	background: url(../img/ghost_file_on.png) no-repeat;
	text-indent: -9999px;
}
.licence .ghostfileoff
{
	float: left;	
	width: 35px;
	height: 34px;
	margin-left: 17px;
	background: url(../img/ghost_file_off.png) no-repeat;
	text-indent: -9999px;
}
.licence .ghosthardon
{
	float: left;
	width: 40px;
	height: 34px;
	margin-left: 5px;
	background: url(../img/ghost_hard_on.png) no-repeat;
	background-position: 40%;
	text-indent: -9999px;
}
.licence .ghosthardoff
{
	float: left;
	width: 40px;
	height: 34px;
	margin-left: 5px;
	background: url(../img/ghost_hard_off.png) no-repeat;
	background-position: 40%;
	text-indent: -9999px;
}

.licence .a-statut-groupes
{
	float: left;
    text-align: center;
	padding-top: 9px;
    width: 29px;
    height: 25px;
	color: #44494c;
}
.licence .a-statut-groupes.locked
{
    font-size: 15px;
	color: white;
	background: url(../img/bullet_red_cadenas.png) no-repeat;
    background-position: center;
}
.licence .a-statut-groupes.unlocked
{
	background: url(../img/bullet_green.png) no-repeat;
    background-position: center;
}
.licence .a-id-groupes
{
	float: left;	
	width: 70px;
	margin-left: 1px;
	margin-top : 10px;
	text-align: center;
}
.licence .a-nom-groupes-beemo
{
	float: left;
	width: 331px;
	margin-left: 4px;
	margin-top : 10px;
}
.licence .a-nom-groupes-beemo.with-comment
{
	width: 306px!important;
}
.licence .a-nom-groupes-admin
{
	float: left;
	width: 402px;
	margin-left: 4px;
	margin-top : 10px;
}
.licence .a-nom-groupes-admin.with-comment
{
	width: 377px!important;
}
.licence .a-nom-groupes
{
	float: left;	
	width: 553px;
	margin-left: 4px;
	margin-top : 10px;
}
.licence .a-nom-groupes.with-comment
{
	width: 528px!important;
}
.licence .a-ref-groupes
{
	float: left;	
	width: 107px;
	margin-left: 4px;
	margin-top : 10px;
}
.licence .a-revendeur-groupes
{
	float: left;	
	width: 150px;
	margin-left: 1px;
	margin-top : 10px;
}
.licence .a-last-backup-groupes
{
	float: left;
    width: 100px;
    margin-left: 1px;
    margin-top: 10px;
}
.licence .a-size-groupes
{
	float: left;
    width: 50px;
    margin-left: 1px;
	margin-top: 10px;
	text-align: right;
}
.licence .a-zip-size-groupes
{
	float: left;
    width: 50px;
    margin-left: 1px;
	margin-top: 10px;
	text-align: right;
}
.licence .a-scanned-size-groupes
{
	float: left;
    width: 50px;
    margin-left: 1px;
	margin-top: 10px;
	text-align: right;
}
.licence .a-last-error-groupes
{
	margin-left: 16px;
    margin-right: 10px;
}
.licence .a-last-last-error-groupes
{
	margin-left: 6px;
    margin-right: 15px;
}
.licence .a-depassement-percent-groupes
{
	float: left;	
	width: 60px;
	height: 22px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}
.licence .a-depassement-light-groupes
{
	margin-top: 5px;
	margin-right: 12px;
    margin-left: 4px;
    float: left;
    height: 24px;
    width: 16px;
}
.licence .a-forfait-groupes
{
	float: left;	
	width: 55px;
	height: 22px;
	margin-left: 2px;
	margin-top: 10px;
	text-align: center;
}
.licence .a-params-groupes
{
	float: left;	
	width: 40px;
	margin-left: 1px;
	cursor: pointer;
}
.licence .a-params-groupes.contextMenuGRP
{
	float: left;
	width: 33px;
	height: 33px;
	margin-left: 3px;
	background: url(../img/contextMenu.png) no-repeat;
    background-size: 23px 17px;
	background-position: 50% 50%;
}
.licence.orange_bg {
	background-color: #dc722d;
}
.licence.orange_bg:hover {
	background-color: #f7853c;
}

/*-------ACCORDION BARRETOP----------*/
.itemcordion
{
	text-align: center;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 0.7em;
	color: white;
	background-color: white;
	z-index: 15;
}
.itemcordion p
{
	margin-top: 45px;
}
.order_asc
{
	background: url(../img/arrow_up.png) no-repeat;
	position: absolute;
	height: 5px;
	width: 20px;
	margin-top: 5px;
}
.order_desc
{
	background: url(../img/arrow_down.png) no-repeat;
	position: absolute;
	height: 5px;
	width: 20px;
	margin-top: 99px;
}
.depassement > .order_desc
{
	margin-top: 65px!important;
	margin-left: 67px;
}
.depassement > .order_asc
{
	margin-top: -10px!important;
	margin-left: 67px;
}
.tinyitemfree > .order_desc
{
	margin-top: 10px!important;
	margin-left: -17px;
}
.tinyitemfree > .order_asc
{
	margin-top: -5px!important;
	margin-left: -17px;
}
.tinyitemalert > .order_desc
{
	margin-top: 20px!important;
	margin-left: 22px;
}
.tinyitemalert > .order_asc
{
	margin-top: -5px!important;
	margin-left: 20px;
}

.header_tab
{
	cursor: pointer;
}
.header_cell:hover .order_asc_selected, .header_cell:hover .order_asc_unselected, .header_cell:hover .order_desc_selected, .header_cell:hover .order_desc_unselected
{
	display: block;
}
.order_asc_unselected, .order_desc_unselected
{
	display: none;
}
.order_asc_unselected, .order_asc_selected
{
	position: absolute;
	height: 16px;
	width: 30px;
	margin-top: 5px;
	margin-left: 5px;
}
.order_asc_unselected
{
	background: url(../img/order_asc_1b.png) no-repeat;
}
.order_asc_selected, .order_asc_unselected:hover
{
	background: url(../img/order_asc_2b.png) no-repeat;
}
.order_desc_unselected, .order_desc_selected
{
	position: absolute;
	height: 16px;
	width: 30px;
	margin-top: 95px;
	margin-left: 5px;
}
.order_desc_unselected
{
	background: url(../img/order_desc_1b.png) no-repeat;
}
.order_desc_selected, .order_desc_unselected:hover
{
	background: url(../img/order_desc_2b.png) no-repeat;
}

.order_sub_asc
{
	background: url(../img/arrow_up.png) no-repeat;
	position: absolute;
	height: 5px;
	width: 20px;
	margin-top: -5px;
}
.order_sub_desc
{
	background: url(../img/arrow_down.png) no-repeat;
	position: absolute;
	height: 5px;
	width: 20px;
	margin-top: 30px;
}

.itemcordion-jds
{ 
	color: white;
	font-family: "Arial", "Georgia", serif;
	font-size: 0.7em;
	font-weight: 700;
	text-align: center;
	background-color: white;
	z-index: 15;
}
.itemcordion-jds p
{
	margin-top: 45px;
}

.i-statut
{
	float: left;
	width: 50px; 
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/statut.png) no-repeat;
	background-position: 50% 50%;
}
.i-statut-groupe
{
	float: left;
	width: 50px; 
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/cadenas.png) no-repeat;
	background-position: 50% 50%;
}
.i-nom
{
	float: left;
	width: 328px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-custom
{
	float: left;
	width: 198px; 
	height: 109px;
	margin-right: 1px;
	background: #333;
}

.i-id
{
	float: left;
	width: 80px; 
	height: 109px;
	margin-right: 1px;
	background: #333;	
}
.i-revendeur
{
	float: left;
	width: 117px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-last-connexion
{
	float: left;
	width: 140px; 
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-clients
{
	float: left;
	width: 70px; 
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-erreurs
{
	float: left;
	width: 94px; 
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-erreurs .itemerreurs
{
	width: 90px;
	height: 60px;
	margin: auto;
	margin-bottom: 0px;
	background: #333 url(../img/item_errors_base.png) no-repeat;
	background-position: 50% 50%;
	text-indent: -9999px;
}
.i-erreurs .itemerreurs p
{
	margin-top: 12px;
}
.i-erreurs .tinyitemerrorfile
{
	float: left;
	width: 24px;
	height: 30px;
	margin-left: 15px; 
	background: #333 url(../img/item_errors_files.png) no-repeat;
	text-indent: -9999px;
}
.i-erreurs .tinyitemerrorm1
{
	float: left;
	width: 24px;
	height: 30px;
	margin-left: 15px;
	background: #333 url(../img/item_error_last_files.png) no-repeat;
	text-indent: -9999px;
}
.i-erreurs .tinyitemerrorhd
{
	float: left;
	width: 24px;
	height: 22px;
	margin-left: 9px; 
	margin-top: 5px;
	background: #333 url(../img/item_errors_tinyhd.png) no-repeat;
	text-indent: -9999px;
}
.i-erreurs .tinyitemerrorvirus
{
	width: 26px;
	height: 22px;
	margin-left: 9px;
	margin-top: 5px;
	background: #333 url(../img/item_errors_tinyvirus.png) no-repeat;
	text-indent: -9999px;
	float: left;
}
.i-hardware-error
{
	float: left;
	width: 40px;
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/item_hardware_error.png) no-repeat;
	background-position: 50% 50%;
}
.i-diskspace
{
	float: left;
	width: 84px; 
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-diskspace .itemdiskspace
{
	width: 60px;
	height: 48px;
	margin: auto;
	margin-bottom: 10px;
	background: #333 url(../img/item_diskspace.png) no-repeat;
	background-position: 50% 50%;
}
.i-diskspace .tinyitemfree
{
	margin-left: 6px;
}
.i-diskspace .itemdiskspace p
{
	margin-top: 25px;
}
.i-depassement .depassement
{
	width: 151px;
	height: 66px;
	margin: auto;
	margin-top: -27px;
	background: #333 url(../img/fat_nas.png) no-repeat;
	background-position: 50% 50%;
}
.tinyitemfree
{
	float: left;
	width: 35px;
	height: 18px;
	margin-left: 14px;
	margin-top: 5px;
	background: #333 url(../img/item_diskspace_free.png) no-repeat;
}
.tinyempty
{
	float: left;
	width: 35px;
	height: 18px;
	margin-left: 14px;
	margin-top: 5px;
}
.tinyitemalert
{
	float: left;
	width: 35px;
	height: 20px;
	margin-left: 5px;
	background: #333 url(../img/item_diskspace_alert.png) no-repeat;
}
.i-depassement .tinyitemalert
{
	margin-left: 13px;
}
.i-horsg
{
	float: left;
	width: 44px;
	height: 109px;
	margin-right: 1px;
}
.icon-horsg-en
{
	background: #333 url(../img/item_hg_en.png) no-repeat 50% 50%;
}
.icon-horsg-fr
{
	background: #333 url(../img/item_hg_fr.png) no-repeat 50% 50%;
}
.i-newinstal
{
	float: left;
	width: 40px;
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/item_newinstall.png) no-repeat;
	background-position: 50% 50%;
}
.i-depassement
{
	float: left;
	width: 151px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}

.i-errorfilehide
{
	float: left;
	width: 40px;
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/item_error_file_hide.png) no-repeat;
	background-position: 50% 50%;
}
.i-errorhdhide
{
	float: left;
	width: 50px;
	height: 109px;
	background: #333 url(../img/item_error_hd_hide.png) no-repeat;
	background-position: 50% 50%;
	text-indent: -9999px;
}
.i-administrate
{
	float: left;
	width: 40px;
	height: 109px;
	background: #333 url(../img/administrate-title.png) no-repeat;
	background-position: 50% 50%;
}

/* GENAPI COLUMNS */ 
.i-control
{
	float: left;
	width: 92px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-robocopy
{
	float: left;
	width: 70px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-dc-why
{
	float: left;
	width: 123px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}

/* ERROR SET SCREEN */
.i-status-con-jds
{
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 50px;
	background: #333 url(../img/statut.png) no-repeat;
	background-position: 50% 50%;
}
.i-status-jds
{
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 36px;
	background: #333 url(../img/items_error_tiny.png) no-repeat;
	background-position: 50% 50%;
}
.i-os
{
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 30px;
}
.i-nom-jds
{
	float: left;
	width: 230px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-licence-jds
{
	float: left;
	width: 80px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-client-jds
{
	float: left;
	width: 141px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-ip
{
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 95px;
}
.i-id-jds
{
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 60px;
}
.i-size-jds
{
	float: left;
	width: 50px; 
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/icon-size-groups.png) no-repeat;
	background-position: 50% 50%;
}
.i-zip-size-jds
{
	float: left;
	width: 50px; 
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/icon-zip-groups.png) no-repeat;
	background-position: 50% 50%;
}
.i-scanned-size-jds
{
	float: left;
	width: 50px; 
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/icon-scanned-groups.png) no-repeat;
	background-position: 50% 50%;
}
.i-comp
{
	background: #333333 url(../img/compress_tab.png) no-repeat;
	background-position: 50% 50%;
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 40px;
}
.i-histo
{
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 80px;
}
.i-retention
{
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 80px;
}
.i-planificateur
{
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 90px;
}
.i-extern
{
	background: #333333 url(../img/tab_nas.png) no-repeat;
	background-position: 50% 50%;
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 36px;
}
.i-last-backup
{
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 1px;
	width: 118px;
}
.i-params
{
	background: #333333 url(../img/param_tab.png) no-repeat;
	background-position: 50% 50%;
	float: left;
	height: 109px;
	width: 32px;
	margin-left: 1px;
}
.i-glpi
{
	background: #333333 url(../img/item_error_file_hide.png) no-repeat;
	background-position: 50% 50%;
	float: left;
	height: 109px;
	width: 36px;
	width: 36px;
	vertical-align: middle;
}
.i-id-commandes
{
	float: left;
	width: 70px; 
	height: 109px;
	margin-right: 1px;
	background: #333;	
}
.i-nom-commandes.admin-view
{
	float: left;
	width: 280px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-nom-commandes.revendeur-view
{
	float: left;
	width: 390px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-revendeur-commandes
{
	float: left;
	width: 199px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-client-commandes.admin-view
{
	float: left;
	width: 214px; 
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-client-commandes.revendeur-view
{
	float: left;
	width: 304px; 
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-creation-commandes,
.i-passage-commandes,
.i-validation-commandes,
.i-expedition-commandes,
.i-reception-commandes,
.i-installation-commandes
{
	float: left;
	width: 70px; 
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-facture-commandes
{
	float: left;
	width: 26px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-id-groupes
{
	float: left;
	width: 70px;
	height: 109px;
	margin-right: 1px;
	background: #333;	
}
.i-nom-groupes
{
	float: left;
	width: 559px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-nom-groupes-beemo
{
	float: left;
	width: 337px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-nom-groupes-admin
{
	float: left;
	width: 408px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-ref-groupes
{
	float: left;
	width: 107px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-revendeur-groupes
{
	float: left;
	width: 150px;
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-last-backup-groupes
{
	float: left;
	width: 100px; 
	height: 109px;
	margin-right: 1px;
	background: #333;
}
.i-size-groupes
{
	float: left;
	width: 50px; 
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/icon-size-groups.png) no-repeat;
	background-position: 50% 50%;
}
.i-zip-size-groupes
{
	float: left;
	width: 50px; 
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/icon-zip-groups.png) no-repeat;
	background-position: 50% 50%;
}
.i-scanned-size-groupes
{
	float: left;
	width: 50px; 
	height: 109px;
	margin-right: 1px;
	background: #333 url(../img/icon-scanned-groups.png) no-repeat;
	background-position: 50% 50%;
}
.bold-red
{
	font-weight: bold;
	color: #dc722d;
}

/*-------TABS----------*/
.containtabs
{
	width: 1258px;
	display: none;
}
.left-tabs
{
	float: left;
	width: 75px;
}
.right-tabs
{
	float: left;
	width: 1183px;
}
.containtabs .titletabs-error
{
	background: url(../img/top_tab_error2.png) white no-repeat;
}
.containtabs .titletabs-game
{
	background: url(../img/top_tab_game_2.png) white no-repeat;
}
.containtabs .titletabs-conso:not(.disabled)
{
	background: url(../img/top_tab_conso.png) white no-repeat;
}
.containtabs .titletabs-conso.disabled
{
	background: url(../img/top_tab_conso_disabled.png) white no-repeat;
}
.containtabs .titletabs-hard
{
	background: url(../img/top_tab_hardware.png) white no-repeat;
}
.containtabs .titletabs-licences
{
	background: url(../img/top_tab_licence2.png) white no-repeat;
}
.containtabs .titletabs-infojds
{
	background: url(../img/top_tab_infojds.png) white no-repeat;
}
.titletabs-error, .titletabs-game, .titletabs-conso, .titletabs-hard, .titletabs-licences, .titletabs-infojds
{
	width: 10px;
	height: 30px;
	padding-top: 20px;
	padding-left: 55px;
	border: 5px solid white;
}
.titletabs-error, .titletabs-game, .titletabs-conso:not(.disabled), .titletabs-hard, .titletabs-licences, .titletabs-infojds
{
	cursor: pointer;
}
.titletabs-error div, .titletabs-game div, .titletabs-conso div, .titletabs-hard div, .titletabs-licences div, .titletabs-infojds div
{
	display: none;
	font-weight: 700;
	opacity: 0;
	height: 0px;
}
.subcontent-error, .subcontent-game, .subcontent-conso, .subcontent-hard, .subcontent-licences, .subcontent-infojds
{
	display: none;
	width: 1163px;
	margin-top: 60px;
	background-color: white;
	padding: 10px;
	min-height: 220px;
}

.titletabs-hard .toptabspaceone
{
	float: left;
	width: 201px;
	margin-left: 41px;
	text-align: center;
}
.titletabs-game .toptabspaceone
{
	float: left;
	width: 115px;
	margin-left: 41px;
	text-align: center;
}
.titletabs-error .toptabspaceone
{
	float: left;
	width: 460px;
	margin-left: 41px;
	text-align: center;
}
.titletabs-licences .toptabspaceone
{
	float: left;
	width: 180px;
	text-align: center;	
}
.titletabs-infojds .toptabspaceone
{
	float: left;
	width: 180px;
	text-align: center;	
}
.titletabs-conso .toptabspaceone
{
	float: left;
	width: 460px;
	margin-left: 41px;
	text-align: center;
}
.toptabspacetwo
{
	float: left;
	width: 164px;
	margin-left: 3px;
	text-align: center;
}
.titletabs-hard .toptabspacetwo
{
	float: left;
	width: 142px;
	margin-left: 3px;
	text-align: center;
}
.titletabs-game .toptabspacetwo
{
	float: left;
	width: 179px;
	margin-left: 3px;
	text-align: center;
}
.titletabs-error .toptabspacetwo
{
	float: left;
	width: 230px;
	margin-left: 3px;
	text-align: center;
}
.toptabspacetree
{
	float: left;
	width: 55px;
	margin-left: 3px;
	text-align: center;
}
.titletabs-hard .toptabspacetree
{
	float: left;
	width: 176px;
	margin-left: 3px;
	text-align: center;
}
.titletabs-game .toptabspacetree
{
	float: left;
	width: 211px;
	margin-left: 3px;
	text-align: center;
}
.titletabs-error .toptabspacetree
{
	float: left;
	width: 0px;
	margin-left: 0px;
	text-align: center;
}
.titletabs-licences .toptabspacetree
{
	float: left;
	width: 110px;
	text-align: center;	
}
.toptabspacefour
{
	float: left;
	width: 230px;
	margin-left: 3px;
	text-align: center;
}
.titletabs-hard .toptabspacefour
{
	float: left;
	width: 155px;
	margin-left: 3px;
	text-align: center;
}
.titletabs-game .toptabspacefour
{
	float: left;
	width: 169px;
	margin-left: 3px;
	text-align: center;
}
.titletabs-error .toptabspacefour
{
	float: left;
	width: 0px;
	margin-left: 0px;
	text-align: center;
}

.consogauge
{
	float: left;
	width: 143px;
	height: 146px;
	border: 5px solid #809C03;
	margin-right: 10px;
}
/*-------AJAX STYLE----------*/
.loader_background
{
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity : 0.8;
	z-index: 9000;
	text-align: center;
}
.loader_background span
{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.loader_background img
{
	vertical-align: middle;
}
.ajaxloader {
	width: 1298px;
	padding-top: 20px;
	background: white;
}
.ajaxloader .tonton {
	padding-left: 100px;
}

/*-------CONTENAIR TAB AJAX----------*/
.toptabdesign-error, .toptabdesign-game, .toptabdesign-conso, .toptabdesign-hard, .toptabdesign-licence
{
	width: 100%;
	margin: auto;
	font-family:Arial,Georgia,Serif;
	font-size: 1em;
	color: black;
}

.toptabname-lic
{
	width: 940px;
	height: 52px;
	padding-top: 20px;
	padding-left: 55px;
	background: url(../img/top_tab_licence2.png) no-repeat;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: black;
}
.toptabname-hard
{
	width: 940px;
	height: 52px;
	padding-top: 20px;
	padding-left: 55px;
	background: url(../img/top_tab_hardware.png) no-repeat;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: black;
}
.toptabname-conso {
	width: 940px;
	height: 52px;
	padding-top: 20px;
	padding-left: 55px;
	background: url(../img/top_tab_conso.png) no-repeat;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: #494949;
}
.toptabname-game 
{
	width: 885px;
	height: 52px;
	padding-top: 20px;
	padding-left: 55px;
	background: url(../img/top_tab_game_2.png) no-repeat;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: black;
	float: left;
}
.toptabname-error
 {
	width: 885px;
	height: 52px;
	padding-top: 20px;
	padding-left: 55px;
	background: url(../img/top_tab_error2.png) no-repeat;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: black;
	float: left;
}
.ajaxtablic-error {
margin-left: -180px;
	
}
.graph-error {
	float: left;
	width:300px;
	height: 150px;
	margin-right:120px;
	border:5px solid #ae0021;
	
}
.ajaxtablic-contenair
{
	margin-top: -10px;
	font-family: Arial,Georgia,Serif;
	/*font-weight: bold;*/
	font-size: 1em;
	color: black;
}
.ajaxtabhard-contenair
{
	margin-top: -10px;
	margin-left: 20px;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: black;
}
.ajaxtabconso-contenair
{
	margin-top: -10px;
	margin-left: 20px;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: black;
}
.ajaxtabgame-contenair
{
	font-family:Arial,Georgia,Serif;
	font-size: 1em;
	color: black;
}
.leger
{
	padding-left: 20px;
	font-family:Arial,Georgia,Serif;
	font-size: 1em;
	color: #515151;
	left: 160px;
}
.contain-gauge
{
	float: left;
	width: 420px;
	height: 156px;
	text-align: center;
}
.contain-gaugeconso
{
	float: right;
	width: 650px;
	height: 375px;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
}
.contain-consograph
{
	float: left;
	width: 1240px;
	margin: 10px;
	height: 400px;
	text-align: center;
}
.ajaxtabhard-gauge {
	width: 400px;
	height: 135px;
	border: 3px solid skyblue;
}
.ajaxtabconso-gauge {
	width: 300px;
	height: 136px;
	border: 3px solid #809C03;
}

.ajaxtabhard-ghosthard, .ajaxtaberror-ghostfile {

	margin-top: 10px;
	margin-left: 60px;
	width: 450px;

}
.ajaxtabhard-ghosthard h3 {
	float: left;
	width: 18px;
	height: 34px;
	background: url(../img/ghost_hard_on.png) no-repeat;
	text-indent: -9999px;
}
.ajaxtabhard-ghosthard h2 {
	margin-top: -10px;
	margin-left: 20px;
	padding-bottom: 10px;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 1em;
	color: black;
}
.ajaxtaberror-ghostfile h3 {
	float: left;
	width: 18px;
	height: 34px;
	background: url(../img/ghost_file_on.png) no-repeat;
	text-indent: -9999px;
	
}
.hardghostcheck-contain, .fileghostcheck-contain {
	margin-top:-10px;
}
.ghosthard-delete, .ghostfile-delete{
	float: left;
	width: 125px;
	height: 40px;
	margin-top: 5px;
	margin-left: 163px;
	background: url(../img/delete.png) no-repeat;
	text-indent: -9999px;
}
.ghosthard-save, .ghostfile-save {
	float: left;
	width: 125px;
	height: 40px;
	margin-top: 5px;
	background: url(../img/save.png) no-repeat;
	text-indent: -9999px;
}
.ghostfile-save {
	margin-bottom: 20px;
}

.toptabspacezero
{
	float: left;
	width: 160px;
	color: white;
}
.toptabspaceone
{
	float: left;
	width: 233px;
	margin-left: 29px;
	text-align: center;
}


.toptabspaceonerr
{
	float: left;
	width: 230px;
	margin-left: 90px;
}
.toptabspacetworr
{
	float: left;
	width: 150px;
	margin-left: 17px;
}
.toptabspacetreerr
{
	float: left;
	width: 100px;
	margin-left: 15px;
}


/*-------FOOTER----------*/
footer
{
	height: 50px;
	width: 100%;
	background: url(../img/footer.png);
	text-align: center;
	position: relative;
	bottom: 0;
	z-index: 1;
}
footer p {
	padding: 10px;
	font-family:Arial,Georgia,Serif;
	font-size: 0.75em;
	color: white;	
}
/*-------MISC----------*/
.cleaner {
	clear: both;
}
.errorfind {
	width: 150px;
	height: 20px;
	font-family: Arial,Georgia,Serif;
	font-size: 0.75em;
	color: orange;
}
.stack-a
{
	float: left;
	height: 35px;
	width: 260px;
	z-index: 10;
	position: relative;
}
.stack-a1
{
	float: left;
	margin-left: 50px;
	margin-top: 20px;
	width: 130px;
}

.log-range-start, .log-range-end
{
	width: 70px;
}

.log-range-button
{
	height: 25px;
	margin-top: 5px;
	width: 90px;
}

.stack-b
{
	float: left;
	width: 1140px;
	height: 140px; /* Dynamically resized with jQuery event : iFrame.onLoad */
}
.stack-c{
	float: left;
	float: left;
	margin-top: 285px;
	margin-left: 20px;
}
.datepickergame
{
	/*width: 230px;
	height: 180px;
	margin-left: 10px;*/
	float: left;
}
.cutcut
{
	height: 2px;
	background: url(../img/cutcut.png);
}
#btn_up
{
	display: none;
	position: fixed;
	bottom: 15px;
	right: 25px;
	cursor: pointer;
	z-index: 2;
}
div.round {
	margin: 50px;
	width: 100px; height: 100px;
	position: relative;
	float:left;
}
div.round input {
	display: none;
}
div.round canvas{
	position: absolute;
	top:-165px; left:-195px; right:0; bottom:0;
	background: url(../img/inner_circle.png) no-repeat;
}
#chart_div {
	width: 500px;
	height: 300px;
	margin-left: 450px;
	border:5px solid #809c03;
}

#status{  
        width:50%;  
        padding:10px;  
        outline:none;  
        height:10px;  
    }  
    .focusField{  
        border:solid 2px #73A6FF;  
        background:#EFF5FF;  
        color:#000;  
    }  
    .idleField{  
        background:#EEE;  
        color: #6F6F6F;  
        border: solid 2px #DFDFDF;  
    }
	.bouton_submit{
	padding-top: 20px;

}
#datepicker
{
	width: 300px;
	height: 200px;
}
.ansys {
	float: left;
	width: 166px;
	height: 40px;
	background: url(../img/sysan.png) no-repeat;
	text-indent: 50px;
	margin-left: 185px;
	margin-top: 120px;
	
}

.tableror {
	margin-top: 20px;
}

.pagi
{
	text-align:center;
}

.pagi-top
{
	height: 60px;
	width: 666px;
	float: left;
	margin-left: 80px;
}

.pagi-bottom
{
	height: 80px;
	width: 666px;
	margin: 0 auto;
	font-family: "Arial", "Georgia", serif;
}

.pagi span
{
	float: left;
	width: 34px;
	height: 15px;
	display: block;
	padding: 5px;
	margin-right: 2px;
	background: #0067AE;
	border: 1px solid black;
	color: white;
	font-weight: 700;
	font-family: "Arial", "Georgia", serif;
}

.pagi-link
{
	float: left;
	display: block;
	width: 34px;
	height: 15px;
	padding: 5px;
	margin-right: 2px;
	background: white;
	border: 1px solid black;
}

.pagi a
{
	float: left;
}

.hidden
{
	display: none;
}

.pagi-link:hover
{
	padding: 5px;
	margin-right: 2px;
	background: #0067AE;
	border: 1px solid black;
	color: white;
}

#form1 label {
	font-family:Arial,Georgia,Serif;
	font-size: 0.75em;
	color: black;	
}
/*-------DEBUGGER----------*/

.user span {
	display: block;
	width: 64px;
	height: 64px;
	margin:auto;
	background: url(../img/debug.png);
}
.ponpon{
	width: 300px;
}
/*-------login----------*/

#divLogin
{
	width: 800px;
	margin: auto;
	margin-top: 95px;
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 0.75em;
	color: black;	
	text-align: center;
	
}
.door{
	width: 500px;
	height: 16px;
	margin: auto;
	background: url(../img/door_in.png) no-repeat;
	padding-left: 50px;
	font-family:Arial,Georgia,Serif;
	font-size: 0.75em;
	color: black;	
	font-weight: bold;
	
}
#divLogin label {
	font-family:Arial,Georgia,Serif;
	font-size: 1em;
	color: black;	
	font-weight: bold;
	
}
#lost_identifiers {
	display: block;
	width: 600px;
	margin: auto;
	margin-top: 21px;
	font-family:Arial,Georgia,Serif;
	font-size: 1em;
	color: white;	
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}
#help_identifiers {
	display: none;
	width: 600px;
	height: 50px;
	margin: auto;
	margin-top: 21px;
	font-family:Arial,Georgia,Serif;
	font-size: 1em;
	color: #ff7200;	
	font-weight: bold;
	text-align: center;
}
.lost_content {
	height: 35px;
}
.lost_login, .lost_password {
	display: block;
	width: 150px;
	height: 30px;
    color: white;
    background: #004488;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5);
}
.lost_login {
	margin-left: 80px;
	float: left;
}
.lost_password {
	margin-right: 80px;
	float: right;
}
.goback {
	background: url('../img/goback.png') no-repeat;
	position: relative;
	top: -20px;
	left: -8px;
	width: 20px;
	height: 15px;
	cursor: pointer;
}
.lost_login.unselected , .lost_password.unselected {
	display: block;
	width: 150px;
	margin-left: 80px;
	cursor: pointer;
}
.lost_login.selected, .lost_password.selected {
	display: block;
	width: 450px;
	margin-left: 80px;
	height: 60px;
	cursor: default;
}
.hidden {
	display: none;
}
#msg_login, #msg_password {
	margin-top: 8px;
	color: white;
	font-style: italic;
}
.red_borders {
	border: groove 2px red!important;
}

 #mdp
 {  
	background:#EEE;  
	color: #6F6F6F;  
	border: solid 2px #DFDFDF;  
}
.node span
{
	padding-left: 20px;
	margin-left: 50px;
}
.zelic
{
	float: left;
	padding-top: 5px;
	padding-left: 20px;
	text-align: center;
}
.zelicfirst
{
	float: left;
	width: 10px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: center;
}
.titjds
{
	font-family:Arial,Georgia,Serif;
	font-size: 0.75em;
	color: white;	
	font-weight: bold;
	background: #6a6a6a;
	height: 20px;
}
.slic
{
	padding-left: 50px;
}
.titjds span
{
	padding-left: 20px;
}
#stroke
{
	font-family:Arial,Georgia,Serif;
	font-size: 0.75em;
	color: black;	
	font-weight: bold;
}

#custombard 
{
	font-family:Arial,Georgia,Serif;
	font-weight: bold;
	font-size: 0.75em;
	color: black;	
}
.checkcolortrue
{
	color: black;
}
.checkcolorfalse
{
	color: red;
}
#custombard 
{
	height: 50px;
}

.graph-container
{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.graph-consograph
{
	box-sizing: border-box;
	width: 100%;
	height: 400px;
	padding: 10px;
	margin: 0px auto;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.graph-conso
{
	width: 100%;
	height: 100%;
	font-size: 18px;
	line-height: 1.2em;
}
.bullet_percent
{
	position: relative;
	z-index: 1;
	height: 25px;
	width: 24px;
}
.bullet_percent_red
{
	background: url('../img/bullet_red_empty.png') no-repeat;
}
.bullet_percent_orange
{
	background: url('../img/bullet_orange_empty.png') no-repeat;
}
.bullet_percent_green
{
	background: url('../img/bullet_green.png') no-repeat;
}
.bullet_percent div
{
	color: white;
	position: relative;
	top: 7px;
	z-index: 10;
	width: 24px;
	text-align: center;
}
.bullet_percent_green div
{
	left: -1px;
}

.cell_hint.ok
{
	background-image: url('../img/check.png');
    background-repeat: no-repeat;
    background-position: center;
}
.cell_hint.warning
{
	background-image: url('../img/exclamation-mark.png');
    background-repeat: no-repeat;
    background-position: center;
}
.cell_hint span
{
	right: 60px;
    z-index: 9999;
}
.info span, .cell_hint span
{
	position: absolute;
	margin-top: -30px;
	color: #09c;
	background: rgba(0, 0, 0, .9);
	padding: 15px;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	
	-webkit-transform: scale(0) rotate(-12deg);
	-moz-transform: scale(0) rotate(-12deg);
	-ms-transform: scale(0) rotate(-12deg);
	-o-transform: scale(0) rotate(-12deg);
	transform: scale(0) rotate(-12deg);
	
	-webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
	
	opacity: 0;
}

.info:hover span, .info:focus span
{
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	
	opacity: 1;
}

.infoBubble span
{
	display: block;
	position: absolute;
	margin-top: -15px;
	margin-left: -3px;
	color: white;
	background: rgba(77, 135, 221, 0.9);
	padding: 3px;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	
	-webkit-transform: scale(0) rotate(0deg);
	-moz-transform: scale(0) rotate(0deg);
	-ms-transform: scale(0) rotate(deg);
	-o-transform: scale(0) rotate(0deg);
	transform: scale(0) rotate(0deg);
	
	-webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;

    -khtml-opacity: 0; 
	-moz-opacity : 0; 
	-ms-filter: "alpha(opacity=0)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
	filter : alpha(opacity=0); 
	opacity : 0;
}

.infoBubble:hover span, .infoBubble:focus span
{
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	
	-khtml-opacity: 1; 
	-moz-opacity : 1; 
	-ms-filter: "alpha(opacity=1)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); 
	filter : alpha(opacity=1); 
	opacity : 1;
}
.infoBubble span.next_backup
{
	margin-left: 75px;
	margin-top: -50px;
	z-index: 10;
}
.infoBubble span.remote_status
{
	margin-left: 30px;
	margin-top: -40px;
}
.infoBubble span.comment
{
	margin-left: 20px;
	margin-top: -25px;
}
.infoBubble span.jds_remote_volume
{
	margin-left: 20px;
	margin-top: -40px;
}

.rightBubble span
{
	margin-left: 75px;
}

/* Info Bulles Notes */
.infoNotes
{
	z-index: 9999;
}

.infoNotes span, .infoNotes div:not(.cutcut):not(.associate_ticket)
{
	display: block;
	position: absolute;
	margin-left: -450px;
	color: #9ED8FE;
	font-weight: 700;
	background: rgba(0, 0, 0, .9);
	padding: 15px;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	width: 400px;
	
	-webkit-transform: scale(0) rotate(-12deg);
	-moz-transform: scale(0) rotate(-12deg);
	-ms-transform: scale(0) rotate(-12deg);
	-o-transform: scale(0) rotate(-12deg);
	transform: scale(0) rotate(-12deg);
	
	transition: all .25s;
	-webkit-transition: all .25s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all .25s;
	
	opacity: 0;
	    z-index: 10;
}

.infoNotes div table tr:not(:first-child) td, .dialogNotes table tr:not(:first-child) td
{
	padding-top: 10px;
}
.infoNotes div table tr td a, .dialogNotes table tr td a
{
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
.infoNotes table tr:hover a, .dialogNotes table tr:hover a
{
	color: #4CB0F2;
}
.infoNotes div table tr td, .dialogNotes table tr td
{
	padding-left: 0;
	padding-right: 0;
}
.infoNotes div table tr td:first-child
{
	width: 350px;
}
/*.dialogNotes table tr td:last-child:not(td:first-child)
{
	width: 50px;
	text-align: center;
}*/
/*.infoNotes div table tr td:last-child
{
	text-align: right;
}*/
.associate_ticket
{
	width: 100px;
	height: 14px;
	text-align: center;
}

.infoNotes span a, .ticket_link div span, .infoNotes div a
{
	color: #9ED8FE;
}

.infoNotes:hover span, .infoNotes:focus span, .infoNotes:hover div:not(.associate_ticket), .infoNotes:focus div:not(.associate_ticket)
{
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	
	opacity: 1;
}

.offNote
{
	background: url(../img/ghost_file_tmp.png) no-repeat transparent;
	background-position: center;
	margin-top: -1px;
}
.eventNote
{
	background: url(../img/ghost_file_off.png) no-repeat transparent;
	background-position: center;
	margin-top: -1px;
}
.onNote
{
	background: url(../img/ghost_file_on.png) no-repeat transparent;
	background-position: center;
	margin-top: -1px;
}

.cellNewLicence
{
	padding-bottom: 5px;
}

.itemcordion a
{
	color: white;
}
.itemcordion-jds a
{
	color: white;
}

.form_error, .upload_form_error
{
	font: 16px "Abel",sans-serif;
	color: #cf691e;
	text-align: center;
}

#form_success
{
	font: 16px "Abel",sans-serif;
	color: #629890;
	margin-bottom: 5px;
	margin-top: 20px;
	text-align: center;
}
.form_oblige_error
{
	border: 2px solid #cf691e!important;
}
.no-select-arrow
{
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: 0.1;
    text-overflow: '';
}

.mini_title
{
	font-size: 19px;
	text-shadow: -1px -1px #eee, 1px 1px #888, -3px 0 4px #000;
	font-family: monospace;
	color: white;
	font-weight: lighter;
	text-align: center;
	line-height: 35px;
	width: 100%;
	margin-bottom: 20px;
	background-color: #0067AE;
}

.graph-area
{
	height: 430px;
	width: 1260px;
	margin-top: 20px;
	font-family: "Arial", "Georgia", serif;
}

.date_selector
{
	margin-left: 10px;
}

.loading-gif
{
	background-image: url('../img/loading.gif');
	background-repeat: no-repeat;
	background-position: 50% 0;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	height: 250px;
}

/* CONSOMMATION TABLE */

/* TITLES */
.conso-title-licence
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 200px;
}
.conso-title-client
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 400px;
}
.conso-title-location
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 180px;
}
.conso-title-consommation
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 180px;
}
.conso-title-forfait
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 180px;
}
.conso-title-prix
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 96px;
}

.consogroup-title-name
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 460px;
}
.consogroup-title-ref
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 200px;
}
.consogroup-title-nbwks
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 100px;
}
.consogroup-title-nbsrv
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 100px;
}
.consogroup-title-type
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 40px;
}
.consogroup-title-conso
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 100px;
}
.consogroup-title-forfait
{ 
	background: #333333;
	float: left;
	height: 109px;
	margin-right: 2px;
	width: 136px;
}

/* ROWS */
.row-licence
{
	color: black;
	font-family: "Arial", "Georgia", serif;
	font-size: 0.80em;
	height: 30px;
	width: 1148px;
}
.row-licence-septeo
{
	color: black;
	font-family: "Arial", "Georgia", serif;
	font-size: 0.80em;
	height: 30px;
	width: 1065px;
}

.blue-line
{
	background: #C3E5FC;
}
.white-line
{
	background: #E4F4FF;
}

.conso-row-licence
{ 
	float: left;	
	width: 196px;
	padding-left: 6px;
	margin-top : 10px;
}
.conso-row-client
{ 
	float: left;	
	width: 396px;
	padding-left: 6px;
	margin-top : 10px;
}
.conso-row-location
{ 
	float: left;	
	width: 164px;
	padding-left: 6px;
	margin-top : 10px;
	text-align: right;
	padding-right: 10px;
}
.conso-row-consommation
{ 
	float: left;	
	width: 166px;
	padding-left: 6px;
	margin-top : 10px;
	text-align: right;
	padding-right: 10px;
}
.conso-row-forfait
{ 
	float: left;	
	width: 166px;
	padding-left: 6px;
	margin-top : 10px;
	text-align: right;
	padding-right: 10px;
}
.conso-row-prix
{ 
	float: left;	
	width: 80px;
	padding-left: 6px;
	margin-top : 10px;
	text-align: right;
	padding-right: 10px;
}
.PutBoxHS
{
	float: right;
	margin-right: 90px;
	margin-top: -40px;
	z-index: 1;
}

.ellipsis_div {
	text-overflow: ellipsis;
    overflow: hidden;
	white-space: nowrap;
	display: block;
}

.group-row {
	float: left;
	margin-top: 10px;
	margin-right: 2px;
	height: 20px;
}
.group-row.gr-text {
	padding-left: 6px;
}
.group-row.gr-number {
	text-align: right;
	padding-right: 10px;
}
.group-row.gr-img {
    text-align: center;
}
.group-row.gr-name {
	width: 454px;
}
.group-row.gr-ref {
	width: 194px;
}
.group-row.gr-nbwks {
	width: 90px;
}
.group-row.gr-nbsrv {
	width: 90px;
}
.group-row.gr-type {
	width: 40px;
	margin-top: 3px;
}
.group-row.gr-conso {
	width: 90px;
}
.group-row.gr-forfait {
	width: 124px;
}

.bluebox > a {
	color: white;
}

#divGoToPage
{
	float: left;
	font-size: 18px;
	height: 24px;
	margin-left: 5px;
	padding-top: 3px;
}
#searchmax
{
	float: left;
	width: 160px;
	height: 20px;
	margin-top: 6px;
}
#searchSubmit
{
	background: url(../img/button_search.png) no-repeat bottom;
	height: 19px;
	width: 19px;
	cursor: pointer;
	float: left;
	margin-top: 9px;
	margin-left: 2px;
}
#searchSubmit:hover
{
	background-position: 0 0;
}

#searchCancel
{
	background: url(../img/button_cancel.png) no-repeat bottom;
	height: 15px;
	width: 15px;
	cursor: pointer;
	float: left;
	margin-top: 11px;
	margin-left: 2px;
}
#searchCancel .searchCancel_IE
{
	margin-top: 3px;
}
#searchCancel:hover
{
	background-position: 0 0;
}

.searchFound
{
	color: #6F6F6F;
	float: left;
	font-family: "Arial", "Georgia", serif;
	font-size: 14px;
	margin-top: 5px;
}

/* PERSONNALISATION */

#contentScreen
{
	margin-bottom: 20px;
}

.resize_icon
{
	position: absolute;
	width: 27px;
	height: 5px;
	left: 185px;
	top: 194px;
	background-image: url(../images/resizey.png);
	cursor: n-resize;
}
 
 .linkParams, .linkParamsMain
 {
	cursor: pointer;
}

.linkParamsMain
{
	margin-top: 5px;
	margin-left: 4px;
}

.divParams, .divParamsMain
{
	font-size: 14px;
}

#nbLines
{
	color: grey;
	font-family: "Arial", "Georgia", serif;
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 20px;
}

/*
	NEW CSS FOR INFO LICENCES
*/
.infoLabels
{
	width: 150px;
	float: left;
	margin-top: 10px;
}
.infoValues
{
	float: left;
	width: 350px;
	margin-top: 10px;
	font-weight: bold;
}
.infoLogs
{
	display: none;
	width: 1200px;
}
.infoLabels p, .infoValues p
{
	font-family: "Arial", "Georgia", serif;
	font-size: 12px;
	margin-bottom: 3px;
	height: 12px;
}
.infoLabels p
{
	text-decoration: underline;
}
.infoValues p
{
	color: grey;
}
.infoLogs .stack-a
{
	font-weight: normal;
}
.infoLogs .stack-b
{
	width: 1200px;
}
.tickLabel, .legendLabel
{
	font-weight: 100;
	text-align: left;
}/*
.legendLabel
{
	margin-top: -10px;
}*/
.graph-container .graph-conso .legend table tbody tr:first-child .legendColorBox div div
{
	border: 5px solid #00FF00 !important;
}
.infoButtons
{
	width: 100%;
	margin-left: -3px;
	float: left;
}
.graph-consograph .graph-conso .flot-text .flot-y-axis.flot-y1-axis.yAxis.y1Axis
{
	color: #BF9C33;
}
.graph-consograph .graph-conso .flot-text .flot-y-axis.flot-y2-axis.yAxis.y2Axis
{
	color: #8CACC6;
}
.legend
{
	font-size: 12px;
}
.flot-x-axis, .flot-y-axis
{
	font-size: 12px;
}
.flot-x-axis .tickLabel
{
	height: 40px;
}

/* TUTO */
#top_menu_tuto
{
	width: 1260px;
	height: 158px;
	margin: auto;
}
#main_tuto
{
	margin-top: 20px;
}
#main_tuto p
{
	font-family: Verdana,Arial,sans-serif;
	line-height: 20px;
}
.underline
{
	text-decoration: underline;
}
.cross_tuto
{
	height: 24px;
	width: 24px;
	margin-bottom: -8px;
}
.ul_dot
{
	height: 13px;
	width: 8px;
	margin-bottom: -3px;
	margin-right: 5px;
}
.decal1
{
	margin-left: 25px;
}
.bold
{
	font-weight: 700!important;
}
.orange
{
	color: darkorange;
}
.red
{
	color: darkred;
}
.lightred
{
	color: #ff0000;
}
.green
{
	color: #008000;
}
.grey
{
	color: #666699;
}
.italic
{
	font-style: italic; 
}
/* TUTO TABLE*/
.tuto_table
{
	border: black solid 2px;
	width: 600px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.tuto_table th
{
	padding: 3px;
	border: black solid 1px;
}
.tuto_table .th1
{
	width: 200px;
}
.tuto_table td
{
	text-align: center;
	padding: 3px;
	border: black solid 1px;
}
.tuto_table td.th
{
	text-align: left;
}
.h2_tuto
{
	font-size: 16px;
	line-height: 40px;
	text-decoration: underline;
}

.mini-exclude
{
	background: url('../img/mini-exclude.png') no-repeat scroll 0% 0% transparent;
	float: left;
}
.mini-include
{
	background: url('../img/mini-include.png') no-repeat scroll 0% 0% transparent;
	float: left;
}

/* New buttons */
.orange-button 
{
	line-height: 38px;
	vertical-align: middle;
	width: auto;
	cursor: pointer;
}
.orange-button span.content
{
	background-image: url('../img/orange_buttons/button_background.png');
	background-repeat: repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	font-family: "Arial","Georgia",serif;
	font-size: 12px;
	font-weight: 700;
	color: #FFF;
}
.orange-button span.right-part
{
	background-image: url('../img/orange_buttons/button_right.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 10px;
}
.orange-button span.icon-heart
{
	background-image: url('../img/orange_buttons/button_left_heart.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 25px;
}
.orange-button span.icon-arrow
{
	background-image: url('../img/orange_buttons/button_left_arrow.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 25px;
}
.orange-button span.icon-check
{
	background-image: url('../img/orange_buttons/button_left_check.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 25px;
}
.orange-button span.icon-floppy
{
	background-image: url('../img/orange_buttons/button_left_floppy.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 26px;
}
.orange-button span.icon-pen
{
	background-image: url('../img/orange_buttons/button_left_pen.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 21px;
}
.orange-button span.icon-plus
{
	background-image: url('../img/orange_buttons/button_left_plus.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 26px;
}
.orange-button span.icon-tools
{
	background-image: url('../img/orange_buttons/button_left_tools.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 30px;
}
.orange-button span.icon-cross
{
	background-image: url('../img/orange_buttons/button_left_cross.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 26px;
}

.grey-button
{
	line-height: 38px;
	vertical-align: middle;
	width: auto;
}
.grey-button span.content
{
	background-image: url('../img/grey_buttons/button_background.png');
	background-repeat: repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	font-family: "Arial","Georgia",serif;
	font-size: 12px;
	font-weight: 700;
	color: #FFF;
}
.grey-button span.right-part
{
	background-image: url('../img/grey_buttons/button_right.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 10px;
}
.grey-button span.icon-arrow
{
	background-image: url('../img/grey_buttons/button_left_arrow.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 25px;
}
.grey-button span.icon-check
{
	background-image: url('../img/grey_buttons/button_left_check.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 25px;
}
.grey-button span.icon-floppy
{
	background-image: url('../img/grey_buttons/button_left_floppy.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 26px;
}
.grey-button span.icon-pen
{
	background-image: url('../img/grey_buttons/button_left_pen.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 21px;
}
.grey-button span.icon-plus
{
	background-image: url('../img/grey_buttons/button_left_plus.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 26px;
}
.grey-button span.icon-tools
{
	background-image: url('../img/grey_buttons/button_left_tools.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 30px;
}
.grey-button span.icon-cross
{
	background-image: url('../img/grey_buttons/button_left_cross.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
	height: 38px;
	width: 26px;
}


/* NEW FORMS */
@font-face
{
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local('Abel'), local('Abel-Regular'), url(https://client.beemotechnologie.com/css/Abel.woff) format('woff');
}
.popup_form
{
	/*background: #9dcfef;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 550px;
	font: 14px "Abel", sans-serif;
}
.popup_form fieldset
{
	border: none;
}
.popup_form fieldset:last-of-type
{
	margin-bottom: 0px;
}
.popup_form legend:not(.sub_legend)
{
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	text-shadow: 0px 1px 1px #000;
	background-color: #0080c3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 430px;
	text-align: center;
}
/* Radio buttons */
.popup_form  fieldset fieldset legend
{
	color: #444;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 0;
	text-shadow: none;
}
.popup_form ol.ol_fieldset
{
	background: #e2e2e4;
	/*background: rgba(255,255,255,.3);*/
	border-color: #0080c3;
	/*border-color: rgba(255,255,255,.6);*/
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-top: 3px;
	position: relative;
}
.popup_form ol.ol_fieldset div.ol_label
{
	margin-left: -12px;
	margin-top: -10px;
}
.popup_form ol.ol_fieldset div.ol_label span
{
	background-color: #0080c3;
	display: inline-block;
	padding: 0 30px;
	-webkit-border-radius: 5px 3px 3px 3px;
	-moz-border-radius: 5px 3px 3px 3px;
	border-radius: 5px 3px 3px 3px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.popup_form ol.ol_fieldset div.ol_intro
{
	text-decoration: underline;
	margin-bottom: 5px;
}
.popup_form ol:not(.ol_fieldset) li
{
	background: #e2e2e4;
	/*background: rgba(255,255,255,.3);*/
	border-color: #0080c3;
	/*border-color: rgba(255,255,255,.6);*/
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}
.popup_form div.line_letter
{
	margin-left: 530px;
	margin-top: -27px;
	position: absolute;
	float: left;
	background-color: #0080c3;
	padding: 0px 8px;
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 5px 5px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 26px;
	white-space: nowrap;
}
.popup_form div.line_letter ~ .line_letter
{
	margin-top: -32px;
}
.popup_form ol ol li:not(.checkboxes)
{
	background: none;
	border: none;
	float: left;
	height: 15px;
}
.popup_form ol ol li.checkboxes
{
	background: none;
	border: none;
	height: 15px;
}
.popup_form label
{
	float: left;
	font-size: 14px;
	width: 200px;
}
.popup_form fieldset fieldset label
{
	background: none no-repeat left 50%;
	line-height: 20px;
	padding: 0 0 0 30px;
	width: auto;
}
.popup_form fieldset fieldset label:hover
{
  cursor: pointer;
}
.popup_form input:not([type=radio]):not([type=checkbox]), .popup_form textarea, .popup_form select, .popup_form button
{
	background: #ffffff;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	outline: none;
	padding: 5px;
	width: 300px;
	font: 14px "Abel",sans-serif;
}
/* Les selects ont besoin de 10px de plus ( ??? ) */
.popup_form select
{
	width: 310px;/*190px!important*/
}
.popup_form input:not([type=submit]):focus, .popup_form textarea:focus, .popup_form select:focus
{
	background: #eaf0f8;
}
.popup_form input[type=radio], .popup_form input[type=checkbox]
{
	float: left;
	margin-right: 5px;
}
.popup_form .width-930
{
	width: 930px!important;
}
.popup_form .width-920
{
	width: 920px!important;
}
.popup_form .width-720
{
	width: 720px!important;
}
.popup_form .width-700
{
	width: 700px!important;
}
.popup_form .width-830
{
	width: 830px!important;
}
.width-590
{
	width: 589px!important;
}
.width-600
{
	width: 599px!important;
}
.popup_form .width-620 { width: 620px!important; }
.popup_form .width-570 { width: 570px!important; }
.popup_form .width-510 { width: 510px!important; }
.popup_form .width-480 { width: 480px!important; }
.popup_form .width-320 { width: 320px!important; }
.popup_form .width-200 { width: 200px!important; }
.popup_form .width-190 { width: 190px!important; }
.popup_form .width-150 { width: 150px!important; }
.popup_form .width-145 { width: 145px!important; }
.popup_form .width-120 { width: 120px!important; }
.popup_form .width-70 { width: 70px!important; }
.popup_form .width-45 { width: 45px!important; }
.popup_form .margin-left-10 { margin-left: 10px; }
.popup_form .r-margin-3
{
	margin-right: 3px;
}
.popup_form .no-resize
{
	resize: none;
}
.popup_form .inform-left-button
{
	color: white;
	font-weight: bold!important;
	margin-top: 10px;
	margin-left: -12px;
}
.popup_form .inform-left-button:enabled
{
	background-color: #dc722d !important;
	cursor: pointer;
}
.popup_form .inform-left-button:disabled
{
	background-color: #7c7c7c!important;
	cursor: default;
}
.popup_form .inform-right-button
{
	color: #dc722d;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-top: -1px;
	height: 27px;
}
.popup_form .inform-right-button:enabled
{
	background-color: #dc722d!important;
	cursor: pointer;
}
.popup_form .inform-right-button:disabled
{
	background-color: #7c7c7c!important;
	cursor: default;
}
.popup_form .right-button
{
	color: white;
	vertical-align: middle;
	margin-left: 5px;
	height: 28px;
}
.popup_form .right-button:enabled
{
	background-color: #dc722d!important;
	cursor: pointer;
}
.popup_form .right-button:disabled
{
	background-color: #5c5c5c!important;
	cursor: default;
}
.delete-order-line .fa
{
	color: white;
}
.popup_form .inform_separator
{
	height: 1px;
	background: #0080c3;
	margin-bottom: 31px;
	margin-top: 10px;
	clear: both;
}
.popup_form .float-left
{
	float: left;
}
.popup_form .float-right
{
	float: right;
	margin-top: 2px;
}
.popup_form .bottom-sticked
{
	margin-bottom: -3px;
	margin-top: -27px;
}
.field_montants
{
	float: left;
	width: 931px;
	height: 86px;
	margin-top: 15px;
	font-weight: bold;
}
.field_montants li
{
	margin-left: 200px;
}
.field_buttons
{
	float: right;
	text-align: center;
	margin-top: 15px;
	width: 100%;
}
#expired_order
{
	background-image: url(../img/expired-stamp.png);
	background-size: calc(100% - 20px);
    background-repeat: no-repeat;
	background-position: center;
	width: 190px;
}
.popup_form .orange-button, .popup_form .grey-button
{
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	font-style: "Abel", sans-serif;
	letter-spacing: 1px;
	margin: auto;
	padding: 2px;
	text-transform: uppercase;
	width: auto;
	height: 38px;
}
.popup_form select
{
	height: 28px;
	margin-top: 2px;
	margin-bottom: 1px;
}
.popup_form input
{
	height: 18px;
	margin-top: 2px;
}
.popup_form #offre_createur
{
	position: absolute;
	right: 164px;
	bottom: calc(50% - 34px);
	background: rgba(255,255,255,.3);
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}
.cat-general-commandes
{
	width: 799px;
	float: left;
}
.cat-bdc-commandes
{
	width: 310px;
	float: left;
	margin-left: 3px;
	height: 123px;
}
input.bdc_commandes
{
	height: 27px!important;
	margin-top: 4px!important;
}
progress.bdc_commandes
{
	width: calc(100% - 50px);
}
.auto_width
{
	display: inline-block;
	width: max-content;
	min-width: 320px;
	max-width: 1200px;
}
#overlay_popup_form_new_client, #overlay_popup_form_modify_client 
{
	z-index: 8040!important;
}

#dialogResolvError
{
	font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
}

textarea.groupe_textearea
{
	resize: vertical;
	margin-top: 2px;
	min-height: 32px;
}
.popup_form .field-error
{
	background-color: #fb4040!important;
}
.popup_form[name^=form_][name$=_groupe]
{
	width: 700px;
}
.popup_form[name^=form_][name$=_groupe] li > input:not([type=radio]):not([type=checkbox]), 
.popup_form[name^=form_][name$=_groupe] li > textarea
{
	width: 460px;
}
.popup_form[name^=form_][name$=_groupe] li > select
{
	width: 470px;
}
.multi-edit-table
{
	border-collapse: collapse;
	width: 672px;
}
.multi-edit-table, .multi-edit-table th, .multi-edit-table td
{
	border: 1px solid #0080c3;
	text-align: center;
}
.multi-edit-table th
{
	color: white;
	background-color: #0080c3;
	text-shadow: 0 1px 1px #222;
	font-size: 12px;
}
.multi-edit-table td
{
	padding: 0;
	margin: 0;
	/*height: 30px;*/
}
.multi-edit-table td:last-child
{
	width: 20px;
    background-color: white;
	display: table-cell;
}
.multi-edit-table tr:not(.tr_disabled) td:last-child
{
	cursor: pointer;
}
.multi-edit-table .tr_disabled .remove-button:before
{
	content: none;
}
.multi-edit-table input[type=text], .multi-edit-table select, .multi-edit-table button
{
	border:none;
	width:100%;
	border-radius:0;
	margin:0;
}
.multi-edit-table input[type=text]
{
	height:24px;
}
.multi-edit-table select
{
	height:0px!important;
}
.multi-edit-table .select2-container
{
	height: 28px;
	text-align: left;
    margin-top: -3px;
}
@supports (-moz-osx-font-smoothing: auto) {
	.multi-edit-table .select2-container { margin-top: 1px; }
}
.multi-edit-table .select2-selection
{
	border: none!important;
	border-radius: 0px!important;
}
#select2-select_machines-results li
{
	white-space: pre-line;
}
.multi-edit-table .cell_bigcheckbox
{
	text-align: center;
    vertical-align: middle;
    width: 60px;
	padding: 0;
	background-color: white;
}
.multi-edit-table .cell_bigcheckbox div
{
	margin: 0 auto;
    padding: 0;
    zoom: 1.5;
    vertical-align: middle;
	height: 18px;
	width: 18px;
}
.multi-edit-table .cell_bigcheckbox input
{
	float: initial;
	margin: 0;
}
.multi-edit-table .tr_disabled, .multi-edit-table .tr_disabled > td
{
	background-color: #eee;
}
.multi-edit-table .tr_disabled .checkbox_disabled 
{
	display: block;
}
.multi-edit-table tr:not(.tr_disabled) .checkbox_disabled 
{
	display: none;
}
.multi-edit-table .tr_disabled input[type="checkbox"]
{
	display: none;
}
.multi-edit-table tr:not(.tr_disabled) input[type="checkbox"]
{
	display: block;
}
.popup_form .info
{
	margin-left: 10px;
    font-size: 18px;
    margin-top: 4px;
}
.popup_form .info > span
{
    font: 14px "Abel", sans-serif;
}

/* ---------------------------------------------
				Language dropdown
--------------------------------------------- */

#country-border
{
	height: 13px;
    width: 18px;
    background-color: white;
    float: right;
    margin-right: 5px;
    margin-top: 4px;
}

#country-select
{
	list-style: none;
    margin-top: 1px;
    margin-left: 1px;
}

#country-select select,
#country-select input
{
	display: inline;
	padding: 0;
	margin: 0;
}

/* JS-created definition list */
.dropdown dd
{
	position: relative;
	right: 10px;
	top: 2px;
}

.dropdown a
{
	text-decoration: none;
	outline: 0;
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	width: 16px;
	overflow: hidden;
}

.popuped-up
{
	width: 90px!important;
}

.dropdown dt a
{
	background: #0081C7;
	/*padding: 1px;
	border: 1px solid #964315;*/
	/*padding: 3px 10px 4px 10px;*/
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	color: #fff;
}

.dropdown dt a.active
{
	background: #0081C7;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px dotted #676768;
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	box-shadow: 0 3px 7px rgba(0,0,0,.5);
	color: #fff;
}

.dropdown dd ul
{
	background: #40A0D5;
	border: 1px solid #676768;
	color: #C5C0B0;
	display: none;
	position: absolute;
	z-index: 999;
	top: 0;
	left: -70px;
	padding: 4px 0 0 0;
	list-style: none;
	border-top: none;
	margin: 0;
	/*-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;*/
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	box-shadow: 0 3px 7px rgba(0,0,0,.5);
	width: 100px;
}

.dropdown dd ul li a
{
	padding: 2px 5px;
}

.dropdown dd ul li a span,
.dropdown dt a span
{
	float: right;
	width: 16px;
	height: 11px;
	background-image: url(../img/Flags.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

.FR a span { background-position: -230px -176px; }
.IT a span { background-position: -286px -232px; }
.EN a span { background-position: -62px -36px; }
.DE a span { background-position: -286px -120px; }

.dropdown dd ul li a em,
.dropdown dt a em
{
	font-style: normal;
	float: left;
	width: 70px;
	cursor: pointer;
}

.dropdown dd ul li a em
{
	color: #fff;
}

.dropdown dd ul li a:hover { background-color: rgba(255,255,255,.1); }
.dropdown dd ul li a:hover em { color: #fff; }

@font-face
{
  font-family: 'password';
  font-style: normal;
  font-weight: 400;
  src: url(password.ttf);
}

span.tabulation
{
	margin-left: 20px;
}

div#debug {
	width: 200px;
    position: absolute;
	left: 50px;
	font-family: Arial,Georgia,Serif;
	font-size: 14px;
}
div#debug.requete {
    top: 250px;
}
div#debug.page {
    top: 300px;
}