body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
background-color:#CCCC99;
margin: 0;
padding: 0;
}

a {
font-size:12px;
color:#214909;
text-decoration:none;
font-weight:bold;
}

a:hover {
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

input {
font-family: verdana;
font-weight:bold; 
font-size: 14px; 
color: #004774; 
background-color: #FFF}

textarea {
font-family: verdana;
font-weight:bold; 
font-size: 14px; 
color: #004774; 
background-color: #FFF}

.center{
text-align:center;
}
.fdcolor03{
background-color: #7e8a91;
text-align:left;
}
.fdcolor04{
background-color: #4b565c;
color:#b0bbc1;
}
.fdcolor05{
background-color: #a1b0b7;
color:#000;
}
.petit {
font-size:9px;
color:#FFF;
text-align:center;
}
.titre {
font-size:12px;
/*text-align:center;
font-weight:bold; */
color:#cccccc;
}
.titre01 {
font-size:14px;
text-align:center;
font-weight:bold; 
color:#000000;
}
.titre02 {
font-size:10px;
color:#cccccc;
}
.titre03 {
font-size:11px;
color:#000000;
}
.titre04 {
font-size:14px;

font-weight:bold; 
color:#000000;
}
.titre05 {
font-size:14px;
font-weight:bold; 
text-align:center;
color:#FFFFFF;
background-color:#214909;
}
div.background
  {
  width: 290px;
  height: 280px;
  }
div.transbox
  {
  width: 335px;
  height: 275px;
  margin: 0px 10px;
  background-color: #ffffff;
  border: 1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
  }
div.transbox p
  {
  margin: 10px 10px;
  color: #000000;
  }

.rouge {color: #FF0000}
.gris {color: #b0bbc1}
.gris02 {color: #4b5053}