.Style1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #00FF00; }
.Style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #00FFFF; }
.Style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #FFFFFF; }
.Style6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #000000; }
.Style7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000; }
.Style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF33CC; }

div#disclaimer{ text-align:left; }
 div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
 div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
  div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
   div#disclaimer-cadre b{ font-size:14px; color:black; }
   div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; }
   div#disclaimer-cadre a:hover{ color:blue; }
   
a:link {
	color: #FF33CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF33CC;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
}
a.online:link {
	color: #FF0000;
	text-decoration: none;
}
a.online:visited {
	text-decoration: none;
	color: #FF0000;
}
a.online:hover {
	text-decoration: none;
	color: #FF0000;
}
a.online:active {
	text-decoration: none;
}
table {
	border-width : 0px; 
	border-color : #000000;
	border-style : dashed;
}
.tablo_ep {
    color: #000000;
	border-width : 1px; 
	background-color : #ffffc0;
	width : 655px;
}
div.alert {
	color: #ff0000;
	font-weight: bold;
	background-color: #ffffb5;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 5px;
	border-style : dashed;
	border-width: 1px;
	border-color: #000000;
	font-size:10px;
}
.infobulle_Rouge{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: black;
	background-color: red;
	/* baisser l'opacité sur tout les navigateurs */
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}
.infobulle_Orange{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: black;
	background-color: orange;
	/* baisser l'opacité sur tout les navigateurs */
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}
.infobulle_Violet{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #ff00ff;
	/* baisser l'opacité sur tout les navigateurs */
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}
.infobulle_Bleu{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: black;
	background-color: #6666ff;
	/* baisser l'opacité sur tout les navigateurs */
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);}
	
.fixe { 
  /* un bloc fixe situe en haut qui fait toute la largeur */ 
  position : fixed;
  display: inline-block;
  height:auto;
  z-index:100;
  background-color:#FFFFE1;
  border-bottom:#707070 1px solid;
  top: 0px; 
  left: 0px; 
  right: 0px; 
  width: 100%; 
  /* et le patch pour IE */ 
  position : expression("absolute"); 
  width : expression("100%"); 
  top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight); 
  left : expression("0px"); 
}

