body{
background-color:#232327;
}

.container{width:820px; margin:0 auto;}


.bloc{
width:auto; 
display:block;
margin-top: 10%;

}


.contenuhg{
width:293px;
height:450px;
float: left;
display:block;
background-color: #232327;
}

.contenuhd{
width:500px;
height:500px;
float: left;
margin-left: 8px;
display:block;
background-color: #232327;
}

.contenubg{
margin-top: -20px;
width:404px;
height:460px;
float: left;
display:block;
background-color: #1C1C1F;
}

.contenubd{
margin-top: -20px;
margin-left: 12px;
width:385px;
height:460px;
float: left;
display:block;
background-color: #1C1C1F;
}

.foot{
margin-top: 10px;
width:801px;
height:30px;
float: left;
display:block;
background-color: #232327;
border-top: solid 2px;
border-color:#424248;
}

input[type="text"] {
 width:230px;
 height:23px;
 background-color:#2C2E34;
 color:#CECFD0;
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 margin-left: 10px;
 margin-top: 3px;
 border: none;
 }

textarea {
 width:380px;
 height:235px;
 background-color:#2C2E34;
 color:#CECFD0;
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 margin-left: 10px;
 margin-top: 3px;
 border: none;
 }

input[type="submit"] { 
 width: 86px; 
 height: 22px; 
 border: none;  
 background: url("../img/send.png") no-repeat left top; 
 margin-left: 308px;
 margin-top: 3px;
 color:transparent;
 }
 
 p.box{
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: center;
 color:#CECFD0;
 text-decoration: underline;
 }
 
  p.req{
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: left;
 color:#CECFD0;
 margin-left: 10px;
 margin-top: -20px;
 }
 
 p.footer{
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: right;
 color:#CECFD0;
 margin-top: 2px;
 }

p.box a:link{
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: center;
 color:#656666;
 }
 
p.box a:hover {
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: center;
 color:#656666;
text-decoration: underline;

}
p.box a:active { 
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: center;
 color:#656666;

}
p.box a:visited {
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: center;
 color:#656666;
}

.info_holder{width:200px;height:30px; float:left; display:inline;}

.hide{display:none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}