BODY {
  background-color :rgb(255, 255, 224);
  font-family: "Comic Sans MS"; 
  font-size : 8pt;
  text-align : left;
  margin : 2px,2px,2px,2px;
  padding : 0px,0px,0px,0px;
}

body  {
  background-color : rgb(255, 255, 224);
  font-family: "Comic Sans MS"; 
  font-size : 8pt;
  text-align : left;
  margin : 2px,2px,2px,2px;
  padding : 0px,0px,0px,0px;

}

TABLE
{
  border-width :0;
  padding:0;
}  
   A {text-decoration:none}
   A:hover {text-decoration:underline}
   A:active {color:blue}
   A:visited {color:black; }

   a {text-decoration:none}
   a:hover {text-decoration:underline}
   a:active {color:blue}
   a:visited {color:black; }
 A:link {text-decoration: none; color: blue; font-family: Comic Sans MS; font-size: 8pt}
A:visited {text-decoration: none; color:#000099 ; font-family: Comic Sans MS; font-size: 8pt}
A:active {text-decoration: none; color:black; font-family: Comic Sans MS; font-size: 8pt}
A:hover {text-decoration: underline; color: #9900FF; font-size: 8pt}
TD  {
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}

th  {
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}
TH {
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}

input  {
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}
INPUT{
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}
textarea {
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}

TEXTAREA{
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}

option  {
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}
OPTION {
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}
button
{
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}
BUTTON
{
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}
modele
{
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}
materiel
{
  font-family : Arial;
  font-size : 8pt;
  vertical-align : top;
}

SELECT.largeur {
width: 200px;
height: 20;
}

input.largeur {
width: 200px;
height: 20;
}

input.largeurdate {
width: 80px;
height: 20;
}

A.Menu {
  font-size : 9pt;
}

.Title  {
	font-family: "Comic Sans MS"; 
	font-size : 11pt;
	font-weight: bold ;
	color : #000066;
}
.passage  {
	font-size : 10pt;

}
.fichier  {
	font-family: "Comic Sans MS"; 
	font-size : 8pt;
	font-weight: bold ;
	color : blue;

}

.accueil
{
	color : #000066;
	font-family: "Comic Sans MS"; 
	font-size : 11pt;
}
.bulle
{
	color : blue;
	font-family: "Comic Sans MS"; 
	font-size : 8pt;
	text-align :left;
}

.TopTitle  {
	font-size : 8pt;
	font-weight : bold;
	font-style : italic;
	color : white;
	text-align : left;
}


.bouton_modifier 
{
 border-width: 2px  BLUE ;
 margin: 0px;
 height: 20px;
 width: 40px;
 text-align: center;
 padding:5px;
background-color : rgb(164, 164, 255);
 border-style: outset;
 display: block;
 cursor:pointer;}

.bouton 
{
 border-width: 2px  BLUE ;
 margin: 0px;
 height: 20px;
 width: 120px;
 text-align: center;
 padding:5px;
background-color : rgb(164, 164, 255);
 border-style: outset;
 display: block;
 cursor:pointer;}
  

.boutonanalyse 
{
 border-width: 2px  BLUE ;
 margin: 0px;
 height: 40px;
 width: 120px;
 text-align: center;
 padding:5px;
background-color : rgb(164, 164, 255);
 border-style: outset;
 display: block;
 cursor:pointer;}
  


.materielcadre
{
 border-width: 2px BLUE;
 margin: 0px;
 height: 20px;
 width: 200px;
 text-align: center;
 padding:5px;
background-color :  rgb(255, 255, 220);
 border-style: outset;
 display: block;
 cursor:pointer;}
 

.materiel 
{
 border-width: 2px BLUE;
 margin: 0px;
 height: 20px;
 width: 200px;
 text-align: center;
 padding:5px;
background-color :  rgb(255, 255, 220);
 border-style: outset;
 display: block;
 cursor:pointer;}
 

.FAP 
{
 border-width: 0px BLUE;
margin: 0px;
 height: 20px;
 width: 200px;
 text-align: center;
 padding:0px;
background-color :  rgb(255, 255, 220);
 display: block;
 cursor:pointer;}


.FAPcadre
{
 border-width: 2px BLUE;
 margin: 0px;
 height: 160px;
 width: 200px;
 text-align: center;
 padding:5px;
background-color :  rgb(255, 255, 220);
 border-style: outset;
 display: block;
 cursor:pointer;}
 
 
.description 
{
visibility:hidden;
position:relative;
border:5 solid # 000000color: blue;
background: white;
}

.FSGFVM
{
 border-width: 2px BLUE;
 margin: 0px;
 height: 20px;
 width: 100px;
 text-align: center;
 padding:5px;
background-color :  rgb(255, 255, 220);
 border-style: outset;
 display: block;
 cursor:pointer;}
 

.FOUR
{
 border-width: 2px BLUE;
 margin: 0px;
 height: 15px;
 width: 200px;
 text-align: center;
 padding:5px;
background-color :  rgb(255, 255, 220);
 border-style: outset;
 display: block;
 cursor:pointer;}
 



.boutonIM
{
 border-width: 2px  BLUE ;
 margin: 0px;
 height: 20px;
 width: 160px;
 text-align: center;
 padding:5px;
background-color : rgb(164, 164, 255);
 border-style: outset;
 display: block;
 cursor:pointer;}
 



.aide {
 border-width: 2px  BLUE ;
 margin: 0px;
 height: 20px;
 width: 50px;
 text-align: center;
 padding:5px;
background-color :rgb(255, 255, 224);
border-style: outset;
 display: block;
 cursor:pointer;}


.quitter {
 border-width: 2px  BLUE ;
 margin: 0px;
 height: 15px;
 width: 50px;
 text-align: center;
 padding:5px;
background-color :rgb(255, 255, 224);
border-style: outset;
 display: block;
 cursor:pointer;}

//base materielle




 .carte {
 border-width: 2px  BLUE ;
 margin: 0px;
 height: 20px;
 width: 200px;
 text-align: center;
 padding:5px;
background-color : rgb(255, 255, 200);
 border-style: outset;
 display: block;
 cursor:pointer;}
 
 
 .cartepm {
 border-width: 2px  BLUE ;
 margin: 0px;
 height: 20px;
 width: 40px;
 text-align: center;
 padding:5px;
background-color : rgb(255, 255, 200);
 border-style: outset;
 display: block;
 cursor:pointer;}
 
//infobulle 

a.info {
 border-width: 2px  BLUE ;
position: relative;
text-decoration: none;
border:5 solid # 000000color: blue;
color: black;
border-bottom: 10px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* contournement d?un bogue d?IE */
z-index: 500;
}
a.info:hover span {
       text-decoration: none;
       display: inline;
       position: absolute;
       z-index: 500;
       margin:0em 0 0 1em;
       background: #F0F0FA;
       text-align: left;
       color: #6262A4;
       padding: 3px;
       border:1px solid #6262A4;
       width: 150px;
}


/* progress bar container */
#progressbar{
    border:1px solid black;
    width:200px;
    height:20px;
    position:relative;
    color:black;
}
/* color bar */
#progressbar div.progress{
    position:absolute;
    width:0;
    height:100%;
    overflow:hidden;
    background-color:#369;
}
/* text on bar */
#progressbar div.progress .text{
    position:absolute;
    text-align:center;
    color:white;
}
/* text off bar */
#progressbar div.text{
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
}


.clsLdBar {
  position: relative;
  overflow: hidden;
  width: 220px;
  height: 20px;
  padding: 1px;
  visibility: hidden;
  background-color: #CCC;
  border: 1px solid #000;
}
.clsLdBlk {
  position: relative;
  overflow: hidden;
  width: 18px;
  margin: 0 0 0 1px;
  color: #FFF;
  background-color: #009;
  border: none;
  float: left;
  text-align: center;
  font-weight: bold;
  padding: 0;
  visibility: hidden;
}