#nbComments{ 
	
	padding:10px 0 10px 20px;  
	background: url(../img/comments.jpg) no-repeat scroll left top;   ; 
	font-size:16px;
	text-transform:uppercase; 
}

#comment{
	padding:10px 0px;
}
   
#message{
	background:#101010 none repeat scroll 0 0;
	margin:0 0 0 44px;
	padding:20px 20px;
	width:870px;
}

#legende{ 
       padding:20px 20px 20px 0px;   
      	background:#000000 url(../img/flecheCom.jpg) no-repeat scroll 56px top;      
	
}
    #comment .name{ text-transform: capitalize; color:#00a0ae; }     


#champs
{
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    margin:15px 0 0 5px;
    width:580px;
    border:2px solid #444;
    background:#111;
    color:#666;
}

#champs legend
{
    padding:4px;
    margin:10px 0px 10px 20px;
    background:#444;
    color:#ccc;
    text-transform:uppercase;
    font-weight:bold;
    border:3px solid #444;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

#formAddComment { margin-bottom:50px; }

#formAddComment label {
    float: left;
    width: 22%;
    text-align:right;
    margin: 0;
    padding: 0 .5em 0 0;
    line-height:18px;
    color:#666;
}

#formAddComment input {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #666;
    padding:2px;
    margin:1px;
}

#formAddComment textarea{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #666;
    padding:2px;
    margin:1px;
}

.oblig
{
    font-weight: bold;
}

.focus
{
    background:#ddd;
    color: black;
}

.normal
{
    background:white;
    color: black;
}

.error
{
    color:white;
    background:red;
}

#but_submit {
    margin:5px 0;
}

.alerte{
    color:red;
}
