/**
violet : #5A1595

orange : #FF6200;
orange clair : #FF9554;
orange très clair : #FFC6A5;
*/

@media print {
    .content { 
		overflow : visible !important;
	}
	.content div { 
		overflow : visible !important;
	}
	
	div.header {
		background : none !important;
	}
	
	.hideOnPrint
	, div.header-info
	, div.menu
	, div.menu-right
	, div.footer
	, div.success-message
	, .btn-bar
	, .ui-tooltip
	, .btn-table
	, div.lcd-footer-left
	, .dataTables_paginate
	, .header-level
	{
		display : none !important;
	}
	
	div.file-ariane { 
		position : relative !important; 
		color : black !important;
		top : 20px !important;
		left: 10px !important;
	}
	
	div.logo-sirius {
		float : left !important;
		width : auto !important;
		height : 45px !important;
		padding: 8px !important;
	}
	div.logo-sirius img {
		margin : 0 !important;
	}
	
	div.logo-jri img 
	{
		border: 0 !important;
	}
	
	div.lcd 
	{
	    border:1px solid silver !important;
	}
	
	#div-left {
	    float : none !important;
	    height : auto !important;
	}
	
	#div-left-activityJournal 
	{
	    float : none !important;
	    height : auto !important;
	}
	
	
	#div-left-measures
	{
	    width:auto !important;
	    height: auto !important;
	}
	#div-right-measures
	{
	    width:auto !important;
	    height: auto !important;
	    float:right !important;
	}
	
	.map-box {
	    border : 2px solid silver !important;
	}
	.map-pdm {
	    border-color: #03AA35 !important;
	    border-width:2px !important;
	}
	.map-pdm.no-alarm {
	    border-color: #0000FF !important;
	    border-width: 2px !important;
	}
	.map-pdm.alarm {
	    border-color: #FF0000 !important;
	    border-width:2px !important;
	}
	
	/* checkbox*/
	
	
	.ui-state-default.ui-state-active 
	{
	    width:1px !important;
	    height:1px !important; 
	    border:5px solid green !important;
	}
	.ui-state-default 
	{
	    width:6px !important;
	    height:6px !important;
	}
	
	.ui-state-default span.ui-button-text 
	{
	    display : none !important;
	}
		
 }
    
html {
    overflow:hidden; /*pour enlever scroll IE7*/
}

body {
	margin:0;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
form 
{
    padding: 0;
    margin:  0;
}

iframe 
{
	padding: 0;
    margin:  0;
    border: 0;
    width:100%;
    height:100%;
}

img {
	border : 0;
	/*vertical-align : middle;*/
}

a 
{
    color : #5A1595;
    text-decoration : none;
    cursor : pointer;
}

a:hover 
{
    text-decoration : underline;
}

#divWaitingContainer 
{
	position:absolute;
	width: 100%;
	height: 100%;
	top :0px;
	left : 0px;
	background-color : #CCCCCC;
	opacity : 0.7;
	filter : alpha(opacity=70);
	z-index : 105;
}

#divWaiting
{
	position:absolute;
	left:45%;
	top:45%;
	padding : 10px;
	background-color : #FFFFFF;
	border:1px solid #5A1595;
	z-index : 106;
}

#divSessionLost 
{
	position:absolute;
	left:45%;
	top:45%;
	padding : 10px;
	color: #3a87ad;
	background-color: #d9edf7;
	border: 2px solid #3a87ad;
	width:300px;
	height:40px;
	font-weight:bold;
	font-size:14px;
     text-align : center;
	z-index : 106;
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius : 4px;
}

div.header {
	background-image : url("../images/background-header-repeat.png");
	background-repeat : repeat-x;
	width : 100%;
	height : 98px;
} 

div.header div.logo-sirius {
	background-image : url("../images/background-header.png");
	background-repeat : no-repeat;
	width : 350px;
	height : 98px;
}

div.header div.header-info {
    height: 39px;
    left: 225px;
    position: absolute;
    top: 0;
	font-size:0;
}

div.header div.header-info img {
    cursor : pointer;
}
    
div.header div.logo-sirius img {
	margin-top: 15px;
	margin-left:20px;
}

div.header div.logo-jri {
	position : absolute;
	right : 0px;
	top : 0px;
}

div.logo-jri img {
	border: 4px solid #5a1595;
	margin: 0;
    width: 40px;
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
    border-radius: 4px;
}

div.header .header-imgLevel
{
	position : absolute;
	left : 15px;
	top : 58px;
	color: white;
    font-size: 14px;
}

div.header div.file-ariane {
	position : absolute;
	left : 500px;
	top : 15px;
	height : 35px;
	margin-right: 50px;
	color: white;
    font-size: 14px;
    font-weight: bold;
}

div.header div.file-ariane-noNotifications {
	position : absolute;
	left : 300px;
	top : 15px;
	height : 35px;
	margin-right: 50px;
	color: white;
    font-size: 14px;
    font-weight: bold;
}

div.file-ariane a,  div.file-ariane-noNotifications a
{
	color : White;
}



div.header div.success-message {
	position : absolute;
	right : 50px;
	top: 10px;
	text-align: center;
	width:auto;
	padding : 5px 20px;
	z-index:110; /* pour être au dessus des fenêtres modales*/
}

div.header div.menu {
	position : absolute;
	left : 330px;
	top : 55px;
	padding-right:100px;
}
div.header div.menu-right {
	position : absolute;
	right : 10px;
	top : 55px;
}

div.footer, div.dialog-footer {
	/*width : 100%;*/
	height : 58px;
	overflow : hidden;
	background-image : url("../images/background-footer-repeat.png");
	background-repeat : repeat-x;
	text-align : left;
}

div.dialog-footerSubMenu {
    border:1px solid silver;
    background-color:white;
    display: none;
    position: absolute;
    bottom: 58px; /* = height du div.dialog-footer */
    padding : 5px;
}
div.dialog-footerSubMenu div.subMenuBtn {
    margin : 5px;
}

div.footer div.footer-menu {
	background-image : url("../images/background-footer.png");
	background-position: -90px 0;
	background-repeat : no-repeat;
	height : 55px;
	/*padding-left : 250px;*/
	padding-top:3px;
}

div.footer-menu-left 
{
    float:left; 
    width:230px;
    height:49px; 
    margin-top:9px;
    padding-left:20px;
}

div.footer-menu-left a
{
	font-size: 40px;
}



div.dialog-footer div.dialog-footer-menu{
    /*background-image: url("../images/background-footer.png");
    background-position: -210px 0;
    background-repeat: no-repeat;*/
    height: 53px;
    padding-left: 10px;
    text-align : left;
    /*line-height:43px;*/
    padding-top: 3px;
}

#footer-menu-title 
{
    font-size:14px;
    font-weight: bold;
    float:left;
    line-height:40px;
}

.imgbtn-footer 
{
	display : inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 5px;
	margin: 0 5px;
	font-size: 14px;
	line-height: 43px;
	height:43px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	font-family: arial !important;
	font-size: 14px !important;
	font-style: normal;
	font-weight: bold;
	cursor : pointer;
	color: black;
	text-decoration : none;
	opacity: 0.7;
	filter : alpha(opacity=70);
	background-image : url("../images/background-btn.png");
	*zoom: 1;
}

.imgbtn-footer-orange 
{
    background: none repeat scroll 0 0 #FF6200 !important;
    color : #000 !important;
    opacity: 1;
	filter : alpha(opacity=100);
}
.imgbtn-footer-orange:hover
{
    color : #fff !important;
}
.imgbtn-footer img {
    vertical-align : middle;
}

a.btn-footer 
{
	display : inline-block;
	*display: inline;
	*zoom: 1;
	padding: 14px 5px 14px 5px;
	*padding: 14px 5px 12px 5px;
	margin: 0 5px;
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	font-family: arial !important;
	font-size: 14px !important;
	font-style: normal;
	font-weight: bold;
	cursor : pointer;
	color: black;
	text-decoration : none;
	opacity: 0.7;
	filter : alpha(opacity=70);
	background-image : url("../images/background-btn.png");
}

.btn-footer:hover, .imgbtn-footer:hover, .btn-footer.selected:hover {
	background-image : url("../images/background-btn-hover.png");
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
	padding-left:4px;
	padding-right:4px;
	text-decoration : none;
	color : #5A1595;
	opacity: 1;
	filter : alpha(opacity=100);
}
.btn-footer.selected {
	background-image : url("../images/background-btn-violet.png");
	color : #fff;
	opacity: 1;
	filter : alpha(opacity=100);
}

.imgbtn-footer-left {
    cursor:pointer;
    background-image : url("../images/btn-left-empty.png");
    width:36px;
    height:36px;
}
.imgbtn-footer-left:hover {
    background-image : url("../images/btn-left-empty-hover.png");
    width:36px;
    height:36px;
}


div.content {
	width:100%;
	height:400px; /* the height is updated by jquery after loading or after ajax call */
	overflow:auto;
}

.btn-menu 
{
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 5px;
	padding: 0 5px;
    height : 40px;
	display : inline-block;
	/*background-image : url("../images/background-btn.png");*/
}

.btn-menu img {
	width:25px;
	height:25px;
	margin-top: 8px;
	opacity : .7;
	filter : alpha(opacity=70);
}


.btn-menu:hover, .btn-menu.active {
	/*background-position : 0 -36px;*/
	background-image : url("../images/background-btn-hover.png");
}

.btn-menu:hover 
{
    padding : 0 4px;
    border-left: 1px solid #696969;
	border-right: 1px solid #696969;
}

.btn-menu:hover img, .btn-menu.active img {
	opacity : inherit;
	filter : inherit;
}

ul.sub-menu {
    background-color:  #EAEDF1; 
	border: 1px solid #5A1595;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
	top : 40px;
	display:none;
	min-width:130px;
	z-index:100;
}

ul.sub-menu li {
   padding : 5px 15px;
}

ul.sub-menu li a {
   font-weight : bold;
}

.btn-menu-info {
    background-color: #C0C0C0;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #888888;
    display: inline-block;
    height: 22px;
    margin: 0;
    padding: 4px;
    text-align: center;
    width: 22px;
}

.btn-menu-info img {
    height: 22px;
    opacity: 0.8;
	filter : alpha(opacity=80);
    padding: 0;
    width: 22px;
}


.btn-menu-info:hover {
		background-color : #EEEEEE;
}

#div-right-lcd {
 height: 100%; 
 padding-left: 10px;
 overflow: auto;
 display: block;
}
#div-right-plan 
{
	position: relative; 
	height: 100%; 
	padding-left: 10px;
	overflow: auto; 
	display: none;
}
#div-right-energy 
{
	display: none;
}
#headerEnergy 
{
	width: 100%; height: 80px; overflow: hidden;
}
#headerEnergy-logo 
{
	float: left; /*width: 100px;*/ height: 80px; text-align: center; padding-left : 10px;
}
#headerEnergy-meteo 
{
	float: left; width: 220px; height: 80px;text-align: center;visibility:hidden;
}
#headerEnergy-meteo-img
{
	float: left; margin-top: 15px; width: 50px; height: 50px;
}
#headerEnergy-meteo-val  
{
	float: left; 
	margin-top: 30px; 
	margin-right: 2px; 
	width: 48px; 
	height: 35px;
	text-align: right;
}
#headerEnergy-meteo-valImg 
{ 
	float: left; 
	margin-top: 20px; 
	width: 15px; 
	height: 45px;
}
#headerEnergy-meteo-wind 
{ 
	float: left; 
	margin-top: 23px; 
	margin-right: 3px; 
	width: 67px; 
	height: 42px;
	text-align: right
}
#headerEnergy-meteo-windImg  
{
	float: left; 
	margin-top: 20px; 
	width: 30px; 
	height: 45px;
}
#headerEnergy-picto
{
	float: left;
	width: 200px;
	height: 76px;
	padding-top:4px;
	text-align: center;
}

.btn-menu-info:hover img {
	opacity : 1;
	filter : alpha(opacity=100);
}

table.tableWith2Col50 {
    width:100%;
}

table.tableWith2Col50 tr td,
table.tableWith2Col50 tr th {
    width:50%;
    text-align:center;
}
table.tableWith2Col50 tr th {
    font-weight:bold;
}

/* ==============================================*/
/* ============= DATA TABLE =====================*/
/* ==============================================*/
.dataTables_wrapper
{
    margin: 10px 10px 0;
}
.dataTable
{
    width: 100%;
    border-collapse: collapse;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    font-size:12px;
}
.dataTables_filter
{
    color: #000000;
    padding: 3px 3px 3px 50px;
    border: 1px solid #AAAAAA;
    border-bottom:0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.dataTables_info
{
    border-top: 0px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
}
.dataTables_paginate
{
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    padding: 3px;
    text-align: center;
}
.paginate_button, .paginate_active
{
    border: 1px solid #AAAAAA;
    border-left: 0;
    color: #000000;
    text-decoration: none !important;
    line-height: 20px;
    padding: 3px 5px;
    cursor: pointer;
}
.paginate_active
{
    background-color: #E5CFF9;
}
.first.paginate_button
{
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #AAAAAA;
}
.last.paginate_button
{
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.paginate_button_disabled
{
    background-color: #DDDDDD;
    color: #555555;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.dataTable thead tr, .dataTable tr.head
{
    height: 35px;
}
.dataTable thead th, .dataTable tr.head th
{
    border: 1px solid #AAAAAA;
    color: #5A1595;
    cursor: pointer;
    font-weight: bold;
    background-color: #E5CFF9;
    background-image: none;
}

.dataTable tbody td
{
    border: 1px solid #AAAAAA;
    padding: 1px 3px;
}

.dataTable img
{
    width:20px;
}

.dataTable thead th.sorting
{
    padding: 0 14px;
    background-image: url("../images/icon/sort_both.png" );
    background-repeat: no-repeat;
    background-position: right center;
}
.dataTable thead th.sorting_asc
{
    padding: 0 14px;
    background-image: url("../images/icon/sort_asc.png" );
    background-repeat: no-repeat;
    background-position: right center;
}
.dataTable thead th.sorting_desc
{
    padding: 0 14px;
    background-image: url("../images/icon/sort_desc.png" );
    background-repeat: no-repeat;
    background-position: right center;
}
.dataTable tbody tr:hover
{
    background-color: #E5CFF9;
}
.dataTables_info
{
    color: #000000;
    text-align: center;
}

td.tdLink {
    cursor : pointer;
    font-weight : bold;
}

div.fg-toolbar.ui-widget-header
{
    background: none;
}

.even {
	background-color : #FFFFFF;
}

.odd {
	background-color : #EEEEEE;
}

.measureTable 
{
    border-collapse: collapse;
    font-size:12px;
}

.measureTable tr.head
{
    height: 35px;
}
.measureTable tr.head td
{
    border: 1px solid #AAAAAA;
    color: #5A1595;
    cursor: pointer;
    font-weight: bold;
    background-color: #E5CFF9;
    background-image: none;
}

.measureTable tr.pager 
{
	text-align:center;
	border:0;
}
.measureTable tr.pager td 
{
	padding: 3px;
}
.measureTable tr.pager td span
,.measureTable tr.pager td a
{
	border: 1px solid #AAAAAA;
    color: #000000;
    text-decoration: none !important;
    line-height: 20px;
    padding: 1px 4px;
    cursor: pointer;
}

.measureTable tr.pager td a
{
    background-color: #E5CFF9;
}

.measureTable tbody td
{
    border: 1px solid #AAAAAA;
    padding: 1px 3px;
}

.invertedArrayItem 
{
	background-color : #FF9554;
}



.simpleDataTable 
{
    border-collapse: collapse;
    font-size:12px;
    width:99%;
    margin: 1px;
}

.simpleDataTable thead tr
{
    height: 35px;
}
.simpleDataTable thead tr th
{
    border: 1px solid #AAAAAA;
    padding: 1px 3px;
    color: #5A1595;
    font-weight: bold;
    background-color: #E5CFF9;
    background-image: none;
}

.simpleDataTable tbody tr.detail td
{
	border-bottom: 1px solid #AAAAAA;
}

.simpleDataTable tbody tr td
{
    padding: 2px 2px;
    vertical-align:top;
}

.detailTable 
{
    border-collapse: collapse;
    font-size:12px;
    width:auto;
    margin-left: 30px;
    clear:both;
}
.detailTable thead tr 
{
	height : auto;
}

.detailTable tbody tr:hover
{
    background-color: inherit !important;
}

.detailTable thead tr th
{
    border: 1px solid #AAAAAA;
    color: #5A1595;
    cursor: pointer;
    font-weight: bold;
    background-color: #E5CFF9;
    background-image: none;
}


.detailTable tbody tr td
{
	border: 1px solid #AAAAAA;
    padding: 1px 3px;
    vertical-align:top;
}

.noHover:hover
{
    background-color: inherit !important;
}


.btn-table 
{
	/*
	display: block;
	float:left;
*/
    line-height:22px;
	overflow: visible;
	border: 0;
	border-style : none;
	margin: 0 1px;
	padding: 0 5px;
	font-family: arial !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: bold;
	cursor : pointer;
	color: black;
	text-decoration : none;
	white-space : nowrap;
}
/* ============= /DATA TABLE ====================*/

.sirius-checkbox-checked
{
    background-image: url("../images/glyphicons-halflings.png");
    background-position: -286px 2px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    padding : 2px;
    display:inline-block;
    border: 1px solid #D3D3D3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius : 4px;
    background-color : #FFFFFF;
    vertical-align: text-top;
    cursor : pointer;
}
.sirius-checkbox-unchecked
{
    display:inline-block;
    height: 14px;
    width: 14px;
    padding : 2px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius : 4px;
    background-color : #FFFFFF;
     vertical-align: text-top;
     cursor : pointer;
}
.sirius-checkbox-disabled
{
    background-color : #eeeeee !important;
    cursor : not-allowed;
}

.ModifiedConfigurationField 
{
	font-weight:bold !important;
	/*background-color: #FFC6A5 !important;*/
	color: #FF6200 !important;
	padding-right:15px !important;
	background-image: url('../images/ModifiedConfigurationField.png') !important;
	background-repeat : no-repeat !important;
	background-position : right !important;
}

.legend
{
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    font-weight: bold;
    padding-left: 30px;
    margin: 10px;
    width: 350px;
}
/*incident stats :*/
div.item-chart 
{
    float:left;
    overflow : hidden;
    text-align: center;
    height:30px;
    outline : 1px solid silver;
} 


img.map 
{
	float:left;	
	opacity:0.7;
	filter:alpha(opacity=70);
}


.map-notpositioned 
{
	cursor : pointer;	
	width:28px;
	height:40px;
}

.map-positioned 
{
	position:absolute;
	top : 0px;
	left:0px;
	cursor : pointer;
	width:28px;
	height:40px;
	z-index:40;
}

.map-text {
    height: 14px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 120px;
    z-index: 30;
    cursor: pointer;
}


.map-box 
{
	background-image : url("../images/icon/map-box.png");
}
.map-pdm 
{
	background-image : url("../images/ecran-lcd-green.png");
	width:70px;
	height:20px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	line-height:20px;
	background-position: -10px 64px;
    border: 1px solid #000000;
    -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
    border-radius : 6px;
}
.map-pdm.choose-position 
{
	background-image : url("../images/ecran-lcd.png");
}
.map-pdm.no-alarm
{
	background-image : url("../images/ecran-lcd-blue.png");
}
.map-pdm.alarm 
{
	background-image : url("../images/ecran-lcd-red.png");
}
.map-pdm.alarm-communication
{
	background-image : url("../images/ecran-lcd-red.png") !important;
}

.map-relay 
{
	background-image : url("../images/icon/map-relay.png");
}


img.ui-datepicker-trigger 
{
	cursor:pointer;
	height:20px;
	vertical-align:middle;
	opacity : 0.7;
    filter : alpha(opacity=70);
}
img.ui-datepicker-trigger:hover 
{
	opacity : 1;
    filter : alpha(opacity=100);
}



/* ==================DIALOG================  */
.dialog-content 
{
    overflow: auto;
    padding: 5px;
    position : relative;
}

/* =============== SWITCH ================= */
.switch-left, .switch-right, .switch-center
{
    cursor : pointer;
    opacity : 0.5;
    filter : alpha(opacity=50);
    background-image: url("../images/switch-background.png");
    width:36px;
    height:36px;
}
.switch-center {
    background-position: -36px 0;
}
.switch-right {
    background-position: -72px 0;
}

.switch-left.active, .switch-right.active, .switch-center.active
{
   opacity : 1;
   filter : alpha(opacity=100);
}

.switch-left:hover, .switch-right:hover, .switch-center:hover {
    background-image: url("../images/switch-background-hover.png");
    width:36px;
    height:36px;
    opacity : 0.7;
    filter : alpha(opacity=70);
}
.switch-left.active:hover, .switch-right.active:hover, .switch-center.active:hover {
    opacity : 1 !important;
    filter : alpha(opacity=100) !important;
}



/* ----------------- LCD -------------*/
div.lcd {
	float: left;
	width: 190px; 
	height: 132px; 
	margin : 4px;
	background-image: url('../images/ecran-lcd-green.png'); 
}

div.lcd-header {
	width: 100%;
	height: 38px;
	/*background-image: url("../images/ecran-lcd.png"); */
}

div.lcd-header-title {
	float: left;
    font-weight: bold;
    padding-left: 3px;
    padding-top: 20px;
    text-align: center;
    width: 149px;
    height : 20px;
    overflow : hidden;
    white-space: nowrap;
}

div.lcd-header-link {
	float: right; 
	top: 0px; 
	right: 0px; 
	width: 38px; 
	height: 38px; 
	background-image: url('../images/ecran-lcd-green.png'); 
	background-position : 38px 0px; 
	cursor : pointer;
}
div.lcd-header-link:hover {
	background-image: url('../images/ecran-lcd-on.png'); 
}

div.lcd-content {
	text-align: center; 
	/*background-image: url("../images/ecran-lcd.png"); 
	background-position: 0px 94px; */
	width: 100%; 
	color: #333333; 
	font-weight: bold; 
	font-size: 34px; 
	line-height:47px; 
	height: 47px;
	padding-top : 2px;
	vertical-align:middle;
	cursor : pointer;
}

div.lcd-date {
	text-align: center;
	/*background-image: url("../images/ecran-lcd.png"); 
	background-position: 0px 45px; */
	width: 100%; 
	font-weight: bold; 
	font-size: 11px; 
	height: 13px;
}

div.lcd.alarm div.lcd-content,
div.lcd.alarm-communication div.lcd-content {
	color: #333333;
}

div.lcd.alarm,
div.lcd.alarm-communication {
	background-image: url("../images/ecran-lcd-red.png") !important;
}

div.lcd.no-alarm {
	background-image: url("../images/ecran-lcd-blue.png");
}

/* pour les status temp, on écrit en orange*/
div.lcd.status_temp div.lcd-header div.lcd-header-title
{
    color : #FF6200 !important;
}

/* pour les status supprimés, on écrit le titre en rouge et rayé */
div.lcd.status_9 div.lcd-header div.lcd-header-title
{
    color : #f00 !important;
    text-decoration: line-through !important;
}

/* pour les status inactif : */
div.lcd.status_2 div.lcd-header div.lcd-header-title
{
    font-style : italic !important;
    color : #179393;
}

/* on met de la transparence pour les status Créé ou inactif ou supprimé*/
div.lcd.status_-1
,div.lcd.status_-2
, div.lcd.status_2
, div.lcd.status_9
{
    opacity : 0.7;
    filter : alpha(opacity=70);   
}

div.lcd-footer {
	text-align: left; 
	font-weight: normal; 
	font-size: 11px; 
	height: 32px;
}

div.lcd-footer-left {
	float:left; 
	margin-left:8px;
	margin-top:3px;
}

div.lcd-footer-left img {
	border:0; width: 22px;
}

div.lcd-footer-right img {
	border:0; 
	width: 22px;
}

div.lcd-footer-minmax {
	text-align:center;
	line-height: 30px;
	padding-right:6px;
}

.installNotFinished {
	background-color: #FFC6A5;
	border: 1px solid #FF6200; 
	color: #FF6200;
	background-color: #FF6200;
	color: #000;
	
	font-weight: bold; 
	font-size: 12px; 
	text-align: center; 
	vertical-align: middle;
	margin-left: 3px; 
	margin-bottom: 0px;
	padding: 3px 6px;
}

/* ********************* TREE ******************************/
.tree {
	font-size: 12px;
}

div.tree 
{
    margin:0;
    /*margin-top: 10px;*/
    line-height: 30px;
}

a.tree-link-data {
	line-height:30px;
}

div.tree.active {
	background-color: #EAEDF1;
	font-weight: bold;
	background-image :  url("../images/right-violet.png");
	background-position : right center;
	background-repeat:no-repeat;
	margin-right:-10px;
	padding-right:20px;
}

img.moins {
	background-image: url("../images/moins.png");
	background-repeat : no-repeat;
	display : inline-block;
	width:11px;
	height:11px;
	cursor : pointer;
    margin-right: 6px;
}
img.plus {
	background-image: url("../images/plus.png");
	background-repeat : no-repeat;
	display : inline-block;
	width:11px;
	height:11px;
	cursor : pointer;
    margin-right: 6px;
}
img.empty {
	display : inline-block;
	width:12px;
	height:12px;
	cursor : pointer;
	background-color : #FFFFFF;
    border: 1px solid silver;
    margin-right: 6px;
}

ul.tree {
	list-style: none outside none;
    margin: 0;
    padding: 0 0 0 4px;	
	line-height: 18px;
}

ul.tree li {
	border-left:1px dotted #5A1595; 
	padding-left:15px;
}

div.client {
    float: left;
    height: 80px;
    width: 150px;
    margin: 10px;
    text-align : center;
    cursor : pointer;
    padding : 5px;
    background-color : #fff;
    border-radius : 8px;
    font-size:14px;
    font-weight : bold;
    color:#5A1595;
    position: relative;
}
div.client.alarm {
    color: #E30613; 
}

div.client:hover {
    background-color : #e2e9eb;
}

div.client div.nbAlarm {
    background-color: white;
    border: 1px solid #E30613;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    line-height:20px;
    position: absolute;
    left: 100px;
    top: -8px;
    *top: 0px;
}

div.client img {
    height:55px;
}

div.client span {
    display : block;
}


.tooltip-class {
	width:200px;
	border:1px solid red;
}

/** alert */
.alert
{
    padding: 4px 10px;
    margin:1px;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius : 3px;
     border-width : 1px;
     border-style : solid;
     border-color: #CCCCCC;
     color:#000000;
     font-weight : bold;
     display : inline-block;
     *display:inline;
     *zoom:1;
     line-height:14px;
}
.alert-small 
{
	padding: 2px 6px;
    margin:0px;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius : 3px;
     border-width : 1px;
     border-style : solid;
     border-color: #CCCCCC;
     color:#000000;
     font-weight : normal;
     display : inline-block;
     *display:inline;
     *zoom:1;
     line-height:12px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
   border-color: #468847;
}

.alert-error {
  color: #b94a48 !important; /* important car anthem rajoute color:red  */
  background-color: #f2dede !important;
   border-color: #b94a48 !important;
}

.alert-info {
    color: #3a87ad !important;
    background-color: #d9edf7 !important;
    border-color: #3a87ad !important;
}
.alert-warning 
{
	color: #c09853 !important;
    background-color: #fcf8e3 !important;
    border-color: #c09853 !important;
}

.alert-success {
    background-color: #dff0d8 !important;
    border-color: #468847 !important;
    color: #468847 !important;
}

/**========== Formulaire***********/
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.input-text, .input-text-40, .input-text-80,.input-date, .input-text-100, .dataTables_filter input
{
    border:1px solid #CCCCCC;
    background-color: white;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
    color : #000000;
    font-weight : bold;
    padding : 4px 4px;
	font-size : 11px;
	font-family : Verdana;
}

.input-text {
	width:180px;
}
.input-text-40
{
   width:40px; 
}
.input-text-80, .input-date
{
   width:80px; 
}
.input-text-100
{
   width:100px; 
}

.textarea
{
    border:1px solid #CCCCCC;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
    color : #000000;
    font-weight : bold;
    padding : 4px 4px;
	font-size : 11px;
	font-family : Verdana;
	width:95%
	/*height:50px;*/
}

.width80p {
    width:80%;
}

.select, .select-40 , .select-80, .select-auto
{
    border:1px solid #CCCCCC;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
    color : #000000;
    font-weight : bold;
    padding : 3px;
	font-size : 11px;
	font-family : Verdana;
	width:190px;
}
.select-auto
{
   width:auto; 
}
.select-40
{
   width:50px; 
}
.select-80
{
   width:90px; 
}

.submit
{
	border:1px solid #CCCCCC;
    padding : 4px 4px;
	font-size : 11px;
	font-family : Verdana;
    width:190px;
	cursor : pointer;
	 -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
    font-weight : bold;     
    background-color: #FFFFFF;
    color : #000000;
    
}
.submit:hover, .submit:active
{
    border-color: #5A1595;
}

.input-text:focus,
.input-text-40:focus,
.input-text-80:focus,
.input-text-100:focus,
.select:focus,
.select-40:focus,
.select-80:focus,
.select-auto:focus,
.textarea:focus
{
    border-color: #5A1595;
}


.btn 
{
    border:1px solid #CCCCCC;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
    color : #000000;
    background-color : #FFFFFF;
    overflow: visible;
	padding : 4px 8px;
	font-weight : bold;
	font-size : 11px;
	font-family : Verdana;
	cursor: pointer;
	
}

.btn:hover, .btn:focus
{
  color : #5A1595;
  border-color : #5A1595;
}

.btn-bar 
{
	display :block;
	float:left;
	clear:both;
	padding:4px;
	margin:2px;
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    border:1px solid #CCCCCC;       
}

.btn-bar .btn
{
	border: 0;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
    color : #000000;
    overflow: visible;
	padding : 4px 8px;
	cursor: pointer;
	margin:0px 3px;
	opacity: 0.7;
	filter : alpha(opacity=70);
	vertical-align : top;
	
}

.btn-bar .btn:hover
{
	 background-color : #C2C2C2;
	 opacity: 1;
	filter : alpha(opacity=100);
}

.form-inline
{
    display:inline;
}

.form-inline .form-input
{
    display:inline;
    font-weight: normal;
    margin : 0;
}
.form-inline .form-label
{
    display:inline;
    font-weight: normal;
    margin : 0;
    float : none;
}

.form-line, .form-line-bold, .form-line-small, .form-line-medium, .form-line-xsmall, .form-line-xxsmall, .form-line-large, .form-line-xlarge, .form-line-xxlarge
{
    margin: 8px 0;
    clear : both;
    line-height : 25px;
}

.form-line-condensed 
{
	margin: 1px 0 !important;
	line-height : 16px !important;
}

.form-line-bold 
{
    font-weight:bold;   
}

.form-label 
{
    float:left;
    width:390px;
    font-weight:normal;
    text-align: right;
}

.form-comment 
{
    float:left;
    width:390px;
    font-weight:normal;
    text-align: justify;
    font-style:italic;
    font-size:9px;
}

.form-line-xxlarge .form-label
{
	width: 590px;	
}

.form-line-xlarge .form-label
{
	width: 490px;	
}

.form-line-large .form-label
{
	width: 390px;	
}

.form-line-medium .form-label
{
	width: 340px;	
}

.form-line-small .form-label
{
	width: 290px;	
}

.form-line-xsmall .form-label
{
	width: 190px;	
}
.form-line-xxsmall .form-label
{
	width: 90px;	
}

.form-title 
{
    float:left;
    width:390px;
    font-weight:bold;
    font-size:13px;
    text-align: left;
    margin : 5px 0;
    border-bottom : 1px solid #CCCCCC;
}

.form-input
{
    margin-left : 410px;
    margin-right : 10px;
    font-weight : bold;
    position : relative;
}

.form-line-medium .form-input
{
	margin-left: 360px;	
}

.form-line-small .form-input
{
	margin-left: 310px;	
}
.form-line-xsmall .form-input
{
	margin-left: 210px;	
}
.form-line-xxsmall .form-input
{
	margin-left: 110px;	
}


.form-label-textarea 
{
    font-weight:normal;
    text-align: left;
}
.form-input-textarea 
{
    text-align:center;
}

/** PLANNING */
table.planning-mini
{
    border-collapse: collapse;
    width: auto;
}

table.planning-mini td
{
    width: 7px;
    height: 5px;
    border: 1px dotted silver;
    text-align: center;
    background-color: #DDDDDD;
    padding: 0;
    margin: 0;
}

table.planning-medium
{
    border-collapse: collapse;
    width: auto;
}

table.planning-medium td.title
{
    line-height: 12px;
    font-size:11px;
    background-color : #FFF;
    border:0;
    font-weight:normal;
    text-align : center;
}

table.planning-medium td
{
    width: 12px;
    height: 12px;
    border: 1px dotted silver;
    text-align: center;
    background-color: #DDDDDD;
    padding: 0;
    margin: 0;
}


table.planning
{
    border-collapse: collapse;
    width: auto;
    line-height : normal;
    font-family: Arial,Tahoma, Sans Serif;
}

table.planning tr.emptyForIE7 td {
    width: 10px;
    height: 1px;
    border: 0;
    padding: 0;
    background-color: Transparent;
}

table.planning thead th
{
    width: 20px;
    height: 20px;
    border: 0px;
    text-align: center;
    padding: 0;
    margin: 0;
}
table.planning tbody th
{
    width: auto;
    height: 20px;
    border-bottom: 1px dotted silver;
    text-align: right;
    padding: 0;
    margin: 0;
}
table.planning tbody td
{
    width: 18px;
    height: 18px;
    border: 1px dotted silver;
    text-align: center;
    background-color: #DDDDDD;
    padding: 0;
    margin: 0;
}
table.planning td.fillerL
{
    width: 10px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px dotted silver;
    background-color: Transparent;
}
table.planning td.filler
{
    width: 10px;
    border: 0;
    background-color: Transparent;
}
table.planning td.auto
{
    width: auto;
    background-color: Transparent;
    border: 0;
}
table.planning td.planningUnselecting
{
    background-color: #FFB8A2 !important;
}
table.planning td.planningSelecting
{
    background-color: #C7FF8E !important;
}

table.planning td.planningOK
, table.planning-mini td.planningOK
, table.planning-medium td.planningOK
{
    background-color: Green;
    color : white
}

table.planning td.planningKO
, table.planning-mini td.planningKO
, table.planning-medium td.planningKO
{
    background-color: Red;
    color : white
}

table.planning td.planningOK1
{
    background-color: #e5cff9;
    color : white;
	border-top:1px solid #5a1595;
	border-bottom:1px solid #5a1595;
}
table.planning td.planningOK2
{
    background-color: #DBB7FF;
    color : white;
	border-top:1px solid #5a1595;
	border-bottom:1px solid #5a1595;
}

table.planning td.start {
	border-left:1px solid #5a1595;
}
table.planning td.end {
	border-right:1px solid #5a1595;
}
table.planning tbody td input {
    background-color: transparent;
    border: 0 none;
    text-align: center;
    width: 100%;
    margin:0;
    padding:0;
}
table.planning tbody td input.no-alarm {
	background-color: #76D1D1;
}

table.planning tr.empty td
{
	border:0;
	background:none;
	height:5px;
}

.MouseOverEffectDiv 
{
	position:absolute;
	z-index : 20;
	background-color : #FFFFFF;	
	padding: 3px;
	border: 1px solid #AAAAAA;
}

span.checkbox label
{
	background:	#FFFFFF !important;
}
span.checkbox label.ui-state-disabled 
{
	opacity:1 !important;
	filter : alpha(opacity=100) !important;
	background-color : #DDDDDD !important;
}

span.checkbox label span
{
	padding: 2px !important;
}

.ui-state-active span {
	background-position: -284px 2px !important
}

span.checkbox label span,
.icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  margin-right:3px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 20px 14px;
  background-repeat: no-repeat;
}

.icon-journal {
  display :block;
  float:left;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  margin-right:3px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-journal.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/active states of certain elements */

.icon-white {
  background-image: url("../images/glyphicons-halflings-white.png");
}

.icon-measure {
  background-position: 0      0;
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

/** Widget Energy */

.jriWidget {
    position:relative;
    float:left;
    width:280px;
    height:220px;
    margin:10px;
    background-color :#ececec;
    box-shadow: 4px 4px 6px #aaa;
    *margin : 8px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=10);
    border-radius: 8px;
}

.jriWidget.zoomed 
{
	height : 320px;
}

.jriWidget-tooltip {
    position:absolute;
    padding:8px;
    font-weight : bold;
    height:26px;
    top : 0px;
    bottom : 0px;
    z-index : 100;
    border : 2px solid #5A1595;
    background-color : #FFF;
    display : none;
}

.jriWidget-title {
    color: #5A1595;
    font-size: 12px;
    font-weight:bold;
    height: 36px;
    line-height: 36px;
    margin-bottom: 4px;
    padding-left: 4px;
    position: relative;
}

/*pour les courbes:*/
.jriWidget-lineBlock {
    position:relative;
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom : 3px;
    width:260px;
    height:115px;
}
.jriWidget-lineBlock.zoomed 
{
    height:215px;
}

.jriWidget-statsBlock {
    position:relative;
    float:left;
    margin-left:5px;
    margin-right:5px;
    width:270px;
    height:60px;
    /*border:1px dotted #5a15b6;*/
    background-color:#e2e9eb;
}  

.jriWidget-lines {
    position:relative;
    border-left:2px solid #1111FF;
    border-bottom:2px solid #1111FF;
    width:258px;
    height:113px;
    background-color : #FFF;
}
.jriWidget-lines.zoomed 
{
    height:213px;
}  

.jriWidget-stats {
    width:100%;
    border-collapse : collapse;
    background-color:#fff;
}
.jriWidget-stats thead td {
    background-color:#e2e9eb;
}
.jriWidget-stats thead th {
    text-align : center;
    font-style : italic;
    font-weight : normal;
}

.jriWidget-stats tbody th {
    text-align : center;
    font-weight : bold;
    color : #fff;
    padding:2px;
}
.jriWidget-stats tbody td {
    text-align : center;
    font-weight : normal;
    padding:2px;
}
/* pour les bars */
.jriWidget-barBlock {
    position:relative;
    float:left;
    margin-left:15px;
    width:115px;
    height:175px;
    margin-right:10px;
    cursor : pointer;
}
.jriWidget-barBlock.zoomed 
{
    height:275px;
}  

.jriWidget-infoBlock {
    position:relative;
    float:left;
    width:123px;
    height:173px;
    border:1px dotted #5a15b6;
    background-color:white;
}    
.jriWidget-barBlock.zoomed 
{
    height:273px;
}

.jriWidget-bars {
    position:relative;
    border-left:2px solid #1111FF;
    border-bottom:2px solid #1111FF;
    width:113px;
    height:155px;
}
.jriWidget-bars.zoomed 
{
    height:255px;
}

.jriWidget-bar {   
    position:absolute;
    width:50px;
    color:#FFF;
    font-size:12px;
    text-align:center; 
    overflow: hidden; 
    cursor : pointer;      
}

.jriWidget-bar:hover {
    background-color:#FAFF7C !important;
    color : #5A1595;
}

.jriWidget-barGoal {
    position:absolute;
    bottom:0px;
    left:57px;
    width:56px;
    height:14px;
    overflow:visible;
    border-width : 3px 0px 0px 0px;
    border-style:solid;
    border-color:#FF5555;
    color: #FF5555;
    text-align:center;
    font-size:11px;
    z-index : 2;
}


.jriWidget-barFoot {
    position:relative;
    width:115px;
    height:20px;
}

.jriWidget-barFootItem {
    position:absolute;
    bottom:0px;
    left:5px;
    width:50px;
    height:20px;
    text-align:center;
    line-height:20px;
    overflow : hidden;
}

.jriWidget-infoTitle {
    height:25px;
    line-height:25px;
    color: #5a15b6;
    background-color:#E5CFF9;
    text-align:center;
}
.jriWidget-ilink {
	float:right;
	margin-top:-8px;
	margin-right:-8px;
	width:30px;
	height:30px;
	vertical-align:middle;
	background-image : url('../images/i.png');
	background-repeat : no-repeat;
	cursor:pointer;
}
.jriWidget-ilink:hover {
	background-image : url('../images/i-on.png');
}

.jriWidget-icon 
{
	width:32px;
	vertical-align:top;
}

.jriWidget-infoButton {
    height:17px;
    margin-top:2px;
    margin-bottom:1px;
    border-bottom:1px dotted #5a15b6;
    text-align:center;
}  

.jriWidget-infoButton div
{
	float : left;
	width:54px;
	height:16px;
	margin: 1px 0px 0px 4px;
	text-align : center;
	border: 1px dotted #5e2186;
	border-bottom : 0;
	color: #5e2186;
	cursor:pointer;
	background-color : #ddd;
	font-style : italic;
	overflow : hidden;
	white-space: nowrap;
}
.jriWidget-infoButton div.selected
{
	font-weight:bold;
	font-style : normal;
	background-color: #fff;
	margin-top : 3px;
}
 
.jriWidget-infoSmiley {
    height:60px;
    text-align:center;
    margin-top : 3px;
}  

.jriWidget-infoSmiley img {
    height:60px;
}      
.jriWidget-infoVal {
    margin-left:15px;
    margin-top:5px;
    width:91px;
    height:18px;
    border-radius : 4px;
    text-align:center;
    line-height:15px;
}

.jriWidget-infoMoney {
    margin-left:15px;
    margin-top:10px;
    width:95px;
    height:20px;
    border-radius : 4px;
    text-align:center;line-height:18px;
}

.block {
	margin:10px;
	border: 0px;
	font-size:12px;
	border-radius:4px;
	width:1080px;
}
.blockMovingTarget
{
	border: 1px solid #ff6200;
	background-color : #ffdfb2;
	width:1080px;
	height:24px;
	margin-left:10px;
}
.block div.block-header
{
    color: #5A1595;
    font-weight: bold;
    background-color: #E5CFF9;
	line-height:26px;
	height:26px;
	border-radius:2px 2px 0 0;
	border: 1px solid #E5CFF9;
}
.block div.block-header img.expandIcon 
{
	width:24px;
	height:24px;
	vertical-align: middle;
	cursor : pointer;
	background-image : url('../images/moins.png');
	background-repeat : no-repeat;
	background-position : 5px center;
}
.block div.block-header.expanded img.expandIcon
{
	background-image : url('../images/plus.png');
}

.block div.block-header.noexpand img.expandIcon
{
	background : none;
}
.block div.block-header img.sortableIcon {
	 width : 20px;
	 height : 20px;
	 margin : 3px 10px 3px 3px;
	 float : right;
	 cursor : move;
}

.block div.block-content
{
    border: 1px solid #E5CFF9;
    border-top-width: 0;
	padding:5px;
}

div.timeSlots 
{
	font-weight : normal;
	position:relative;
	margin-bottom : 20px;
}

div.timeSlots div.headerLine 
{
	position:relative;
	height:20px;
}
div.timeSlots.large div.line 
{
	position:relative;
	height:20px;
	margin-bottom:8px;
}
div.timeSlots div.line 
{
	position:relative;
	height:18px;
	margin-bottom:0px;
}

div.timeSlots div.line div.title,
div.timeSlots div.headerLine div.title
{
	position:absolute;
	left:0;
	top:0;
	width : 80px;
	height:15px;
	line-height : 15px;
	text-align : right;	
	overflow : hidden;
}

div.timeSlots.large div.line div.title,
div.timeSlots.large div.headerLine div.title
{
	height:20px;
	line-height : 20px;
}
div.timeSlots div.line div.title.changed 
{
	width:65px;
}

div.timeSlots div.headerLine div.hour
{
	position:absolute;
	left:0;
	top:0;
	width : 20px;
	height: 15px;
	text-align : center;
}
div.timeSlots.large div.headerLine div.hour
{
	width : 30px;
	height: 20px;
}
div.timeSlots div.line div.cell
{
	position:absolute;
	left:0;
	top:0;
	width : 20px;
	background-color: #eee;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
    text-align: center;
    height: 15px;
	line-height: 15px;
    font-size : 12px;
    font-weight : normal;
}
div.timeSlots.large div.line div.cell
{
	height: 20px;
	line-height: 20px;
    font-size : 14px;
    font-weight : bold;
}
div.timeSlots div.line div.cell.no-alarm {
	background-color: #76D1D1;
}

div.timeSlots div.line div.selecting 
{
	background-color: #C7FF8E !important;
}

div.timeSlots div.line div.start 
{
	border-left:1px solid #555;
	margin-left:2px;
	width:18px;
}
div.timeSlots div.line div.end 
{
	border-right:1px solid #555;
	width:18px;
}
div.timeSlots div.line div.start.end 
{
	width:15px;
}

div.timeSlots div.line div input {
    background-color: transparent;
    border: 0 none;
    text-align: center;
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
}
div.timeSlots div.line div input.no-alarm {
	background-color: #76D1D1;
}

.changed 
{
	background-image: url("../images/changed.png") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    color: #FF6200 !important;
    font-weight: bold !important;
    padding-left: 15px !important;
    background-color : #FFDFB2 !important;
}
.form-line-small .form-label.changed 
{
	width: 275px;	
}

.form-line-xsmall .form-label.changed 
{
	width: 175px;	
}
.form-line-xxsmall .form-label.changed 
{
	width: 75px;	
}

.filterTable 
{
	border : 0;
	border-collapse : collapse;
}
.filterTable td
{
	padding : 4px 12px;
}

div.alarmInfo
{
	background-color: #eee;
    background-image: url("../images/icon-alarm-tech.png");
    background-position: 10px 10px;
    background-repeat: no-repeat;
	/*width:250px;
	height:210px;
	float:left;*/
    padding: 5px;
    text-align: center;
    margin:5px 10px 20px 10px;
    box-shadow: 4px 4px 6px #aaa;
    *margin : 6px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=10);
    border-radius: 10px;
    -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
}
div.alarmInfo.block {
	margin: 10px 20% 30px;
	float : none;
	width:auto;
	height:auto;
}

div.alarmInfo.high 
{
    background-image: url("../images/icon-alarm-high.png");
}
div.alarmInfo.low 
{
    background-image: url("../images/icon-alarm-low.png");
}


div.alarmInfo div.xlarge
{
	font-size: 20px;
	height : 22px;
	overflow : hidden;
	white-space : nowrap;
	font-weight : bold;
	padding:10px;
}

div.alarmInfo div.large
{
	font-size: 18px;
	height : 20px;
	overflow : hidden;
	white-space : nowrap;
	font-weight : bold;
	padding:8px 0px;
}

div.alarmInfo div.medium
{
	font-size: 16px;
	height : 18px;
	overflow : hidden;
	white-space : nowrap;
	font-weight : bold;
	padding:6px 0px;
}

div.alarmInfo div.normal
{
	font-size: 14px;
	height : 16px;
	white-space : nowrap;
	overflow : hidden;
	padding:3px 0px;
}

div.alarmInfo .red
{
	color: red;
}
div.alarmInfo .blue
{
	color: blue;
}