/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

body {font: 12px/1.3em 'Trebuchet MS', Tahoma, Arial, Sans-serif;color: #666;}

a {text-decoration: none;}
a:hover {color: #444;}
em {font-style: normal;}
label {cursor:pointer;}

#main {width: 1280px;margin:0 auto;position: relative;} /*test 1280 au lieu de 960*/
#header {height:150px;}
#center {width:930px;min-height: 550px;float:left;} /*test 930 au lieu de 660 et min height 550 au lieu de 400*/
#footer {clear: both;width: 1250px;background: #eee;padding: 15px;overflow: auto;} /*test 1250 au lieu de 930*/

/******************************* Header ***********************************/

#header h1 {height:120px;text-indent: -9999px;}
#header ul {width:1280px;height:30px;} /*test 1280 au lieu de 960*/
#header ul li {width: 200px;height:30px;text-align: center;line-height: 30px;float:left;color: #fff;border-right: #fff solid 1px;cursor: pointer;} /*test 200 au lieu de 150*/
#header ul li:hover {background:rgba(100,100,100,0.3);color: #fff;}
.selected {background:rgba(100,100,100,0.3);color: #fff;}
#connect {position: absolute;top: 15px;right: 15px;}
#disconnect {cursor: pointer;}

/******************************* Page Login ***********************************/

.home #center {background: url(../img/maisonverte.jpg) no-repeat;}
.home #center form {background: #eee;width: 240px;height: 200px;margin-left: 300px;padding:30px;}
.home p {margin-bottom: 10px;}
.home label {display:block;width: 100px;height:20px;float:left;line-height: 20px;}
.home input {width: 120px;height: 20px;border: #ccc solid 1px;}
#wrong {color: #F00;font-size: 1.3em;margin-top: 20px;visibility: hidden;}
.button {cursor: pointer;}

/******************************* Page Login ***********************************/

.home_idea #center {background: url(../img/station_pompage.jpg) no-repeat;}
.home_idea #center form {background: #eee;width: 240px;height: 200px;margin-left: 300px;padding:30px;}
.home_idea p {margin-bottom: 10px;}
.home_idea label {display:block;width: 100px;height:20px;float:left;line-height: 20px;}
.home_idea input {width: 120px;height: 20px;border: #ccc solid 1px;}
#wrong {color: #F00;font-size: 1.3em;margin-top: 20px;visibility: hidden;}
.button {cursor: pointer;}

/******************************* Page Graphique ***********************************/

.col {width: 200px;min-height: 400px;float:left;margin-bottom: 15px} /*test 200 au lieu de 150*/
.col li {cursor: pointer;}
.col a {display: block;color: #666;overflow: hidden;height: 40px;}
.col_right {width: 150px;min-height: 400px;float:left;margin-bottom: 15px}
.col_right li {cursor: pointer;}
.col_right a {display: block;color: #666;overflow: hidden;height: 40px;}
.niv0 {background: #eee url(../img/degrade_noir_bh.png) repeat-x top;}
.niv1 {position:relative;width: 200px;height:40px;line-height: 40px;text-indent: 40px;clear: both;border-bottom: #fff solid 1px;} /*test 200 au lieu de 150*/
.niv1_right {position:relative;width: 150px;height:40px;line-height: 40px;text-indent: 40px;clear: both;border-bottom: #fff solid 1px;} /*test 200 au lieu de 150*/
.niv1 img {position: absolute;right:10px;top:10px;}
.niv1_right img {position: absolute;right:10px;top:10px;}
.niv2 {position:relative;width: 200px;height:auto;line-height: 30px;border-bottom: #fff solid 1px;} /*test 200px au lieu de 150*/
/* .niv2:hover, .niv3:hover, .current {background: #fff;} */
a.toggle, .niv_3 {padding-left: 10px;}
a.toggle:hover, .niv_3:hover, .current, #right .niv2:hover {background: #fff;}
.niv2 input {margin-right: 5px;}
.niv3 {position:relative;width: 110px;padding-left: 40px;height:30px;line-height: 30px;border-bottom: #fff solid 1px;}
.niv3 input {margin-right: 5px;}
.cptligne {display: block;width: 20px;height:2px;float: right;border-bottom: 3px solid;margin: 18px 8px 0 0;border-bottom-color:transparent;}
#right .niv2 {width: 140px;padding-left: 10px;}
#searchplant, #checkall {margin-left: 10px;}

/**** Fleches haut et bas ****/

.ui-icon-plus,
.ui-icon-triangle-1-e,
.flechebas {background: url(../img/trianglebas666.png) no-repeat;position: absolute;right:5px;top:10px;height:16px;width:16px;}
.ui-icon-minus,
.ui-icon-triangle-1-s,
.flechehaut {background: url(../img/trianglehaut666.png) no-repeat;position: absolute;right:5px;top:10px;height:16px;width:16px;}

/**** Icones ****/

.recherche {background: url(../img/search.png) no-repeat scroll 8px center transparent;}
.particulier {background: url(../img/home.png) no-repeat 8px center;}
.societe {background: url(../img/home.png) no-repeat 8px center;}
.periode {background: url(../img/calendar.png) no-repeat 8px center;}
.chart {background: url(../img/chart.png) no-repeat 8px center;}
.exporter {background: url(../img/download.png) no-repeat 8px center;}
.summary {background: url(../img/table_export.png) no-repeat 12px center;}

.imprimer, .pdf, .xls {width:110px;padding-left:40px;}
.imprimer {background: #eee url(../img/printer.png) no-repeat 10px center!important;}
.pdf {background: #eee url(../img/pdf_file.png) no-repeat 10px center!important;}
.xls {background: #eee url(../img/xls_file.png) no-repeat 10px center!important;}
.imprimer:hover, .pdf:hover, .xls:hover {background-color: #fff!important;}


.cal_modif {float: right;line-height: 30px;visibility: hidden;z-index: 1;}
.cal_fleche {margin-bottom: -2px;}
.index_modif {line-height: 30px;z-index: 1;cursor: pointer;}
#exportIndex {position: absolute; right: 1px; margin-top: 10px;}

.niv_2 img{float:left;margin:5px 5px 5px 0;}
.niv_3{border-bottom: #fff solid 1px;}
.niv_3 img{float:none;margin-left:1px;position: relative;top:7px;}

.toggle{display:none;line-height: 40px;}

/******************************* Footer ***********************************/

#slider {width: 200px;height: 150px;float: left;}
.footercol {width: 350px;float: left;margin-left: 15px;}
h3 {font-size: 18px;margin-bottom: 10px}
.footercol ul {margin: 5px 0 10px 30px;}
.footercol li {list-style: square;}

/******************************* Page Alarm ***********************************/

table {width: 100%;}
table#indexs {font-size: 10px;}

td, th {padding:5px;vertical-align: middle;border-right: 1px solid #fff;}
thead tr {background: #ccc url(../img/degrade_noir_bh.png) repeat-x top!important;}
thead td, thead th {text-align: left;color: #fff;font-weight: bold;}
tr:nth-of-type(odd) {background-color:#eee;}
tr:hover{background: #FFC;}
/*tr:focus, tr:active{background: #FFFF99;}*/
thead {border-bottom: 1px solid #fff;}
.tdniveau {width:50px;}
.tdstatut {width:40px;}
.tdactions {width:55px;}
.tdsupprimer {width:55px;}
.tdactions img, .tdsupprimer img {cursor: pointer;}
#alarmcases {line-height: 60px;}
#alarmcases input {margin:0 5px 0 20px;cursor: pointer;}

sub{vertical-align: sub;font-size: smaller;}

.preview_plant_picture {width: 32px;height: 24px;}
div.spanimage {position:absolute;width: 200px;height:150px;top:45%;left:45%;display: none;}
td.tdimage:hover > div.spanimage {display:block;}


/* Table sort */
/* table.tablesorter {} */
table.tablesorter .even {background-color: #3D3D3D;}
table.tablesorter .odd {background-color: #6E6E6E;}
table.tablesorter .header {background: url(../img/trianglehautbas666.png) no-repeat right center;cursor: pointer;}
.desc{width: 250px;}
table.tablesorter .headerSortUp {background: url(../img/trianglehaut666.png) no-repeat right center;cursor: pointer;;}
table.tablesorter .headerSortDown {background: url(../img/trianglebas666.png) no-repeat right center;cursor: pointer;}

/* Expiration box */

.ui-dialog {background: #fff;padding: 2px;border-radius: 5px;-moz-border-radius: 5px;}
.ui-dialog-titlebar {font-size: 18px;margin-bottom: 10px;padding: 10px;background: #F00;color: #fff;border-radius: 5px;-moz-border-radius: 5px;}
.ui-dialog-titlebar-close {float: right;width:16px;height:16px;background: url(../images/x.png) no-repeat;text-indent: -9999px;}
.ui-dialog-content, .ui-dialog-buttonpane {padding: 10px;}
.ui-button {padding: 5px;border-radius: 5px;-moz-border-radius: 5px;background: #ddd;}

/* Overlays
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Accordion
*/
/* infobulles */
.index_info{float:right; margin-top: -3px; cursor:help;}

/* Administration */
#users, #plants, #meters {height: 146px; overflow-y: scroll; overflow-x: hidden; margin-bottom:20px; margin-top:26px;font-size:11px;}
#plants{visibility: visible;}
#meters{visibility: visible;}
.trselect{cursor:pointer;height:20px;}
td.plantCheck, td.meterCheck{visibility:visible;}
h4, #index_year {font-size: 18px;margin: 0;line-height: 50px;font-weight: normal;}
h4 img{position:relative;cursor:pointer;height:16px;width:16px;top:2px;margin-right:5px;}
#img_showAllplants, #img_showAllmeters{visibility:hidden;}
.user_editbtn, .plant_editbtn, .meter_editbtn{float:right; visibility:hidden;}
.user_editbox, .plant_editbox, .meter_editbox{display:none;}
.edit_tr:hover{background:url(edit.png) right no-repeat #80C8E5;cursor:pointer;}
#users input, #plants input{font: 12px/1.3em 'Trebuchet MS', Tahoma, Arial, Sans-serif;height:18px;padding: 0 4px!important;}
#users input[type="checkbox"] {width: auto;height: auto;padding: 0;margin: 0;}
.selectedLine{background-color: #ddf!important;}
#imgLogin, #imgPassword, #imgPlantName, #imgSerialMeter {width: 16px;height: 16px;margin-left: 4px;vertical-align: middle;}
.commands {float: right;}
#imgSaveUser, #imgSavePlant, #imgSaveMeter {cursor: pointer;}
#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}
/*#userstable tbody{max-height:160px;overflow-y:auto;overflow-x:hidden;}
#userstable thead{position: absolute;width: 99%;z-index: 2;margin: 0;}*/
/*Upload picture*/
#upload_frame {border:0px;height:30px;width:200px;}
#progress_container {width: 100px;height: 20px;border: 1px solid #CCCCCC;background-color:#EBEBEB;display: block;margin:5px 0px -15px 0px;}
#progress_bar {position: relative;height: 20px;background-color: #FFCC00;width: 0%;z-index:10;}
#progress_completed {font-size:12px;z-index:40;line-height:20px;padding-left:4px;color:#FFFFFF;}
#refreshGraph {z-index:500;margin-left:8px;margin-top:8px;cursor:pointer;position:absolute;}
#checkall {padding-right: 5px;}

/* Contact Form  */
div.gestionnaire{margin-top: 50px; margin-left: 10px;}
div.gestionnaire fieldset{border: 1px solid #DDDDDD; overflow: hidden; padding: 15px 0 7px 7px; width:500px;}
div.gestionnaire legend{color: #666666; font-size: 20px; margin-left: 20px;}
div.gestionnaire input, textarea{float:left;margin-left: 15px;}
div.gestionnaire .libInput{clear:both;width:70px;height:30px;float:left;}
#response{position:absolute; left:300px; width:200px;}