/* CSS Document */
body{
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	min-height:90%;
}
html{
padding : 0;
margin : 0;
height : 100%;
}

td.imgLogoTable
{
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
}

#page{
	width:98%;
	vertical-align: middle;
	margin:auto;
	background-color:#000000;
	min-height:550px;
	overflow:auto;
	height:98%;
}
#pagedanspage{
	width:auto;
/*	vertical-align:middle;*/
	margin:none;
	background-color:#FFFFFF;
/*	min-height:500px;
	min-height:98%;
*/	overflow:hidden;
	border:0px pink solid;
	height:100%;
/*	border:solid;
	border-color: pink;*/
}

#contenu
{
	width:98%;
	vertical-align:middle;
	margin:auto;
	background-color:#000000;
	min-height:500px;
	overflow:auto;
	height:auto;
/*	border:solid;
	border-color: yellow;*/
}
#contenugrandtableau
{
	width:98%;
	vertical-align:middle;
	margin:auto;
	background-color:#000000;
	min-height:500px;
	overflow:auto;
	height:auto;
}
#pagedanspageBis
{
	width:auto;
	height:100%;
	/*	vertical-align:middle;
	margin:auto;
	background-color:#FFFFFF;*/
	min-height:500px;
/*	overflow:hidden;
	border:2px #000000 solid;
	border-color: black;
	border:solid;*/

}

#menu{
	background-color:#E17204;
	color:#3e3b30;
	height:20px;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-left:5px;
}
#iframeici {
	display:block;
	height:auto; 
	border:none; 
}
#iframeGraph {
	display:block;
	height:auto; 
	border:none; 
}

#mgauche{
	width:12%;
	min-height:450px;
	font-size:10px;
	padding:10px;
	float:left;
	height:auto;
	background-color:#000000;
}

#droite{
	background-color:#FFFFFF;
	min-height:650px;
	float:right;
	width:83%;
	color:#1a1d25;
	font-size:12px;
	padding:0px;
	border:0px #555555 solid;
	height:auto;
/*	border:solid;
	border-color: red;*/
}
#gauchedanspage{
	background-color:#FFFFFF;
min-height:450px;
min-height:90%;
	float:left;
	width:auto;
	color:#1a1d25;
	font-size:12px;
	padding:10px;
	border:0px green solid;
	height:auto;
/*	border:solid;
	border-color: green;*/
}

#hautdanspage{
	width:auto;
	background-color:#FFFFFF;
	color:#000000;
	font-size:10px;
	text-align:left;
	border:1px #000000 solid;
	margin-left:auto;
	margin-right:auto;
	height:100%;
 }


#footer{
	width:98%;
	height:2px;
	margin:auto;
	background-color:#000000;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
}

object{
	text-align:center;
}


#bloc_conn
{
	background:#EEEEEE;
	width:600px;
	height:250px;
	border:2px #000000 solid;
	margin:auto;
}

#bloc_err
{
	background:#EEEEEE;
	width:500px;
	height:80px;
	border:2px #000000 solid;
	margin:auto;
}

.formulaire
{
	background:#FFFFFF;
	border: 2px #000000 solid;
	font-family: Verdana, Arial;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight : bold;
}

.text_10b
{
	font-family: Verdana, Arial;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight : bold;
}


.lien_10b
{
	font-family: Verdana, Arial;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight : bold;
}
.lien_10b:hover
{
	text-decoration: underline;
}

.lien_8b
{
	font-family: Verdana, Arial;
	font-size: 10pt;
	color: #d3d3d3;
	text-decoration: none;
	font-weight : bold;
}
.lien_8b:hover
{
	font-family: Verdana, Arial;
	font-size: 10pt;
	color: #d3d3d3;
	text-decoration: underline;
	font-weight : bold;
}
.load
{
    background:url('images/load.gif') no-repeat center;
} 
table
{
	border-collapse:collapse;
}
.tdTableauCorps
{
	border:1px #000000 solid;
	text-align: center;
}

.tdTableauCorpsErreurCryo
{
	border:1px #000000 solid;
	text-align: center;
	background-color: #FFDC84;
	color: #FFFFFF;
}


.tdTableau1ereColonne
{
	background-image: url("images/brushed-steel.png");
	background-size:100% 100%;
	border:1px #000000 solid;
}
.tdTableau1ereligne
{
	border:1px #000000 solid;
	background-image: url("images/DegradBleu.png");
	background-size:100% 100%;
	text-align: center;
}
.tdTableauLigneLibelle
{
	border:1px #000000 solid;
	background-image: url("images/DegradOrange.png");
	background-size:100% 100%;
	text-align: center;
}

.tdTableauStatSansBordure
{
	border-left:hidden;
	border-top:hidden;
	
}

.tdTableauStatVoie
{
	border:1px #000000 solid;
	background-image: url("images/DegradOrange.png");
	background-size:100% 100%;
	text-align: center;
}
	

.tdTableauMesureCryoSuperieur0
{
	background-color: #FF0000;
	color: #FFFFFF;
	text-align: center;
}
.tdTableauMesureCryoEgale0
{
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
}

.tdTableauMesureCryoInferieur0
{
	background-color: #0000FF;
	color: #FFFFFF;
	text-align: center;
}

.tdTableauMesureCryoErreur
{
	background-color: #FFDC84;
	color: #FFFFFF;
	text-align: center;
}

a.info_bulle  
{
      color:#2F368A;
      text-decoration:none;
      padding:2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
	  /* Définition de l'arrière plan de notre lien */
	  position:relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}
a.info_bulle:hover  
{
      border:0; /* ligne qui corrige le bug d'IE6 et inférieur */
 }
 /* Rend invisible tout notre bloc span */ 
 a.info_bulle span.info_bulle  
 {
	position:absolute;
	top:-2000em;
	left:-2000em;
	width:1px;
	height:1px;
	overflow:hidden;
}
/* Rend visible tout notre bloc span et lui attribue une taille */ 
a.info_bulle:hover span.info_bulle, a.info_bulle:focus span.info_bulle, a.info_bulle:active  span.info_bulle  
{
      top:1.5em;
      left:0em;
      width:300px;
      height:auto;
      overflow:visible;
}  
span.header  
{      
	display:block;
	height:26px; /* Hauteur correspondant à celle de notre image */
	width:300px;
	text-align: center;
	background:transparent url('/images/top.png')  no-repeat 0 0;
/*	background-size:100% 100%;*/
	font-size:15px;
	font-weight:bold;
	line-height:220%; /* Propriété qui centrera le texte verticalement */
}  
span.content  
{
    display:block;
    background:transparent url('/images/center.png') no-repeat;
	background-size:100% 100%;
	padding:0 8px; 
	text-align: left;	
	vertical-align:top;
}  
span.footer  
{
    display:block;
    height:24px;
    background:transparent url('/images/bottom.png') no-repeat bottom left;
	font-size:0; /* Corrige l'espacement inutile sous IE */ 
} 

.tabletelechargement
{
	margin-top: 5px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 70px;
}
.TableauIndextelechargement
{
	background:url("./images/metale.jpg");
	width:90%;
	height:1em;
	z-Index:10;
}


.lieninvisible:visited {color: black; }

.lieninvisible
{
	color: black;
	text-decoration: none;
}
.tdIndextelechargement
{
	margin-left: 20px;
	padding-left: 20px;
}

ul {left: 0px; top: 0px; margin: 0px; padding: 0px;}
ul ul {display: none; position: absolute; left: 140px; top: 0px; margin: 0px; padding: 0px;}
li.menuGaucheliNiv2{list-style-type: none; position: relative; width: 140px; background-color: #000000; }
li.menuGaucheliNiv3{list-style-type: none; position: relative; width: 150px; background-color: #000080;}
li:hover ul.menuGaucheNiv2 {display:block;}


#en-tete {
  overflow: hidden;
  background-color: #dae0d2;
  background-image: url("./images/fond.png");
  background-position: bottom;
  background-repeat: repeat-x;
  width:100%;
}
#en-tete ul {
  float: left;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}
#en-tete ul li {
  float: left;
  margin-left: 3px;
}
#en-tete ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url("./images/coin-gauche.png");
  background-position: 0% -250px;
  background-repeat: no-repeat;
}
#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url("./images/coin-gauche.png");
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#en-tete ul li a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url("./images/coin-droit.png");
  background-position: 100% -250px;
  background-repeat: no-repeat;
  color: #ffffff;
}
#en-tete ul li#actif span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url("./images/coin-droit.png");
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #333333;
}

#en-tete ul li a:hover {
  background-position: 0% -500px;
}
#en-tete ul li a:focus {
  background-position: 0% -500px;
}
#en-tete ul li a:hover span {
  background-position: 100% -500px;
}
#en-tete ul li a:focus span {
  background-position: 100% -500px;
}