@charset "utf-8";
/* CSS Document */

html { font-size: 62.5%; }

body { margin: 0; padding: 0; text-align: left;
		background-color: #fff; color: #000000;
		background-image: url(content_bg.jpg); background-position: top; background-repeat: repeat-x; 
		font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; }

#container { width: 90%; margin: auto; background-color: #ffffff; border-left: 1px solid #666666; border-right: 1px solid #999999; }

a { color: #15799a; letter-spacing: 1px; font-weight: bold; }
a:hover { color: #76991f; }

form { margin: 0; padding: 0; }

#header { background-color: #ffffff; color: #333; font-weight: bold; font-size: 1.3em; padding: 12px; text-align: right; }
#header #logo { float: left; padding: 0 12px 0 24px; }
#header h1 { display: none; }

#loginheader { width: 500px; margin: auto; }
#loginform { width: 500px; margin: auto; padding: 48px; text-align: left; }
#loginform label { clear: left; float: left; width: 120px; text-align: right; margin: 6px 12px 0 0; font-size: 1.0em; line-height: 2; font-weight: bold; }
#loginform input { margin: 6px auto; font-size: 1.4em; }
#loginform #login { margin-left: 130px; }
#loginfooter { width: 500px; margin: auto; font-size: 0.8em; color: #666666; }

#menu { clear: both; background-color: #444; box-shadow: inset 0 -2px 5px #333; }
#menu table th { padding: 3px 6px 3px 6px; width: 150px; border-right: 1px solid #666666; text-align: center; }
#menu table a { color: #fff; text-decoration: none; }
#menu table a:hover { text-decoration: underline; } 
#menu .actif { background-color: #7ac142; color: #333; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#menu .actif a { color: #333; }

#content_top { background-image: url(content_bg.jpg); background-position: top; background-repeat: repeat-x; height: 8px; }

.content { width: 95%; margin: 12px auto 12px auto; }

.data { border: 0; width: 100%; }
.data th { background-color: #0374a4; padding: 8px; color: #ffffff; border-bottom: 2px solid #666666; text-align: center; }
.data td { padding: 4px; margin: 0; border-bottom: 1px solid #999999; text-align: center; }

.alt { background-color: #dddddd; }
.del { background-color: #dd9999; }
.closed { color: #cccccc; }
.question { background-color: #fff000; }
.retour { background-color:#990000; color:#FFFFFF; }
.retouravenir { background-color:#FFE6E6; }
.new { background-color: #b3f9c5; font-weight: bold; }

.label { text-align: right; }
.field { text-align: left; color: #76991f; }

#bcselected { font-weight: bold; background-color: #dde3c8; }
#boncommande { margin: 24px auto; text-align: center; }
#boncommande table { margin: 12px auto; width: 85%; text-align: left; }
#boncommande td { padding: 4px 8px 4px 8px;  }
#boncommande .timestamp { border-right: 1px solid #999999; border-top: 2px solid #666666; }
#boncommande .bcstatus { font-weight: bold; border-top: 2px solid #666666; }
#boncommande_ajout { padding: 6px; border: 1px solid #999999; }

#admin { border: 1px solid #999999; padding: 12px; }
#admin td { padding: 4px; }

#footer { padding: 8px; background-color: #333; color: #cccccc; }
#footer a { color: #fff; letter-spacing: 0; }