/* page grise avec une police noire */
body {
	background-color: #F6FAFF ; 
	color: black;
	font-family: Arial;
	font-size:10px;
}

.bodylogin {
	background-color: #B5E3F0;
}

.bodysmall {
	background-color: #F6FAFF ; 
	color: black;
	font-family: Arial;
	font-size:11px;
}

.tableInvisible
{
	width: 100%;
	border:0;
	height:100%;
	align: right;
	valign: top;
	background-color: #E1E1FF;
}
.tableInvisibleGris
{
	width: 90%;
	border:0;
	height:90%;
	background-color: #EEEEEE;
}

#pied {
text-align:center;
position : fixed;
float:left;
bottom: 2px;
left: 0px;
width:100%;
}

.pied_acc {
text-align:center;
position : absolute;
bottom: 2px;
left: 0px;
width:100%;
}

.linkFile a:link {
	text-decoration: none;
}
.linkFile a:visited {
	text-decoration: none;
}
.linkFile a:active {
	text-decoration: none;
}
.linkFile a:hover {
	text-decoration: none;
	color: red;
	font-weight:bold;
	font-size:12px;
}

/* boutons page accueil */
input.btnalarme {
color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
}

.fichestation {
	font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:10px;
}

legend {
font-weight: bold;
font-size: 14px;
font-family: Arial;
text-align: left;
}

fieldset {
	border-color: #959EAD;
	padding: 0.5em; 
	margin:5px;
	font-family: Arial;
	font-size:12px;
	}

tr {
	font-family: Arial;
	font-size:12px;
}



/* tableau pour les affectations des alarmes aux groupes */ 
.tableauListe {
	border: solid #000 3px;
	padding: 5px;
	width: 95%;
}

.tableauListe td {
    padding: 5px;
    border: solid #000 1px;
}

/* tableau liste des jours feries */
.tableauferies {
	border: solid #000 3px;
	padding: 5px;
	width: 200px;
}

.tableauferies td {
    padding: 5px;
    border: solid #000 1px;
}

/* tableau destinataires des exports */
.tableaudestexp {
	border: solid #000 2px;
	padding: 5px;
	width: 100%;
}

.tableaudestexp td {
    padding: 5px;
    border: solid #000 1px;
}

/* tableau des seuils en dessous des graphes */
.tabSeuilsGrph {
	border-collapse: collapse;
	width: 100%;
}
.tabSeuilsGrph td {
	padding: 3px;
    border: 1px solid #AAAAAA;
}

/* pour les prm Plq */
.tableauPlqSLog {
	border: solid #000 3px;
	padding: 5px;
	width: 600px;
}

.tableauPlqSLog td {
    padding: 5px;
    border: solid #000 1px;
}

input[type=button]:not(.btnMini) {
	border-radius: 5px;
	padding: 5px;
	min-width: 80px;
}
input[type=submit] {
	border-radius: 5px;
	padding: 5px;
	min-width: 80px;
}
input[type=reset] {
	border-radius: 5px;
	padding: 5px;
	min-width: 80px;
} 

/* tableau page imports */
.tabVoies {
	margin:0px;padding:0px;
	width:100%;
	//box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
	
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
	
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
}.tabVoies table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.tabVoies tr:last-child td:last-child {
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
}
.tabVoies table tr:first-child td:first-child {
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
}
.tabVoies table tr:first-child td:last-child {
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
}.tabVoies tr:last-child td:first-child{
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
}.tabVoies tr:hover td{
	background-color:#ffffff;
		

}
.tabVoies td{
	vertical-align:middle;
	
	background-color:#e5e5e5;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:5px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.tabVoies tr:last-child td{
	border-width:0px 1px 0px 0px;
}.tabVoies tr td:last-child{
	border-width:0px 0px 1px 0px;
}.tabVoies tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.tabVoies tr:first-child td{
		background:-o-linear-gradient(bottom, #7f7f7f 5%, #7f7f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7f7f7f), color-stop(1, #7f7f7f) );
	background:-moz-linear-gradient( center top, #7f7f7f 5%, #7f7f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f7f7f", endColorstr="#7f7f7f");	background: -o-linear-gradient(top,#7f7f7f,7f7f7f);

	background-color:#7f7f7f;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.tabVoies tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #7f7f7f 5%, #7f7f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7f7f7f), color-stop(1, #7f7f7f) );
	background:-moz-linear-gradient( center top, #7f7f7f 5%, #7f7f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f7f7f", endColorstr="#7f7f7f");	background: -o-linear-gradient(top,#7f7f7f,7f7f7f);

	background-color:#7f7f7f;
}
.tabVoies tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.tabVoies tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}




/* tableau pour le parametrage des contacts pour les alarmes */
.tabContact {
  	font-size:12px;
	border: solid #000 3px;
	padding: 3px;
	width: 100%;
}

.tabContact td {
    padding: 3px;
    border: solid #000 1px;
}

.inputContact {
	font-size: 11px;
	font-family: 'trebuchet ms',helvetica,sans-serif;
}

/* tableau utilise pour : modeles d affichage, new seuil, courbe loi */
.tabExport {
  	font-size:12px;
	border: solid #000 3px;
	padding: 2px;
	width: 900px;
	float:left;
	border-spacing: 0px;
    border-collapse: collapse;
}

.tabExport th {
    height: 40px;
    font-style: bold;
    background-color: #aaaaaa;
    border: solid #000 1px;
}

.tabExport td {
    padding: 2px;
    border: solid #000 1px;
}

/* tableau les discriminants */
.tabExportDisc {
  	font-size:12px;
	border: solid #000 2px;
	padding: 2px;
	width: 200px;
	border-spacing: 0px;
    border-collapse: collapse;
}

.tabExportDisc td {
    padding: 2px;
    border: solid #000 1px;
}



/* fieldset page creer station, pour codes PLQ */
.fieldplq {
	width: 100%;
	border-color: white;
	}

	
/* style pour liste des stations dans menu stats */
.lststats {
	width: 200px;
	height: 380px;
    overflow: scrollbar;
}
/* style pour liste des troncons dans menu stats */
.lststatsTronc {
	width: 300px;
	height: 300px;
    overflow: scrollbar;
}
	
/* style pour liste a choix multiples contenant liste stations pour le contenu des modeles d export */
.lstmodExport {
	width: 200px;
	height: 180px;
    overflow: scrollbar;
    font-size: 11px;
font-family: Arial;
}

/* liste choix horodatage station page new station */
.selGMT {
	width: 200px;
	max-height: 100px;
	overflow: scrollbar;	
	}

/* bandeau pied de page */	
.bandeau {
	background-color:#9EC9D2 ; 
	font-family: Arial;
	border: solid #000 1px;
    width: 100%; 
    height: 4%;
	}
	
.caseHeure {
	width: 20%; 
	align: left;
	}

/* style pour le menu */
all.clsMenuItemNS, .clsMenuItemIE{ 
	text-decoration: none;
	font-family: Arial; 
	font-size:14px;
   font-weight:bold;
	color: white; 
	cursor: hand; 
	z-index:100;
}

#MainTable A:hover {color: #FFFF0A;}




.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

* {
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
}

#principale {
	overflow: auto;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid black;
	z-index: 2;
}



/********************/
/* pour les onglets */
/********************/
.tabListOnglet {
	border: solid #000 1px;
	background-color: #FFFFFF;
	color: #B93900;
	width: 100%;
	padding: 2px;
	/*font-family: Arial; 
	font-size:12px;*/
   font-weight:bold;
}

.tabListOnglet td {
	background-color: #FFFFF0;
	padding: 2px;
	border: solid #AAA 1px;
}

.tabListOnglet a:link {
	color: blue;
}

.tabListOnglet a:visited {
	color: blue;
}
.tabListOnglet a:active {
	color: #B93900;
	background-color: #FFFFCC;
}



.trousDonnees {
	border: medium solid #000000;
	border-collapse: collapse;
	width: 70%;
}
.trousDonnees th {
font-family: monospace;
border: thin solid #aaaaaa;
padding: 5px;
background-color: #000000;
color: #ffffff;
}
.trousDonnees td {
font-family: sans-serif;
border: thin solid #aaaaaa;
padding: 5px;
text-align: center;
background-color: #ffffff;
}

td .tdVert {
background-color: #6DC831;
}
td .tdOrange {
background-color: #C5A034;
}
td .tdRouge {
background-color: #BE413A;
}

.correctionDonnees {
	border: medium solid #000000;
	border-collapse: collapse;
	width: 100%;
}
.correctionDonnees th {
font-family: monospace;
border: thin solid #aaaaaa;
padding: 5px;
background-color: #aaaaaa;
color: #ffffff;
}
.correctionDonnees td {
font-family: sans-serif;
font-size: 11px;
border: thin solid #aaaaaa;
padding: 3px;
text-align: center;
background-color: #ffffff;
}
.correctionDonnees td input {
font-family: sans-serif;
font-size: 11px;
border: thin solid #aaaaaa;
padding: 3px;
text-align: center;
background-color: #ffffff;
}

.f_filtreGraphe {
	width: 1050px;
}

#divTableau {
	width:100%;
	padding: 0 15px 0 15px;
	overflow-x:auto;
}

.progress 
{
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 9999;
 background-color: #F2F2F2;
}
.bar 
{ 
  background-color: #819FF7; 
  width:0%; 
  height:15px; 
  border-radius: 3px; 
}
.percent 
{ 
  position:absolute; 
  display:inline-block; 
  top:3px; 
  left:48%; 
}