Body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;

}

#ttaff {
    width:50px;
    float:left;
    background-color: #009900;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    text-align:right;
    padding-right:2px;
    }


}

#nom {
    width:197px;
    float: left;
    padding-left: 3px;  
}

#sujet {
    width : 295px;
    float:left;
    padding-left: 3px;  

    }
    
#email {
    width : 295px;
    float:left;
    padding-left: 3px;  
    }

#date {
    width: 197px;
    float:left;

    padding-left: 3px;      
    }
    
textarea, input, a, p, td {
    font-size:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}



#cadresup {
    /*width:460px;*/
    width:660px;
    height:180px;
    font-size:11px;
    float:left;
    font-weight: bold;
    background-color: #FFFFCC;
}

#cadrebout{

    width:160px;
    height:180px;
    float:left;
    color: #000000;
    text-align:center;
    background-color: #FFFFCC;  
}

#cadrebout p {
      margin : 0 0 0 0;
     line-height:90%;
     font-size : 85%;
}

#cadreinf {
    /*width:620px; */
    width:830px;
    height:300px;
    overflow:scroll;
    overflow-x:hidden;
    float:left;
    color: #000000;
    background-color: #F8F0C7;
    margin-top:5px;
}




.bt {
      color: white;
      background-color: #009900;
      text-decoration: none;
      font-size:11px;
      font-weight: bold;
      text-align: center;

      padding:0 0 0 0;
      border: 2px outset #FFCC00;
      display: block;
      width: 90px;
      margin: auto;
}
.bt:hover {
      background-color: #FFCC00;
      border: 2px inset #c0c0c0;
}

.bt:visited {
      color: white;
}

hr {
   margin-top:5px;
  clear: both;
  visibility:visible:

}