body {
	background-color : #EFEFEF;
	padding : 30px 0 0 0;
	margin : 0;
}
div#main {
	position : relative;
	background-color : #EFEFEF;
}
div#header, div#footer {
	position : fixed;
	left : 0;
	padding : 0;
	margin : 0;
	width : 100%;
	z-index : 10;
	background-color : #F7F4E0;
	overflow : hidden;
}
div#header {
	top : 0;
	height : 30px;
}
div#footer {
	bottom : 0;
	height : 20px;
	text-align : center;
	font-size : 8pt;
	color : green;
}
div#content {
	background-color : #EFEFEF;
	width:44.4mm;
	height:23.2mm;
	left:0mm;
	top:0mm;
}

.info .infobulle {display: none}
.info:hover .infobulle
{ /*the span will display just on : hover state*/
   display: block; 
   position: absolute; 
   top: 4em; left: 4em; width: auto; white-space: nowrap; 
   border: 1px solid #6699cc; 
   background-color: #fff; color: #6699cc; 
   text-align: left;
   font-weight: none; 
   padding: 0px;
   text-align: center; 
   font-family:verdana; 
   font-size: 10px; 
   z-index: 50; 
   }

a.fill {
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
   margin:0;
   padding:0;
   }
a.fill:hover {
   text-decoration:none; /* vire le soulignement quand on passe sur le lien*/
   }
a.fill:hover{
background:black;/*à adapter*/
opacity:0.1;/*à adapter*/
   }

.lien {
   position:absolute; 
   line-height : 0;  /* pour ie */
   font-size : 0;    /* pour ie */
   border-style:hidden;
   background-color: #808080; 
 }
.boite {
    position:absolute;
    border-style:solid;
}
.boite_H {
    background-color: #C4FFFF; 
    border-color: #000080; 
    border-width:0.4mm;
}
.boite_F {
    background-color: #FFFFB0; 
    border-color: #000080; 
    border-width:0.4mm;
}
.boite_CH {
    background-color: #C4FFFF; 
    border-color: #000080; 
    border-width:0.300000011920929mm;
}
.boite_CF {
    background-color: #FFFFB0; 
    border-color: #800000; 
    border-width:0.300000011920929mm;
}
.boite_I {
    background-color: #C0C0C0; 
    border-color: #FF0000; 
    border-width:0.4mm;
}
.boite_U {
    background-color: #FFFFFF; 
    border-color: #C0C0C0; 
    border-width:0.300000011920929mm;
}
.image {
   position:absolute;
   border-style:none;
 }
.text {
   position:absolute;
   text-align:center; 
   white-space:nowrap; 
   overflow:hidden; 
	  text-overflow:ellipsis; /* pour ie */
 }
.text_H {
   font-family:'Microsoft Sans Serif'; 
   font-style:normal; 
   font-weight:normal; 
   font-size:8pt;
   text-decoration:none; 
   color: #000000; 
 }
.text_F {
   font-family:'Microsoft Sans Serif'; 
   font-style:normal; 
   font-weight:normal; 
   font-size:8pt;
   text-decoration:none; 
   color: #000000; 
 }
.text_UH {
   font-family:'Microsoft Sans Serif'; 
   font-style:normal; 
   font-weight:normal; 
   font-size:7pt;
   text-decoration:none; 
   color: #000080; 
   line-height:133%; 
 }
.text_UF {
   font-family:'Microsoft Sans Serif'; 
   font-style:normal; 
   font-weight:normal; 
   font-size:7pt;
   text-decoration:none; 
   color: #800000; 
   line-height:133%; 
 }
.text_S {
   position:absolute; 
   text-align: left; 
   line-height:133%; 
   font-family:'Microsoft Sans Serif'; 
   font-style:normal; 
   font-weight: bold; 
   font-size:8pt;
   text-decoration: none; 
   color: #008000; 
   }
a.fill {
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
   margin:0;
   padding:0;
   }
a.fill:hover {
   text-decoration:none; /* vire le soulignement quand on passe sur le lien*/
   }
a.fill:hover{
background:black;/*à adapter*/
opacity:0.1;/*à adapter*/
   }