@charset "UTF-8";

/* CSS Document */
* { margin:0; padding:0; }
body { background:url(imgs/fond_site.jpg) #FFF; }
fieldset { border:1px solid #892F7F; padding:10px; margin:10px 0; }
legend { color:#892F7F; font-family:helvetica; font-weight:bold; padding:5px; }
input[type="radio"], input[type="checkbox"], input[type="button"], input[type="submit"], input[type="file"], a { cursor:pointer; }
th, tr, td { border:1px solid #979797; padding:5px; } /* Gris foncé */
th { background:#892F7F; color:#FFF; padding:10px; }
tr:nth-child(2n+1) { background:#EEE; } /* Gris très clair OU #F0E1EE Violet très clair */
tr:hover { background:#892F7F; color:#FFF; }

/* jQuery UI */
table.ui-datepicker-calendar th, table.ui-datepicker-calendar tr { border:0; }
table.ui-datepicker-calendar th { background:none; color:#979797; }
table.ui-datepicker-calendar tr:nth-child(2n+1) { background:none; }
table.ui-datepicker-calendar tr:hover { background:none; }

#header { height:146px;	margin:20px 0 0 0; background:url(imgs/logo_idsource.jpg) no-repeat center #D5D7D8; }
.logout {
	width: 940px;
	padding: 13px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.logout #logout {
	color: #892F7F;
	font-family: Verdana, Geneva, sans-serif;
}

#container {
	width: 940px;
	margin: auto;
	background-color: #707173;
	padding-top: 100px;
	padding-bottom: 100px;
}

#menu {
	width: 988px;
	height: 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#menu ul li {
	display: block;
	clear: none;
	float: left;
	margin-right: 6px;
}

#menu ul .stat {
	margin-right: 0px;
}

#menu ul li a {
	text-align: center;
	font-size: 18px;
	font-variant: small-caps;
	text-decoration: none;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #892F7F;
	width: 136px;
	height: 30px;
	float: left;
	padding-top: 10px;
}

#menu ul li a:hover {
	background-color: #707070;
}

#menu ul .actif a {
	background-color: #707070;
}

#container_page {
	background-color: #FFF;
	width: 80%;
	min-width: 960px;
	height: auto;
	min-height: 200px;
	margin: auto;
	padding: 14px;
	position: relative;
}

#container_page ul { list-style-type:none; }

#footer ul {
	list-style-type: none;
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #b4b4b4;
	text-align: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer ul li {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #b4b4b4;
	text-align: center;
}

#footer ul li a {
	color: #b4b4b4;
	text-decoration: none;
}

#retour {
	float: right;
	color: #892F7F;
	font-family: Verdana, Geneva, sans-serif;
}
/*************************************************/
/********************* BOUTONS *******************/
/*************************************************/
input[type="button"], input[type="submit"] { float:right; }

/* Bouton Voir */
.showProduct, .showUser, .showProject, .showFile, .showInvoiceProject,
.showTimeProject, .showTimeProductRequest, .showPurchaseProject, .showPurchaseProductRequest { height:19px; width:23px; border:0; background:url('imgs/btnVoir.png') no-repeat; }

/* Bouton Modifier */
.modifyProduct, .modifyUser, .modifyProject { height:19px; width:23px; border:0; background:url('imgs/btnModifier.jpg') no-repeat; }

/* Bouton Supprimer */
.deleteProduct, .deleteUser, .deleteProject, .deleteContact, .deleteRequest, .deleteEvent,
.delFile, .deleteProspection, .deleteTime, .deletePurchase, .cancelInvoice { height:19px; width:23px; border:0; background:url('imgs/btnSupprimer.png') no-repeat; }

/* Bouton PDF */
.getProjectPDF, .getInvoicePDF { height:23px; width:23px; background:url('imgs/btnPDF.jpg') no-repeat; }

/* Bouton Ajouter & Valider... */
#addProduct, #addUser, #addProject, #addContact, #addRequest, #addEvent,
.addStat, #saveUser, #saveProduct, .saveProject, .parcourir,
.upload, #addProspection, #addTime, #addPurchase, #validPurchase,
#editInvoice, #editInvoiceAccompte, #validProductRequests, #validInvoices
{ background:#892F7F; color:#FFF; font-family:helvetica; font-weight:bold; border:2px solid #892F7F; height:22px; width:80px; letter-spacing:1px; }

/*************************************************/
/********************* ONGLETS *******************/
/*************************************************/
.ui-helper-reset { font-size:14px; } /* Surcharge jQuery UI */
/* Sous-onglets : jQuery Tabify */
#product { padding:0; clear:both; }
#product ul { margin:0 0 0 5px; }
#product li { display:inline; }
#product li a { background:#892F7F; padding:10px; float:left; border:1px solid #892F7F; border-bottom:0; text-decoration:none; color:#FFF; margin:0 2px; font-weight:normal; font-size:12px; }
#product li.active a { background:#FFF; color:#892F7F; z-index:2; position:relative; }
#product .tabifyContainer { border:1px solid #892F7F; z-index:1; clear:both; position:relative; bottom:1px; padding:0 20px; }

/*************************************************/
/********************* GENERAL *******************/
/*************************************************/
.titre { color:#892F7F; font-family:helvetica; font-weight:bold; margin-bottom:5px;	float:left; }
.sousTitre { display:block; color:#892F7F; font-family:helvetica; font-weight:bold; margin:24px 0 16px 0; }
.redValue {	color:#892F7F; }
.redValue:hover { color:#FFF; }
.precision { color:#892F7F; font-family:helvetica; font-size:10px; }

/*************************************************/
/********************** TABLES *******************/
/*************************************************/
table {	border:0; border-collapse:collapse; color:#979797; font-family:helvetica; }
.productRequestList, .timeList, .invoiceList { width:75%; min-width:800px; }

/*************************************************/
/********************* LOGIN *********************/
/*************************************************/
.formLogin { color:#FFF; font-family: Verdana, helvetica, arial; font-size:12pt; width:400px; text-align:right; }
.formLogin label { float:left; width:150px; }
#container form ul { list-style: none; }
#container form ul li { margin:0 0 15px 0; }

/*************************************************/
/******************* FORMULAIRES *****************/
/*************************************************/
.formAddProduct, .formAddUser, .formAddProject, .formAddTime, .formAddPurchase, .formInvoice, .formAddInvoice, .formAddInvoiceAccompte { color:#979797; font-family:Verdana, helvetica, arial; font-size:10pt; width:75%; text-align:left; }
.formAddProduct ul li, .formAddUser ul li, .formAddProject ul li, .formAddTime ul li, .formAddPurchase ul li, .formAddInvoice ul li, .formAddInvoiceAccompte ul li { margin:5px 0; }

/*************************************************/
/******************** PRODUITS *******************/
/*************************************************/
/*.selectProduct { float:right; margin:15px 5px 0 0; } Obsolète */
.formAddProduct label { float:left; width:180px; }
.descriptionDiv { margin:0 0 0 180px; }

/*************************************************/
/***************** UTILISATEURS ******************/
/*************************************************/
.addUser { bottom:5px; position:relative; }
.formAddUser label { float:left; width:100px; }

/*************************************************/
/******************** PROJETS ********************/
/*************************************************/
.addProject { float:right; margin-bottom:10px; }
.selectProject { float:right; margin: 2px 5px 10px 0; }

/* GENERAL */
.formAddProject label { float:left;	width:210px; }
.productsByType label { float:none; }
#div_logo { margin:0 0 0 210px; width:290px; }

/* AVANCEMENT */
#tab-avancement div { margin:10px 0; }
#projectStatusDiv .redValue { color:#892F7F; float:none; }

/* CONTACT(S) */
.contactsProject label { float:left; width:100px; }
.sousItemContact { margin:0 0 20px 40px; background:#000; color:#FFF; width:30%; }

/* PRODUITS */
.productsProject .type_produit label { float:left; width:170px; }
.productsByType { margin:20px 0; }
.productsByType tr, .productsByType td { border:0; padding:5px; } /* Gris foncé */
.productsByType tr:nth-child(2n+1) { background:#EEE; } /* Gris très clair OU #F0E1EE Violet très clair */
.productsByType tr:hover { background:#892F7F; color:#FFF; }
#product .productDiv ul { float:left; width:160px; }
#product .productDiv ul li { display:inline-block; }
#product .productDiv ul:first-child li label { float:left; width:70px; }
#product .productDiv ul li label { float:left; width:50px; }

/* DEMANDE(S) SPECIFIQUE(S) */
.requestsProject label { float:left; width:170px; }
.descriptionRequest { margin:0 0 0 170px; }
.sousItemRequest { margin:0 0 20px 40px; background:#000; color:#FFF; width:70%; }

/* DEMANDE(S) SPECIFIQUE(S) */
.eventsProject label { float:left; width:170px; }
.details { margin:0 0 0 170px; }
.sousItemEvent { margin:0 0 20px 40px; background:#000; color:#FFF; width:70%; }

.bubbleProduct { background:#FFF; border:1px solid #892F7F; color:#892F7F; padding:10px; position:absolute; margin:100px auto;  }

.imageLogo
{
	display:block;
	border:1px solid;
	margin-bottom:5px;
	width:225px;
	text-align:center;
	color:#979797;
	font-family:Verdana,helvetica,arial;
	font-size:10pt;
	font-weight:bold;
}

/*
.logo
{
	opacity:0.0;
	-moz-opacity:0.0;
	-khtml-opacity:0.0;
	filter:alpha(opacity=0);
	height:22px;
	z-index:2;
}
.logo_new
{
	margin-top:-23px;
	padding-right:83px;
	z-index:1;
}
.logo_new input
{
	vertical-align:middle;
	z-index:1;
}
.logo_new input[type="button"]
{
	width:29px;
	margin-left:-3px;
}
*/


.productsProject table tr,.productsProject table td
	{
	border: 0;
	padding: 5px 0 5px 0;
}

.type_produit {
	color: #892F7F; /* Violet */
	font-family: helvetica;
	font-weight: bold;
}

/*************************************************/
/********************* TEMPS *********************/
/*************************************************/
.addTime { margin-bottom:10px; }
.formAddTime label { float:left; width:100px; }
.time tr, .time td { border:0; padding:5px; width:50%; }
.time tr { background:#FFF; }
.time tr:nth-child(2n+1) { background:#EEE; } /* Gris très clair OU #F0E1EE Violet très clair */
.time tr:hover { background:; color:#979797; }
.time tr .redValue:hover { background:; color:#892F7F; }


.time {
	width: auto;
	font-family: Verdana, helvetica, arial;
	font-size: 10pt;
	font-weight: bold;
}

/*************************************************/
/********************* ACHATS ********************/
/*************************************************/
.addPurchase { margin-bottom:20px; }

.formAddPurchase { width:420px; }
.formAddPurchase label { float:left; width:120px; }
.sousItemPurchase { margin:0 0 20px 40px; background:#000; color:#FFF; width:80%; }

/*************************************************/
/******************** FACTURES *******************/
/*************************************************/
.formAddInvoice, .formAddInvoiceAccompte { width:75%; }
.formAddInvoice tr { background:#FFF; }
.formAddInvoice tr:hover { background:#FFF; color:#979797; }
.formAddInvoice .redValue:hover { color:#892F7F; }

.canceledInvoice td {
	text-decoration:line-through;
}

/***************** STATISTIQUES ******************/
.statList {
	color: #979797; /* Gris foncé */
	font-family: Verdana, helvetica, arial;
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 0 20%;
}

.statList ul li {
	background-image: url(imgs/statPuce.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	margin: 15px 0;
	padding-left: 10px;
}

.statList a {
	text-decoration: none;
	color: #979797; /* Gris foncé */
}

.statList .details {
	margin: 5px 0 0 50px;
	font-size: 10pt;
}
fieldset.bloc { background:#EFEFEF; font-weight:normal; }
fieldset.bloc legend { background:#EFEFEF; border:1px solid #892F7F; border-bottom:0; color:#979797; font:bold 10pt Verdana,helvetica,arial; }



/*************************************************/
/***************** TEMPS EN MASSE ****************/
/*************************************************/
#addTimeline, #saveMassTime { background:#892F7F; color:#FFF; font-family:helvetica; font-weight:bold; border:2px solid #892F7F; height:22px; width:80px; letter-spacing:1px; }
#showMassTime { background:#892F7F; color:#FFF; font-family:helvetica; font-weight:bold; border:2px solid #892F7F; height:22px; letter-spacing:1px; margin:0 0 5px 0px; text-transform:uppercase; }
.info, .delete { float:right; cursor:pointer; border:1px solid #892F7F; border-radius:10px; margin:0 0 0 2px; }
.infoBulle { border:1px solid #892F7F; background:#EEE; padding:5px; width:300px; margin:-40px 0px 0 -310px; position:absolute; }
.infoBulle label { float:none; font-weight:bold; }
.infoBulle label.title { width:auto; color:#892F7F; }
.infoBulle label.redValue { width:auto; float:right; }
.infoBulle label.redValue:hover { color:#892F7F; }
.selectRef { width:85px; }
.selectProduct { width:190px; }
.selectDuree { width:40px; }
.selectTimeType { width:150px; }
.hasDatepicker { width:70px; }
.alert { border:1px solid #892F7F; border-radius:10px; float:left; background-position: 1px -144px; margin:0 5px 0 0; padding:1px; }
#msgAlert p { font-family:Verdana, Geneva, sans-serif; font-size:10pt; }