@CHARSET "ISO-8859-1";

* { font-family: arial ; font-size:12px;}

.clear {clear:both; height:0; font-size:1px; margin:0; padding:0; line-height:1px;}

#page-message-ok {color:#73337F; font-weight:bold; margin:10px 0 10px 0;}
#page-message-error { color:red;}

#errors-list { color:red; margin:10px 0 10px 0;}
.error-label {font-weight:bold; width:150px; text-align:right; float:left; margin-right:10px;}
.error-text { width:450px; text-align:left; float:left;}

#flash-block { width:970px; margin:auto; }

/* BLOCK TOGGLE */
#toggle-button { text-align:center; cursor:pointer;}

/* COMMENTAIRES */
#commentaires-block { width:700px; margin:auto; display:none; maring-top:40px; }
#commentaires-block-inner { margin-left:40px;}



/* FORMULAIRE */
.error { color:red; border:1px solid red;}
fieldset { border:none; padding:0; margin:0;}
label { float:left; width:400px; }
#pseudo { float:left; width:200px; margin-right:5px;}
#commentaire { float:left; width:100%; height:100px;margin-right:5px; }
.line-form { clear:both; margin:10px 0 0 0 ;}
#captcha { width:40px; }
#valider { background:url(../img/bt-valider.jpg) no-repeat 0 0; width:91px; height:23px; border:none; }


/* LISTE DES COMMENTAIRES */
#comments-list { margin-top:30px; }
#list-comments-title { margin:0; padding:0; width:60%; float:left; }
.pagination { width:35%; float:right; color:#fa980c; padding-top:4px; text-align:right;}
#label-pagination { width:35%; float:right; color:#fa980c; padding-top:4px; text-align:right;}
.pagination span { color:black;}
.pagination a{  color:#fa980c;}

.line-comment { margin-top:10px;}
.comment-header { background:#fef1b9; padding:2px; padding-left:10px;}
.comment-body { padding:5px;}


/********
* MANAGER
********/

#manager-commentaires-block{ width:900px; margin:auto; }
#manager-commentaires-block #page-message-ok { padding:10px; color:#6FBF47; border:1px solid #6FBF47;}



table {width:100%; border-collapse: collapse; }
table td { border:1px solid #fa980c;padding:5px;}
table td.manager-comment-header { width:150px; font-size:0.9em;}
table td.manager-comment-body { width:350px; font-size:0.9em;}
table a {color:#fa980c;}
.unpublished, .unpublished * { background:#FFEBCF; } 
.published, .published * { background:white; }

.manager-actions { width:120px; text-align:center;}
#tools { margin:10px 0 10px 0; background:#FF9600; color:white; padding:10px;}
#tools a  {color:white; font-weight:bold;}


