.refer
{
visibility:hidden;
}

body { font-family: Arial, Helvetica, sans-serif; font-size: 5px;text-align: justify; text-indent: 0cm;scrollbar-arrow-color : #ffffff;scrollbar-base-color:##FFA800; scrollbar-dark-shadow-color : #FFFFFF ; scrollbar-face-color : #99CF16;scrollbar-highlight-color : #FFFFFF;scrollbar-shadow-color : #FFFFFF;}

.titre{font-family: Arial;font-size: 14; color:  #000000 ; font-weight: bold; text-align :left; text-transform: uppercase;}
.sstitre{font-family: Arial;font-size: 12; color:  #000000 ; font-weight: bold; text-align :left}
.commentaire{font-family: verdana ;font-size: 10; color: #222222; text-align:justify;}
.textebblanc{font-family: arial;font-size: 11; color: #FFFFFF; text-align:justify;}
.textebas{font-family: arial;font-size: 11; color: #000000; text-align:justify;}
.texte{font-family: arial;font-size: 12; color: #252525 ; margin-right:10;}
.textejustify{font-family: arial;font-size: 12; color: #252525 ; margin-right:10; text-align:justify;}

.titre2{font-family: Arial;font-size: 14; color:  #000000 ; font-weight: bold; text-align :left;}
.titre3{font-family: Arial;font-size: 16; color:  #000000 ; font-weight: bold; text-align :left;}
.textevert {font-family: arial;font-size: 11; color: #009697 ; margin-right:10; text-align :left;}
.texteblanc{font-family: arial;font-size: 11; color: #FFFFFF; margin-right:10; text-align:justify;}
.comment{font-family: arial;font-size: 12; color: #000000; margin-right:10; text-align:justify;}
.tdcasconcret{ border-style:solid; 
		border-color:#EF7310;
		border-width:1pt;}


input
{
color:#222222; 
background-color:#ffffff; 
font-size:9px; 
font-family:Arial; 
font-weight:italic; 
border-style:solid; 
border-color:#9898FF;
border-width:1pt;
}

a.LienText{color:#EF7310; font-size : 12px ; text-decoration : none ; font-weight:NONE; text-align : left; }
a.LienText:hover{color:#EF7310 ; font-size : 12px ; text-decoration : underline; font-weight: NONE;}

a.LienCom{color:#000000; font-size : 10px ; text-decoration : none ; font-weight:NONE; text-align : left; }
a.LienCom:hover{color:#000000 ; font-size : 10px ; text-decoration : underline; font-weight: NONE;}

a.LienTexteMini{color:  #EF7310 ; font-size : 10px ; text-decoration : none ; font-weight:NONE; text-align : left; }
a.LienTexteMini:hover{color:  #EF7310 ; font-size : 10px ; text-decoration : underline; font-weight: NONE;}

a.LienMenu{color:#FFFFFF; font-size : 12px ; text-decoration : none ; font-weight:bold; text-align : left; }
a.LienMenu:hover{color:#000000 ; font-size : 12px ; text-decoration : none; font-weight: bold;}

a.LienBas{color:#000000; font-family: Arial; font-size : 10px ; text-decoration : none ; font-weight:none; }
a.LienBas:hover{color:#000000 ; font-family: Arial; font-size : 10px ; text-decoration : underline; font-weight: none;}

a.lienSimple{font-family: arial;font-size: 12; color: #252525 ; margin-right:10;text-decoration : none ;}
a.lienSimple:hover{font-family: arial;font-size: 12; color: #252525 ; margin-right:10;text-decoration : underline;}

.btsub {
   cursor: pointer;  /* pour transformer de pointeur en main */
   font-family: verdana;
   font-size: 9;
   font-weight: bold;
   
}
.btloupe {
   cursor: url(/images/Loupe.cur), text; /* pour transformer de pointeur en loupe */   
}
.btsub:hover {
   background-position: 0 -128px;/* On déplace l'image d'arrière plan pour donner l'effet */
}

a {text-decoration: none; /* définition du lien qui affichera le "calque" */}
a:hover {background: none; /* correction d'un bug IE */}
a span { /* définition de la balise <span> inclue dans <a> */display: none;}
a:hover span { /* définition de la balise <span> au survol */display: inline;position:absolute; top:185px; /* positions et dimensions du calque, que vous pouvez changer à loisir */left:300;width: 200px;height: 100px;background: 99CF16;text-align: left;color: black;}

a.info {
  position:relative;
  border-bottom:1px #808080;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display: none;}
a:hover.info span {
  display: inline;
  position: absolute; 
  top:0.0em;
  left:11.1em;
  z-index: 20;
  background: #99CF16;
  color: #OOOOO;
  border:1px solid #000;
  width:200px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}