/* *** style.css - Projet VALOMO    *** */
/* *** 27/11/2014 - Thomas Mansouri *** */

/* Print sans les liens url */
@media print {  a[href]:after { content: none !important; } }

/* *** mise en forme générale       *** */
body { padding : 0 15px 0 15px; }

#map { float:left; /* width:620px; */ }

#panneau { max-width:800px; float:left; /*margin-left:620px;*/ padding: 0 10px 10px 10px; margin-top:-5px; text-align: left; }
#panneau .panel { padding:5px; margin:auto; border: 2px solid #772B7D; border-radius: 5px 0 0 5px; background-color:#f8e9f9; padding: 5px; margin: 10px 0 10px 0;  max-width:20px; }
#panneau div.panel input { margin: 1px 10px 0 0; border:1px solid #772B7D; background-color:#fff; }
#panneau .titre { text-align: left; font-weight: bold; margin: 0 0 5px 0; }
#panneau .inputTxt { width: 100px; }


#panneau .legendeC { background-image: url(icones/legendeC.png); background-repeat: no-repeat; background-position: 2px 2px; padding-left: 30px; }
#panneau .legendeM { background-image: url(icones/legendeM.png); background-repeat: no-repeat; background-position: 2px 2px; padding-left: 30px; }
#panneau .legendeG { background-image: url(icones/legendeG.png); background-repeat: no-repeat; background-position: 2px 2px; padding-left: 30px; }

#liste { clear:both; }

#liste .listoverflow { height:300px; overflow:auto; }
#liste .listoverflow input { border: 0px solid #772B7D; background-color:#f8e9f9; margin-top:1px; }
#liste .listoverflow input:hover { background-color:#fff; }

.clearboth { clear:both; }
.droite { text-align:right; }
.interligneA { line-height: 2.0; }

.bandeau-site { padding: 0; }
.bandeau-site .bandeau-element { float:left; vertical-align: text-top; }
.bandeau-site .bandeau-element H3 { margin-top:0; }

.btn-right { float:right; }

footer { clear:both; width:100%; }

/* listes et couleurs */
.statut_1 { color:#088A08; } /* en service */
.statut_2 { color:#0032FF; } /* en projet */
.statut_3 { color:#004CFF; } /* en projet */
.statut_4 { color:#0065FF; } /* en projet */
.statut_5 { color:#007FFF; } /* en projet */
.statut_6 { color:#0098FF; } /* en projet */
.statut_7 { color:#1C1C1C; } /* abandonné */
.statut_8 { color:#8A0808; } /* hors service */
.statut_9999 { color:#E5A000; } /* gisement */

.statut_1 + .tooltip > .tooltip-inner { background-color: #088A08;} /* en service */
.statut_2 + .tooltip > .tooltip-inner { background-color:#0032FF; } /* en projet */
.statut_3 + .tooltip > .tooltip-inner { background-color:#004CFF; } /* en projet */
.statut_4 + .tooltip > .tooltip-inner { background-color:#0065FF; } /* en projet */
.statut_5 + .tooltip > .tooltip-inner { background-color:#007FFF; } /* en projet */
.statut_6 + .tooltip > .tooltip-inner { background-color:#0098FF; } /* en projet */
.statut_7 + .tooltip > .tooltip-inner { background-color:#1C1C1C; } /* abandonné */
.statut_8 + .tooltip > .tooltip-inner { background-color:#8A0808; } /* hors service */
.statut_9999 + .tooltip > .tooltip-inner { background-color:#E5A000; } /* hors service */

/* ********** */


/* ********** */

.spoiler { display: table; position: relative; margin-bottom: 10px; }
.spoiler-debug { padding: 2px 6px; margin-top:10px; cursor: pointer; background-color: #f9fafa; border: 1px solid #ddd; }

.boutonLogUter { float:right; }

.tableIntrants { table-layout:fixed }

/* ********* */
/* formulaire recherche */
.formBloc { display: inline-block; vertical-align: top; margin:15px; background-color:#fafafa; }
.formBloc ul { padding:20px; }
.formBloc ul li { list-style-type: none;}
.formBloc ul li label { font-weight:normal; }

/* ********* */
/* formulaire boostrap et autres*/
.form-horizontal .control-label {
    padding-top: 0px;
    margin-bottom: 0px;
    text-align: right;
    font-weight: normal;
}

@media (min-width: 468px) { .navbar-nav>li.separateur { padding : 15px 15px 15px 50px; font-size:15px; } }
@media (min-width: 468px) { .navbar-nav>li.premier { padding : 15px 15px 15px 15px; font-size:15px; } }

/* ********* */
/* plugin jQuery : datepicker */

/* masquer les jours */
ui-datepicker-calendar {
   display: none;
}
/* masquer les mois */
.ui-datepicker-month{
    display :none;}


/* ********* */
/* plugin jQuery : tabsorter */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 10pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 10pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(icones/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(icones/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(icones/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/* ******** */
/* table contacts */
.tablecontacts {	width: auto !important;   float:right; }
.tablecontacts > tbody > tr:nth-child(2n+1) { background-color: #FCFAE1; }


/* ******** */
/* table stats */
.tablestats { width: auto !important; }
.tablestats thead th, .tablestats thead td {	 background-color:#cdcdcd; font-weight:bold; }
.tablestats tfoot th, .tablestats tfoot td {	 background-color:#cdcdcd; font-weight:bold; }
.tablestats td.nb { text-align : right; }
.statsH4 { color:#000; font-weight:bold; }
.statsTDvert  { /*writing-mode:vertical-rl; text-orientation:mixed;*/ }
.nbTotal, .nbCoge, .nbInject, .nbIntrant { text-align:center; }
.sumMWe, .sumMWhe, .sumMWhth,  .sumDebitInject, .sumMWhi, .qteIntrant { text-align:right; }

/* ******** */
/* plugin jQuery : collpsible */

.collapsible, { margin: 0; padding:10px; height:20px; border-top:#f0f0f0 1px solid; background: #cccccc; color: #000; font-size:1em; }
.collapse-open { background:#000; color: #fff; }
.collapse-open span { padding:10px; background:url(icones/minus.png) center center no-repeat; }
.collapse-close span { background:url(icones/plus.png) center center no-repeat; padding:10px; }
div.collapsContainer { padding:0; margin:0; }
div.collapsContent { background:#f0f0f0; margin: 0; padding:10px; font-size:.9em; line-height:1.5em; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }