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

a {
font-size:12px;
cursor :pointer;
color:#b0bbc1;
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}

.txt {
font-family: verdana;
font-size: 11px; 
color: #b0bbc1; 
}

.center{
text-align:center;
}

.fd1{
background-image:url(img/fd02c.jpg);
background-repeat: no-repeat;
background-position:top;
}
.fd2{
background-image:url(img/fond2/fd02.jpg);
background-repeat: no-repeat;
background-position:top;
}
.fd3{
background-image:url(img/fond3/fd02.jpg);
background-repeat: repeat;
background-position:top;
}
.fd02b{
background-image:url(img/fd02b.jpg);
background-repeat: no-repeat;
background-position:top;
}
.fd01{
background-image:url(img/fd01.jpg);
background-repeat: repeat;
}
.fd02{
background-image:url(img/fond2/fd01.jpg);
background-repeat: repeat;
}
.fd03{
background-image:url(img/fond3/fd01.jpg);
background-repeat: repeat;
}
.fd001{
background-image:url(img/fd001.jpg);
background-repeat: repeat;
background-color: #6b757b;
}
.fdcolor{
background-color: #6b767c;
}
.fdcolor00{
background-color: #000;
}
.fdcolor01{
background-color: #6b767c;
}
.fdcolor02{
background-color: #fbff00;
font-size:14px;
font-weight:bold; 
color:#000;
text-align:left;
}
.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;
}
.titre0 {
font-size:14px;
text-align:left;
font-weight:bold; 
color:#FFF;
}
.titre00 {
font-size:12px;
text-align:left;
font-weight:bold; 
color:#efefef;
}
.titre {
font-size:12px;
text-align:left;
font-weight:bold; 
color:#000000;
}
.titre01 {
font-size:14px;
text-align:center;
font-weight:bold; 
color:#FFFFFF;
}
.titre02 {
font-size:10px;
color:#FFF;
}
.titre03 {
font-size:14px;
font-weight:bold; 
text-align:center;
color:#FFF;
margin-top:10px;
}
.titre04 {
font-size:14px;

font-weight:bold; 
color:#000000;
}
.titre05 {
font-size:14px;
font-weight:bold; 
text-align:center;
color:#FFFFFF;
background-color:#353d41;
}
div.background
  {
  width: 290px;
  height: 290px;
  }
div.transbox
  {
  width: 335px;
  height: 290px;
  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}


div.background2
  {
  width: 290px;
  height: 290px;
  }
div.transbox2
  {
  width: 530px;
  height: 290px;
  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.transbox2 p
  {
  margin: 10px 10px;
  color: #000000;
  }