/* CSS Document */

/* Tout ce qui est commun ***************************************/
/************************************************************/

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background: url(../img/fonfonfon.jpg) no-repeat fixed, url('../img/deg_intitule.png')top left repeat-x;
background-color: #fff;
color:#000000;
margin : 0;
width:100%;

}
#corps{
	margin-left: 175px;
	
}
a img{
border:none;
}

.center{
text-align:center;
}
.right{
text-align:right;
}
.nowrap{
	white-space:nowrap;
}
.floatR{ float:right;}
.clear{ clear:both;}

.col-contrat{
  padding-right: 90px !important;
  position: relative;
}
.holder-sem{
  width: 90px;
  height: 100%;
  position: absolute;
  right: 0;
  top:-1px;
}
.reperesemaine{
	display:table-cell;
	background: rgba(51,153,204,0.6);
  vertical-align: middle !important;
  color #FFF;
  position: absolute;
  top:15px;
  right: 10px;
  width: 70px;
  text-align: center;
   box-shadow: 1px 1px 1px 1px;
}
.reperesemaine div{
  position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  width: 100%;
}
/****************************************************************/
/************************************************************/

/* Balises spécifiques ***************************************/
/************************************************************/

h1#intitulePage{
font-weight:normal;
color:#333;
font-size:25px;
height: 47px;
margin-top:0;
padding: 25px 0 0 175px;
text-shadow:#DDD -1px 1px 0;
white-space:nowrap;
border-bottom: 3px solid #999;
background:url(../img/trans_white.png);
}

.avertOrange{
font-weight:bolder;
color:#FF6600;
}
.avertRed, .avertRouge{
font-weight:bolder;
color: #FF0000;
}
.avertGreen, .avertVerte{
font-weight:bolder;
color: #009933;
}
.big{
font-size:1.5em;
}
#dateJump{
	font-size:9px; 
	border:1px solid; 
	text-align:center;
	background:#CCCCCC;
	font-weight:bold;
	width:75px;
	}
.readonly{
	background:#FFEBB7;
	border: dashed 1px #666;
	font-style:italic;
	padding:3px;
}


#mailDiv{ background:#CCC; border:#666 solid 1px; padding:10px; border-radius:5px; margin-right:20px; display:none;}
/****************************************************************/
/************************************************************/

/* Blocs spécifiques ***************************************/
/************************************************************/

#backOfMenu{
position:fixed;
top:0;
left:0;
padding:0;
width: 160px;
height: 5000px;
overflow:hidden;
/*background:  #76e2a5;
border-right:#333 solid 1px;*/

}



#menu{
position:fixed;
top:15px;
left:0;
padding:2px;
width: 150px;
height: 100%;
overflow:auto;
}

#menu ul {
position:relative;
padding:2px;
margin:2px;
border: 1px solid #b876e2;

background:#fff  url('../img/deg_haut.png') top repeat-x;
/*box-shadow: #666 1px 1px 2px;*/
border-radius : 3px; 
}

#menu ul a{
display:block;
text-decoration:none;
font-size:12px;
padding:2px;
-webkit-border-radius : 5px;
border-radius : 5px;
color:#333;
}
#menu ul a:hover{
	color:#FFF;
background: #6c11a5;
}


/**********************************************
***********************************************
		SPECIAL V1M
**********************************************/

#menu ul#menu_v1m{
 background : #87BDF9;	
}
/**********************************************
***********************************************
		SPECIAL DOOH
**********************************************/

#menu ul#menu_Dooh{

border: 1px solid #333;
border-top-color: #CCC;
border-left-color: #CCC;
background:#000  url('../img/fond_dooh_menu.png') bottom left no-repeat;
box-shadow: #666 1px 1px 2px;
border-radius : 3px; 
}
#menu ul#menu_Dooh_Maroc{

border: 1px solid #333;
border-top-color: #CCC;
border-left-color: #CCC;
background:#F66;
box-shadow: #666 1px 1px 2px;
border-radius : 3px; 
}

#menu ul#menu_Dooh a{
display:block;
text-decoration:none;
font-size:12px;
padding:2px;
-webkit-border-radius : 5px;
border-radius : 5px;
color:#EEE;
}
#menu ul#menu_Dooh a:hover{
	color:#000;
background: #EEE;
}
/****************************************
FIN SPECIAL DOOH
*****************************************/

#menu ul a.menuVisible:hover{
color:#F09;
background:none;
}

.searchField{
border:solid #333333 1px;
}
.searchFieldBlank{
color:#CCCCCC;
font-style:italic;
border:solid #333333 1px; 
}

/* lien pour étendre ou contratcer le menu*/
#menuSize{
display:block;
position:fixed;
top:0;
left:0;
padding:0px;
width: 144px;
margin: 2px 4px 0;
height: 13px;
color:#333;
text-align:center;
border: 1px solid #b876e2;
background:#fff  url('../img/deg_haut.png') top left repeat-x;
box-shadow: #666 1px 1px 2px;
border-radius : 3px;
-webkit-border-radius : 8px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#menuSize{
text-decoration:none;
}


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

/* Tableaux ******************************************************/
/************************************************************/
/*presentation des résultats */
table.result, table.result td, table.result th{
border-collapse:collapse;
border: 1px #666666 solid;
padding:3px;
}
table.result{
/*box-shadow: #333 3px 3px 6px;*/
border-radius: 3px;
}
table.result tr {
background:#ffffee;
cursor:default;
}
table.result tr.current{
background:#FFFF99;
cursor:default;
}
table.result tr:hover , table.result tr.current:hover{
background:#00FF00;
}
table.result th{
font-weight: bold;
font-size:11px;
background: #9900cc;
/*background: linear-gradient(#36F, #09C);*/
text-shadow:#333 0 -1px 0;
color: #ffffff;
padding: 0 10px;
}

.tableArea{
font-family:Verdana, Arial, Helvetica, sans-serif;
border:none;
overflow: auto;
height: 50px;
margin: 0;
padding:0;
background:none;
font-size:10px;
}
.contratPrest{
display:block;
width: 150px;
height:50px;
}
.iconesPrest{
text-align:center;
font-weight:bold;	
	
}
.iconesPrest a.action img{
white-space:nowrap;
margin: 0 0px 3px;
}

.prestationTr .avertRed,.prestationTr .avertGreen{
font-family: 'arial black',Verdana, Arial, Helvetica, sans-serif;
} 

.prestCarteEssence{
	float:right;
	text-align:center;
	font-size:.85em;
	color:#666;
}
#gprsTable{
background:#FFFFFF;
border: 1px solid #666666;
border-collapse:collapse;
}
#gprsTable td{
padding:5px;
border-bottom: 1px solid #000000;
border-collapse:collapse;
}
/* fin presentation */

/*ajout ou modif */

.formTable{

}
.formTr{

}
.formTr2{

}
.formLeftTd{


}
.formRightTd{


}
.formLegend{
display:inline;
font-style:italic;
}
.formError{

}

.formForm input, .formForm select{
border:#333333 1px solid;
font-size:11px;
margin: 0 3px 0;
vertical-align:middle;
}


/* Formulaires Transparent */
.transparent select , .transparent input{
background:none;
border:none;
padding:0;
margin:0;
}  


/*Fin ajout ou modif */
.noborder, .noborder td{
border : none;
 background: none;
}

.docTable td{
vertical-align:top;
padding:0 10px;
}
.docTable table, .docTable table td{
border-collapse:collapse;
border:#333333 1px solid;
font-size: 12px;
padding: 0 10px;
}

/* Tableaux ******************************************************/
/************************************************************/
/* PLANNING ****************/
.grid_table{
background: #FFfEfe;
border: 1px #660033 solid;
}
.grid_table, table{
font-size: 10px;
}
.grid_table table td{
background: #E6F2FF;
margin: 2px;
padding:1px;
color:#a9a8a8;
text-align:center;
}
tr.grid_tr_we td{
background:#66CCFF;
color:#000000;
}
tr.grid_tr_current_day td{
background:#FF99CC;
color:#000000;
}
tr.none td{
background:none;
}

.grid_table .nomVeh{
font-size:9px;
font-weight:bolder;
background:#222;
color:#eee;
white-space:nowrap;
padding: 0 4px 0 4px;
}
.grid_table .vide{
background:none;
}
.grid_table .roule{
font-family: 'arial black';
font-weight: 600;
color:#FF0000;
}

/* OCCUPATION FLOTTE **************/
.planning_occupation {
border-collapse:collapse;
background:#CCCCCC;
}
.planning_occupation td, .planning_occupation th{
border-collapse:collapse;
border:#666666 1px solid;
}

/* AFFICHE TABLE ***************/
.afficheTable{
border-collapse:collapse;
background:#FFFFFF;
}
.afficheTable td,.afficheTable th{
border-collapse:collapse;
background:#FFFFFF;
border:#333333 1px solid;
}

/* TABLE PLANNING CONTRAT *******/
.planning_contrat, .planning_contrat th,.planning_contrat td{
border-collapse:collapse;
}

.planning_contrat th{
background:#0033CC;
/*background: linear-gradient(#36F, #09C);*/
border: #0033CC 1px solid;
font-weight:bold;
color:#FFFFFF;
}
.planning_contrat td{
background: #fff;
border: #333333 solid 1px;
padding:3px;
vertical-align:top;
}
.planning_contrat td.jourRoule{
background: #ddf;
}
.planning_contrat td.jourFerie{
background: #FF3300;
}
.planning_contrat td.jourTransfert{
background: #ddffaa;
}
.planning_contrat td.jourImmo{
background: #ff9999;
}


/* PLANNING PAR MOIS ******************
*******************************************/
table.planningMois, table.planningMois, table.planningMois th{
border-collapse:collapse;
padding:3px 10px;
}
table.planningMois tr{
background:#FFFFFF;

}
table.planningMois td,table.planningMois th{
border-collapse:collapse;
border: 1px #666666 solid;
padding:3px 10px 0 3px;
}
table.planningMois tr.colAlt{
background:#eeeeee;
}
table.planningMois tr.colAlt:hover, table.planningMois tr:hover{
background:#00FF66;
}

/* TABLE ANALYSE GPRS *******/
table.gprs, table.gprs td{
border-collapse:collapse;
border: 1px solid #333333;
background:#fff;
vertical-align:top;

}

/* TABLE ANALYSE GPRS *******/
table.gprs, table.gprs td{
border-collapse:collapse;
border: 1px solid #333333;
background:#fff;
vertical-align:top;

}
table.gprs{
margin-bottom:10px;
}

.compBoniOff{
	text-decoration:line-through;
}
.compBoniOn{
	color:#3C3;
}

.detailHoraire{
	white-space:nowrap;
}
table.gprs th{
border:solid 1px #333333;
border-collapse:collapse;
padding: 0 5px;
background:#0066FF;
color:#FFFFFF;
font-size: 12px;
font-weight:bold;
width: 150px;
}
.detailGprs input{
border: none;
padding: 0;
margin: 0;
text-align:right;
font-weight:bold;
color:#FF0000;
}
.detailGprs textarea{
border: none;
padding: 0;
margin: 0;
}
.detailGprs select{
font-size:1em;
border: 1px #666666 solid;
padding: 0;
margin: 0;
width:100%;
}
/* TABLE RAPPORT SAMPLING *******/
.gprs td.sampling{
 background:#99CCFF;
 }
 table.detailSampling{
 background:#FFFFFF;
 margin: 0;
 padding:0;
 }
 .gprs td.samplingType, .gprs td.samplingFourni, .gprs td.samplingDistri, .gprs td.samplingRetour{
 background:#999999;
 font-weight:bold;
 width:15px;
 text-align:center;
 vertical-align:middle;
 font-size:11px;
 height: 14px;
 padding:0;
 }
  .gprs td.samplingFourni{
  background:#FF6633;
  }
  .gprs td.samplingDistri{
  background:#00CC66;
  }
  .gprs td.samplingRetour{
  background:#FF3333;
  }
 input.samplingType, input.samplingFourni, input.samplingDistri, input.samplingRetour{
 border : none;
 width:100px;
 text-align:right;
 height:14px;
 padding:0;
 }
 textarea.remarque{
 width:100%; 
 height:50px;
 border : none;
 }
 
 
 /* Page quickmod (modifications rapide*****************************/
/****************************************************************/
table.quickmod{
	display:inline-table;
	margin: 3px;
	border: 1px solid #333;
	width: 160px;
	background:#FFF;
}
/****************************************************************/
/************************************************************/

/* MULTI PAGE ******************************************************/
/************************************************************/
.multiPage, .multiPage td, .multiPage th {
border: none;
padding:0;
background:none;
}
.multiPage{
margin:  3px 0;
}
.multiSelect{
border: 1px solid #333;
}

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

/* LIENS*************** ***************************************/
/************************************************************/
a{
color: #6c11a5;
text-decoration:none;
}

a:hover{
	color:#F09;
}

a.action img{
padding: 0 5px 0;
}

a.menuVisible{
text-decoration:none;
display:block;
position:absolute;
top:-2px;
right:1px;
padding:0;
outline: none;
}
a.menuVisible:hover{
text-decoration:none;
background:none;
}



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

/*********************************************
	STYLE POUR LE CALENDRIER EN JAVSCRIPT
	
*********************************************/
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
	margin:0;
	padding:0;
}
.ds_tbl {
	background-color: #FFF;
}
.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}
.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 15px;
}
.ds_cell, .ds_cellToday, .ds_cellWe, .ds_cellFerie {
	background-color: #EEE;
	color: #000;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	cursor: pointer;
}
.ds_cellToday {
	background-color: #333;
	color: #FFF;
}
.ds_cellWe {
	background-color: #999;
}
.ds_cellFerie {
	color: #000;
	padding: 0;
	border: red solid 1px;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}

/***************************
PLANNING ---------
****************************/
#tablePlanning , #tablePlanning td{
	background:#DDD;
	border:1px solid #666;
	border-bottom:2px solid black;
	border-right:2px solid black;
	text-align:center;
	padding:2px;
	white-space:nowrap;
}
 #tablePlanning td{
	 border:none;
	 background:#FFF;
 }
#tablePlanning .compteVeh{
	background:#FF0;
	font-weight:bold;
}
#tablePlanning .semaine{
	background:#000;
	color:#FFF;
	font-weight:bold;
}

#tablePlanning .titreVeh{
	background:#03F;
	color:#FFF;
}
#tablePlanning .autreMois td{
	background:#CCC;
}
#tablePlanning .jourCours td{
	background:#e77;
}
#tablePlanning .jourCours td.compteVeh{
	background:#b7e;
}
#tablePlanning .decompte{
	color: #009;
	font-weight:bold;
}
#tablePlanning .compteVehVide{
	color:#bbb;
}
#tablePlanning .separateur , #tablePlanning .autreMois .separateur{
	background:#000;
	width:10px;
}
/*	*/
/*********************************************
	Expot planning
	
*********************************************/
.actualWeekCase, .weekCase{
display:inline-table;
margin:0;
border:1px solid #333333;
background:#eee;
width:100px;
height:100px;
padding:2px;
}
.weekCasePetit, .actualWeekCasePetit{
display:inline-table;
margin:0;
border:1px solid #333333;
background:#eee;
width:50px;
height:50px;
padding:1px;
}
.actualWeekCase, .actualWeekCasePetit{
background:#99CCFF;
}
.actualWeekCase:hover, .weekCase:hover{
background:#00FF00;
}
.noSemaine{
font-size:1.5em;
font-weight:bold;
}

/*********************************************
	STYLE class Form
	
*********************************************/
.formForm table{
	background:#FFF;
	border:1px #666 solid;
}
.formTr{
	background:#EEE;
}

/* POUR LES POPINS */


#popupSemiTrans{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(../img/semi_trans_motif.png) repeat fixed;
	z-index: 10000;
	display:none;
	
}
#popupRappel{ width: 420px; height:400px; padding: 10px; background:#CCCCCC; border:2px solid #333; position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-210px;
	z-index: 10001;
	overflow:auto;
	display:none;
}


/* INFOS CONNECT */


#infosConnect{  background: none repeat scroll 0 0 #FFFFCC;
    border: 1px solid #666666;
    border-radius: 10px 0 0 0;
    bottom: 0;
    padding: 2px 10px;
    position: fixed;
    right: 0;}
	
.reporting-list{ background:#FFF; padding: 10px; border-radius:5px; border:1px solid #333; margin-right:30px;}
#reporting-list li{ cursor:pointer;}