@charset "UTF-8";

/* DOCUMENT ARCHITECTURE */
* { margin:0; padding:0; }
body {
   font: 75% Arial, Verdana, Sans-Serif;
	font-size: 12px;
	background-color: #f9f9f9;
	color: #000000;
	width: 960px;
	margin: 0 auto 0 auto;
}

#admin-container {
	width: 960px;
	margin: 50px auto;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	padding: 5px;
}

#admin-container table {
	width: 100%;
}

#admin-container table td, th {
	padding: 5px;
	text-align: left;
}

#footer { border-top: 1px solid #e4e4e4; width: 300px; margin: 0 auto 0 auto; }
#feedback { display: none; margin: 10px auto; }
#loading { display: none; margin: 10px 0; text-align: center; }

/* FORM */
#form fieldset {
	width: 338px;
	margin: auto;
	border: 1px solid #e4e4e4;
	background-color: #ffffff;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}

#form legend {
	text-align: center;
	border:1px solid #e4e4e4;
	background-color: #ffffff;
	padding: 0 5px 0 5px;
	font-size: 12px;
}

#form label {
	display: block;
	float: left;
	width: 70px;
	margin: 6px 0 0 0;
}

.input { width: 250px; border: 1px solid #e4e4e4; padding: 5px; margin: 5px 5px 5px 0; }
.input:hover { background-color: #f9f9f9; }
.input:focus { background-color: #f9f9f9; outline: none; }
.button { width: 100px; border: 1px solid #e4e4e4; padding: 5px; 
	background-color: #ffffff; float: right; margin: 5px 5px 0 0; cursor: pointer; }

/* TYPOGRAPHY */
#form h1 { text-align: center; margin-bottom: 5px; font-weight: normal; }
#footer p { font-size: 12px; text-align: center; }
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
.link { text-align: center; margin-bottom: 5px; display: none; }
.success {
	width: 338px;
	background: #a5e383;
	border: 1px solid #337f09;
	padding: 5px;
	text-align: center;
	margin: 0;
	position: relative;
}

.error {
	width: 338px;
	background: #ea7e7e;
	border: 1px solid #a71010;
	padding: 5px;
	text-align: center;
	color: #ffffff;
	position: relative;
	margin: 0;
}

.info {
	width: 638px;
	background: #c6d8ee;
	border: 1px solid #84a0c3;
	padding: 5px;
}


.successD {
	width: 638px;
	background: #a5e383;
	border: 1px solid #337f09;
	padding: 5px;
	text-align: center;
	margin: 0;
	position: relative;
}

.errorD {
	width: 638px;
	background: #ea7e7e;
	border: 1px solid #a71010;
	padding: 5px;
	text-align: center;
	color: #ffffff;
	position: relative;
	margin: 0;
	left:0;
}

.infoD {
	width: 638px;
	background: #c6d8ee;
	border: 1px solid #84a0c3;
	padding: 5px;
}




#container{font:13px arial,sans-serif; margin:50px 0;}
#main{width:920px;margin:4em auto 4em auto;border:1px solid #aaaaaa;padding:20px;background-color:#ffffff;border-radius:10px;}
h1{margin-bottom:10px;}
h2{ font-size:15px; border-bottom:2px solid #000; width:920px; margin:10px 0; margin-top:40px;}
a{text-decoration:underline;color:#000000;}
.spacer{margin:20px 0 0 0; clear:both;}
span{text-decoration:underline;}
pre{margin:20px 10px 20px 10px;}
p{margin:5px 0 5px 0}
ul{margin:10px 0 20px 20px;}
		
div#dataUser { position:relative; float:right; margin:5px; padding:10px; background:#f9f9f9; border:1px solid #aaaaaa; border-radius:10px; width:550px;}
div#dataUser h3 { font-size:12px; margin-bottom:10px;}
div#dataUser a.logout,div#dataUser a.modif  { background:#333; color:#fff; border-radius:7px; margin:5px 0; padding:5px; width:190px; display:inline-block; text-align:center; font-weight:bold; text-decoration:none; }
div#dataUser a.logout:hover { background:#C03; }
div#dataUser a.modif:hover { background:#666; }

div#addPointBox { background:#eee; padding:10px; width:900px; font-weight:bold;}
a#addPoint, a#modPointButton, a#modPigisteButton, a#addPigisteButton, a#modTacheButton, a#addTacheButton, a#pdf, a#backpigelist, a.vadFiche, a.addPigiste  { background:#333; color:#fff; position:relative; top:-2px; right:-3px; margin:0px; padding:3px 10px; display:inline-block; text-align:center; font-weight:bold; text-decoration:none; float:right; margin:0px; }
a#addPigiste { float:left;}
a#addPoint:hover, a#modPointButton:hover, a#modPigisteButton:hover, a#addPigisteButton:hover, a#modTacheButton:hover, a#addTacheButton:hover, a#pdf:hover, a#backpigelist:hover, a.addPigiste:hover  { background:#059609; color:#fff; cursor:pointer;}
a.vadFiche  { background:#F60; color:#fff; cursor:pointer; margin-bottom:5px;}
a.vadFiche:hover  { background:#36F; color:#fff; cursor:pointer; } 
a#backpigelist:hover  { float:right;}

div#pointsList {border-bottom:1px solid #333;}
form#changeMonthForm { width:920px; text-align:center; padding:5px 0; font-size:15px; position:relative; top:-10px; margin-bottom:-10px; border-bottom:1px solid #333;}
table#pointListTable { width:920px; text-align:center; padding:0; border-bottom:1px solid #333;  }
table#pointListTable tr th { font-weight:bold; background:#eee; padding:5px; text-align:center;}
table#pointListTable tr th.date { font-weight:bold; background:#eee; padding:5px;  text-align:left; padding-left:5px;}
table#pointListTable tr td { text-align:center; padding:3px 5px;}
table#pointListTable tr td.date { text-align:center; width:50px;  padding:3px 5px; text-align:left; padding-left:5px;}
table#pointListTable tr td.datej { text-align:center; width:10px;  padding:3px 5px; text-align:left; padding-left:5px;}
table#pointListTable tr td.modif, table#pointListTable tr td.delete, table#pointListTable tr th.modif, table#pointListTable tr th.delete { width:10px;}
table#pointListTable tr td.modif a, table#pointListTable tr td.delete a { width:20px; margin:0; display:inline-block; background:#333; text-decoration:none; color:#fff; font-weight:bold; cursor:pointer;}
table#pointListTable tr td.modif a:hover { background:#059609; } 
table#pointListTable tr td.delete a:hover { background:#C03; }
a#changePrevMonth, a#changeNextMonth { width:30px; display:inline-block; background:#333; text-decoration:none; color:#fff; font-weight:bold; cursor:pointer; margin:0 35px; } 
a#changePrevMonth:hover, a#changeNextMonth:hover { background:#666; } 
#changeMonth span.monthFR { width:200px; text-align:center; display:inline-block; border:none; text-decoration:none; font-weight:bold; text-transform:uppercase;}
div.null { text-align:center; margin:100px;}

#addtache { display:none;}
#addtache.readyin { display:block;}
#addtache.readyout { display:none;}



table#addTacheTable { width:920px; text-align:center; padding:0; border-bottom:1px solid #333;  }
table#addTacheTable tr th { font-weight:bold; width:40px; background:#eee; padding:5px; text-align:center;}
table#addTacheTable tr td { text-align:center; width:40px;  padding:3px 0;}
table#addTacheTable tr td.num { text-align:center; padding:0 3px; text-align:left; padding-left:5px; background:#333; color:#fff; font-weight:bold; }

a#addTache  { background:#333; color:#fff; position:relative; margin:0px; padding:3px 10px; display:inline-block; text-align:center; font-weight:bold; text-decoration:none; float:right; margin:0px; }
a#addTache:hover  { background:#059609; color:#fff; cursor:pointer;}


table tr.listMembers { cursor:pointer; }
table tr.listMembers:hover td { background:#FC9; }