/** BLEU: #0379BF ORANGE : #F6A800 } **/

* { font-family: Helvetica; color: black; }
body, input, select, textarea, p, div, td, th { font-size: 12px; }

/** LAYOUT **/
div #sidebar { width: 150px; float: left;  background: #DDD; border: 1px solid #999; -moz-border-radius: 2px ; margin: 5px 0px; padding: 5px; vertical-align: top;}
div #content { margin: 5px 0px 5px 167px; border: 1px solid grey; padding: 5px; vertical-align: top;}
div #content_lr { margin: 5px 217px 5px 167px; border: 1px solid grey; padding: 5px; vertical-align: top;}
div #rightbar { width: 200px; float: right;  background: #DDD; border: 1px solid #999; -moz-border-radius: 2px ; margin: 5px 0px; padding: 5px; vertical-align: top;}
div.copyright { text-align: center; color: #999; font-size: 10px; }
.gris {background-color: #DDD; }

a.active { background-color: red; }
div.pager { text-align: center; margin: 15px;}

div.pager a { border: 1px solid #666; padding: 5px; text-decoration: none;}
div.pager a:hover { background-color: #CCC;}
/** -- **/
div.general { width: 1000px; margin: auto; border: 1px solid #333; padding: 5px;   -moz-border-radius: 13px 13px 5px 5px; }
a img {border: none; }
h1 { text-align: center; margin-top: 0; color: #0379BF; }
h1.admin { text-align: center; margin-top: 0; background-color: #0379BF; color: #fff;}
div.containcenter {width: 850px; margin:5px auto; border:1px solid #333; padding: 10px;}
ul.error_list { float: right; margin: 0; color: red;}
ul.error_list li, .error { font-weight: bold; color: red;}
ul li {list-style-type: none; }
form { width: 100% }
.mandatory { font-style:italic; font-weight: bold;} 

input, select, textarea { border: 1px solid #BBB ; padding: 2px;}
input[type=button],input[type=submit]{ border: 1px solid #666;}

table {border-collapse:collapse;}
table caption { margin:0px; padding-right: 10px; text-align: right;  }

h2 { background-color:  #0379BF; color: white; font-size: 25px; margin: 0px;  padding: 2px 10px;}
h3 { background-color:  #0379BF; color: white; font-size: 15px; margin: 5px 0px 0px;  padding: 2px 10px;}
h5 { color: #015FAE; font-size: 12px;}
div.actions { text-align: center; padding: 4px }
div.actions a { padding: 2px 5px; background-color: #DDD; border: 1px solid #999; text-decoration: none; }

input.ok {background-color: #0B0; }
input.notok {background-color: red; }
/** -- Listes -- **/
table.liste { margin: 10px auto; width: 95%; border: 1px solid #CCC;}
table.liste tr:hover {background-color: #ccc;}
table.liste th { background-color: #F6A800; text-align: left; padding: 5px; }
table.liste td { padding: 5px; }
 table.liste th.petit { width: 100px; }
tr.l1  { background-color: white ;}
tr.l2  { background-color: #eee;}

/** -- Fiches -- **/
table.fiche { width: 800px; margin: 20px 0px;}
table.fiche th {  padding: 5px;  text-align: right; vertical-align: top; font-weight: normal;   width: 200px;}
table.fiche td { padding:  5px; }
table.fiche input[type=text], table.fiche textarea { width: 300px; }

/** -- Facture -- **/
table.facture { border: 1px solid #ccc; width: 400px; margin: 20px 0px; margin: auto;}
table.facture th {  padding: 5px;  text-align: right; vertical-align: top; font-weight: normal;  width: 200px; }
table.facture td { padding:  5px; text-align: right;}
table.facture tr.total * { font-weight: bold; border-top: 1px solid #ccc }

/** -- Accueil --**/
ul.accueil { width: 400;  }
ul.accueil li a { display: block; padding: 10px; width: 300px; margin: 5px; background-color: #eee; border: 1px solid #999; font-size: 12px; text-decoration: none;}
ul.accueil li a b{ text-decoration: underline; font-weight: bold;}
ul.accueil li a:hover { background-color: #eef; }

/** PAGER **/
table.pager th { padding: 5px; }
table.pager a  { padding: 5px; border: 1px solid grey; text-decoration: none; }
table.pager a.active  { background-color: #F6A800; }