body, table {
font-family:arial, helvetica;
font-size:12px;
}

body{
	background: transparent url('images/pattern.gif') top left repeat;
	margin: 0;
	padding: 0;
}
table {
	background-color: #ffffff;
}

div#general{
	width:1000px;
	margin:0 auto;
}

a img{border:none;}
.clear{clear:both;}
.title{
color:#ff3556;
}

.vert{color: #009900;}
.rouge{color: #CC0000;}
.orange{color: #FF6600;}

.projet{
font-size:14px;
color:#ff3556;
}

a:link.projet{
font-size:14px;
color:#262626;
text-decoration:none;
}

a:hover.projet{
font-size:14px;
color:#262626;
text-decoration:none;
}

a:visited.projet{
font-size:14px;
color:#262626;
text-decoration:none;
}

.bigtitle{
font-size:16px;
font-weight:bold;
color:#ff3556;
}

a:link{
text-decoration:none;
color:#000000;
}

a:visited{
text-decoration:none;
color:#000000;
}

a:hover{
text-decoration:none;
color:#000000;
}

div.comptes a.active{color:#ff3556;}
div.lettres{height:100px;width:5500px;}
div.lettres ul{margin-top:0; margin-bottom: 0;}
#logo{
	/*height:115px;
	width:120px;
	float:right;*/
	
	width: 90px;
	padding: 20px;
	/*margin-right: 50px;*/
	background-color: #ffffff;
	float: right;
	
	font-size: 12px;
}


div.login{
	color:#ff3556;
}

ul.projets{
	/*list-style-image: url('images/carre-projet.gif');	
	list-style-type: none;
	padding:0;
	margin:0;*/
	height : 35px;
	margin: 30px 0px 0px 0px;
	padding-left: 36px;
	background-color: #ffff00;
	list-style: none;
	line-height: 35px;
	vertical-align: middle;
}
ul.projets li{
	/*display:block;
	float:left;
	background: url('images/carre-projet.gif') no-repeat center left;
	padding-left:20px;
	margin-right: 10px;*/
	margin-right: 15px;
	float: left;
}
ul.projets li.first-item{
	background: none;
	padding-left:0;
}

div#addElement{
	/*text-align: right;
	width:180px;
	float:right;
	color:#34A5B7;
	font-size: 11px;*/
	background-color: #ffffff;
	width: 210px;
	height: 25px;
	margin: 15px 0px 0px 0px;
	padding-left: 36px;
	line-height: 25px;
	vertical-align: middle;
}
/*div#addElement a{ background: url('images/carre-bleu.gif') no-repeat center left; padding-left:15px; color:#34A5B7;}*/
div#addElement a{ background-color: #FFFFFF; padding-left:15px; color:#34A5B7;}

h2#projectname{
	color:#ff3556;
	background: url('images/picto-projet.gif') no-repeat left;
	padding-left: 30px;
	height:30px;
	padding-top: 0;
	margin-top: 0;
}
table.fichiers{width:100%;}
table.fichiers td{padding: 0 5px;}
table.fichiers td.date{width:50px;}
table.fichiers td.icone{width:35px;}
table.fichiers td.icone img{width:35px; height:28px;}
table#comptes td.icone img{height:28px; width: auto;}
table.fichiers td.point{color:#ff3556; width:40px;}
table.fichiers td.picto{padding:0 8px; width:23px;}
table.fichiers td.large{width:40px;}
table.fichiers td.border-right{border-right:1px solid black;}

span.comment_number{
	font-weight: bold;
	font-family: Arial;
	font-size: 18px;
}

.clear{clear:both;}

input.submit{background-color:#FF5FC0; border:2px #ff3556 solid; font-weight: bold; color:white;}

div.comment h4{
	font-size: 13px;
	padding-left:15px;
	background: url('images/carre-bleu.gif') no-repeat center left;
	font-weight: normal;
	padding-bottom:2px;
	margin-bottom:2px;
}

div.comment h4.comment_admin{background-image: url('images/carre-rose.gif');}
div.comment_corps{
	width:45%;
	text-align: justify;
}

div.addComment textarea{width:350px; height:80px;}
div#choices{width:390px; margin:auto;}
div#choices div.choice{cursor:pointer; float:left; width:130px;}
div.forms p{clear:left; margin:2px 0;}
div.forms label{display: block; float:left; width:150px;}
div.forms input, div.forms object{margin-left:30px;}
div.forms input#description_1,div.forms input#description_2,div.forms input#description_3{width:300px;}

/**********
Menu admin
**********/

/*Mode lettres*/
	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}
	
	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden;
		margin: auto;
		width: 1000px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 140px;
		clear: both;
		background: #fff;
	}
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	stripViewer .panelContainer ul.lettre li{
		width:120px;
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		position: relative;
		width: 166px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 10px;
	}
	
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		margin: auto;
	}
	
	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
	}
	
	.stripNav ul li {
		float: left;
		margin-right: 1px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav a { /* The nav links */
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		line-height: 22px;
		background: #d9d9d9;
		color: #666;
		text-decoration: none;
		display: block;
		padding: 0 10px;
	}
	
	.stripNav li a:hover {
		background: #ccc;
		color:white;
	}
	
	.stripNav li a.current {
		background: #ccc;
		color: #666;
	}
	
	.stripNavL, .stripNavR {
		display:none;
	}
	
/* Mode compact */
	div.liste ul{
		margin-left: 0;
		padding-left: 0;
	}
	div.liste li{
		display:block;
		float:left;
		background: url('images/carre-comptes.gif') no-repeat center left;
		padding-left:15px;
		margin-left:10px;
	}
/* Choix mode */
	div.comptes_mode{
		clear:left;
		text-align: right;
	}
/* Filtre */
	div.filtre{
		width:260px;
		margin-left: 800px;
		position:absolute;
		padding:20px;
		border:2px #ccc solid;
		background-color: white;
	}
	
#info-accueil{
	height: 30px;
	width: 600px;
	margin-top: 30px;
	padding-left: 40px;
	background: #ffffff url('images/flecherose.gif') top left no-repeat;
	line-height: 30px;
	vertical-align: middle;
	color: #666666;
}

#login-accueil{
	width: 300px;
	margin: 40px 0px 0px 0px;
	background-color: #ffff00;
	padding: 20px 20px 20px 200px;
}

#login-accueil table{
	width: 250px;
	border: none;
	background-color: #ffff00;
}


.accepte .nomprojet{
	color: #34A5B7;	
}

.facture .nomprojet{
	color: #fd6c84;
}

/*********
FORMULAIRE
**********/
form.form p{clear:both;}
form.form label{display: block; float:left; width:150px;}
form.form label.del{display: inline; float:none;}
span.choicecancel{cursor:pointer;}

/* FACTURE */
#graphiquemoisparmois{margin-top:30px;}
#barreref, #barreval{list-style: none;}
#barreref ul, #barreval ul{margin:0;}
#barreref li{display:inline-block;height:5px;border-bottom:1px solid black;border-right:1px solid black;border-left:1px solid black;width:50px;}
#barreval li{display:inline-block;height:20px;width:50px;}