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

body{ margin:0px; color:#333; font: 13px Helvetica; background:#fefefe;}
a{ color: #333; }
a:hover{ color: #999; }
img{border:0;}

h1{font-size:2.7em; color:#333; text-align:center; margin:.9em auto .3em auto;}

.clear{clear:both; height:1px; line-height:1px;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

#content{ height: 100%;padding:20px; }


/* menu	*/
#menu{margin:0; padding:0;}
#menu ul{list-style:none; margin:0; padding:0;}
#menu li{float:left; margin:0; padding:0; text-align:center;}
#menu a{display:inline-block; background:#0099FF; color:#fefefe; min-width:9em; height:2em; line-height:2em; vertical-align:middle; text-decoration:none; padding:0em .5em 0em .5em;}
#menu a:hover{font-weight:bold; background:#fefefe; color:#0099FF;}


/*	Formulaire connexion	*/
#client-login{width:40em; margin:auto; line-height:2em; 
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); 
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); 
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);}

#client-login fieldset{border:none;}
#client-login h2{text-align:center; padding-top:1em; margin:0;}


/*	Boutons d'action	*/
.add{display:inline-block; width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/add.png") no-repeat center;}
.edit{display:inline-block; width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/edit.png") no-repeat center;}
.permission{display:inline-block; width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/permission.png") no-repeat center;}
.delete{display:inline-block; width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/delete.png") no-repeat center;}
.view-project{display:inline-block; width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/go.png") no-repeat center;}

/*	Liste des projets	*/
#project-list{width:100%;}
#project-list td{text-align:center; border:1px solid #ccc; border-right:0;}
#project-list td:last-child{text-align:center; border-right:1px solid #ccc;}
#project-list td div.progress{ width:10em; border:1px solid #888; padding:0; margin:0 auto 0 auto; display:inline-block;}
#project-list td div.progress div{ background:#3399FF;  margin:0; padding:0;}

/*	Détails des projets	*/
.todo{width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/todo.png") no-repeat center;}
.done{width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/done.png") no-repeat center;}
.tocorrect{width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/tocorrect.png") no-repeat center;}
.stopped{width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/stopped.png") no-repeat center;}
.inactive{width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/inactive.png") no-repeat center;}
.tocheck{width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/tocheck.png") no-repeat center;}
.checked{width:36px; height:36px; padding:0; margin:0; cursor:pointer; background:url("../img/checked.png") no-repeat center;}

/*	Liste des utilisateurs	*/
#user-list{width:100%;}
#user-list td{text-align:center; border:1px solid #ccc; border-right:0;}
#user-list td:last-child{text-align:center; border-right:1px solid #ccc;}


/*	Tooltip */
.tip-interact{cursor:pointer;}



/*	Formulaires	*/
form{width:30em; margin:auto; padding:0em}
fieldset{padding:0; margin:0; border:0;}
button{
	border:0;
	margin:.5em;
	cursor:pointer;
   /*border-top: 1px solid #96d1f8;*/
   background: #65a9d7;
	 background:#66CCFF;
	 /*
   background: -webkit-gradient(linear, left top, left bottom, from(#54a4d9), to(#65a9d7));
   background: -webkit-linear-gradient(top, #54a4d9, #65a9d7);
   background: -moz-linear-gradient(top, #54a4d9, #65a9d7);
   background: -ms-linear-gradient(top, #54a4d9, #65a9d7);
   background: -o-linear-gradient(top, #54a4d9, #65a9d7);
	 */
   background: -webkit-gradient(linear, left top, left bottom, from(#54a4d9), to(#66CCFF));
   background: -webkit-linear-gradient(top, #54a4d9, #66CCFF);
   background: -moz-linear-gradient(top, #54a4d9, #66CCFF);
   background: -ms-linear-gradient(top, #54a4d9, #66CCFF);
   background: -o-linear-gradient(top, #54a4d9, #66CCFF);
	 
   padding: 13px 26px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}
button:hover{background: #0596f7; color: #fefefe;}
button:active{background: #0596f7;}
form p{margin:.8em; padding:0;}
form label{font-size:1.8em;}
form input[type="text"], form input[type="password"], form textarea{width:15em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.2); font-size:1em; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; color:#888;}
form textarea{height:10em; font-size:.5em; width:30em; }
form input[type="file"]{font-size:.5em; border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0;}
form .dd-option-text{font-size:1em;}

/*form span{display:block; width:12em; margin:.5em; float:left; border:1px solid; font-size:.7em; line-height:.6em; vertical-align:middle;}*/

/* Switch effect */
.switch{display:block; width:9em; margin:.5em; float:left; font-size:1em; line-height:1em; vertical-align:middle; text-align:center;}
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../img/switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px; padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
span.label{font-size:1.2em;}
/*.cb-enable label span, .cb-disable label span{font-size:.1em;}*/
.switch label { cursor: pointer; }
.checkbox{display:none;}



/*	Commentaires	*/
.comment-text{padding:.3em; border:1px solid #ccc; margin:.8em;}
.comment-author{font-size:.6em;}
.row-0{background-color:#9ADCFF;}
.row-1{}





/* Notifications	*/
.success {
	font-size: 1em;
	margin-bottom: 18px;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	border-radius: 4px 4px 4px 4px;
	color: #468847;
}

.error{
	font-size: 1em;
	margin-bottom: 18px;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #F2DEDE;
	border-color: #EED3D7;
	color: #B94A48;
}



#footer{background:#ccc; color:#ccff00; padding:15px; text-align:center; border-top:1px solid;}
#footer a{color:#ccff00;}

.layout{background:#fff;border: 1px solid #ccc; padding:20px;margin-bottom:30px;}
code{ display:block;font:12px monospace; background: #e9ffe9;padding: 15px; border: solid 1px #ccddcc; margin-bottom:10px;}
tt{ display:block; font:12px monospace; background: #f6fdfd; padding: 15px; border: solid 1px #ccdddd; margin-bottom:0 0 10px 0; }

.color1{background:#eeeeff;}
.color2{background:#ddddee;}