body {
		font:normal 11px Courier, Arial, Verdana, Helvetica, sans-serif;
		/* background-color: #ece9d8 */
		background-color:#FFFFFF;
		/* background: url(../images/pomme.gif) right 20px  repeat-y; */
	}
	
.geoBodyLogin{
	/* background:url('../images/fondHaut.jpg') no-repeat  scroll  0px 0px;*/
	/*background-color: #EFF4EE;*/
	/* background:url('../images/fruitvertical.png') repeat-y  scroll  1000px 210px;*/
}

.geoBody {
}

.geoAideInput {
	font-style:italic;
	font-size:9px;
	background-color:yellow;
	width:270px;
}

#geoTraceContainer{
	background: url(../images/pomme.gif) left 20px  repeat-y;;
	font:12px "MS Sans Serif", sans-serif;
	text-decoration:none;
	color:saddleBrown;	
	line-height:4px;
	height:100%;   
	}

#geoActions {
	display:none;
	min-width:1200px;
}

#geoBandeauLogo {
	float:right;
}

#geoCartouche {
	float:right;
	text-align:center;
	margin:10px;
	border:1px solid #EFF4EE;
	display:none;
	

}

#geoContexte {
	height:16px;
	padding: 2px;
	margin: 0px; 
	/* background: #F5FFFF; */
	display:block;
	float:left;
	width:900px;
	font:12px "MS Sans Serif", sans-serif;
	
	}
	

	
#geoLogin {
	margin-left:255px;
	min-width:500px;
	margin-top:40px;
	}
#geoOnglets,#geoOngletsEntrepot {
	display:none;
	min-width: 800px;
	margin:auto;
	/*width:expression(document.body.clientWidth < 1000 ? "1000px" : "auto" );*/
	}
#geoFormSaisie {
	background-color:transparent;
	}

/* information sur l'élément courant affichées dans le bandeau */
.Contexte {
FONT:10pt "MS Sans Serif", sans-serif;
text-decoration:none;
color:#2179c8;
height:18px;
padding-top:5px;
padding-left:2px;
}

#geoContainer {
	width: auto;
	padding:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

/****** Colonnes ******/
#geoContainerColonnes {
	background-color: #fffff;  
	height: auto;
	min-height:600px;	
}

#geoColonneGauche {
 	width:250px;
 	float:left; 
 	text-align: left; 
 	/* background: #EFEFDF; */
 	height:100%; 
 	display:block;
 	overflow-y:scroll;
}

#geoColonneMilieu{
	background-color: #fffff;  
	padding: 0px 0px 0px 0px;
	/* background: #EBE7E7; */
	height:auto; 
	margin-left:0px;
 }
 
 #geoIframe{
	margin-top:30px;
	background-color:white;
 }
 
 /*  ----------------footer---------------------- */ 
#geoEnPied {
	clear:left;
	padding:0 10px 0 -1px;
	margin:0px;
	text-align: center;
	width: 985px;
	height:30px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	background: #EFF4EE;
	display:none;
	
} 
#geoBoutonFermer {
float:right;
margin:5px;
}


.geoEnteteGrille {
	padding-top:5px;
	padding-bottom:5px;
}
/**********   ancien css qui servent *********/
#bulle {
background-color:#FFFF33; 
text-align: center; 
border: 1px solid #666; 
position: absolute; 
font:8pt "MS Sans Serif", sans-serif;
}
.mytitcol{
background-color:#EFF6FB;
COLOR:#000000;
FONT:10pt "MS Sans Serif", sans-serif;
FONT-STYLE:normal;
FONT-WEIGHT:bold;
TEXT-DECORATION:none;
TEXT-ALIGN:left;
BORDER:none;
padding:2px;
margin-bottom:2px;
}

/* une ligne dans la liste des expeditions */
.myrow{
COLOR:#000000;
FONT:10pt "Verdana", sans-serif;
FONT-STYLE:normal;
FONT-WEIGHT:normal;
TEXT-DECORATION:none;
TEXT-ALIGN:left;
BORDER-STYLE:none;	
margin-right:100px;
}


a:link, a:visited {	  
text-decoration:none;
color:#333367;	   
FONT-WEIGHT:bold;
} 



.a_true:link, .a_true:visited {	  
text-decoration:none;
color:#C0C0C0;	   
FONT-WEIGHT:bold;
} 
.a_true:hover {  
text-decoration:none;
color:orange;	
FONT-WEIGHT:bold;
} 
.a_true:active {  
text-decoration:none;
color:red;	
FONT-WEIGHT:bold;
}

a:hover {  
text-decoration:none;
color:orange;	
FONT-WEIGHT:bold;
}

/* header de niveau 1*/
.header1{
background-color:#EFF6FB;
COLOR:#000000;
FONT:10pt "MS Sans Serif", sans-serif;
FONT-STYLE:normal;
FONT-WEIGHT:bold;
TEXT-DECORATION:none;
TEXT-ALIGN:left;
BORDER-STYLE:none;
margin-bottom:10px; 
padding:3px;
}

.header2 {
/*background-color:#96C51C;*/
background-color:#EFF6FB;
COLOR:#000000;
FONT:9pt "MS Sans Serif", sans-serif;
FONT-STYLE:normal;
FONT-WEIGHT:bold;
TEXT-DECORATION:none;
TEXT-ALIGN:center;
height:16px;
} 

#geoErreur {
background:white;
display:none;
}

#geoErreurStart {
background:white;
display:block;
border : solid 1px black;
width:400px;
}

.geoMessageDialog .ui-dialog-titlebar
{ display:none; }

#geoHeaderErreur {
cursor:move;
	}
	
.geoHeaderFlottant {
cursor:move;
height:15px;
padding:4px;
	}
	
	
#geoContainerErreur {
	}
	
#geoErreurEnPied {
	text-align:center;
	padding-bottom:5px;
}

#geoTableMessages {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 	
	}

.titreErreur {
font-size:12px;
font-weight:bold;
text-align:left;
}
.titreWait {
padding:2px;
background:#94ce08;
text-align:left;
color:white;
}

#geoContainerMessage {
	padding:5px;
	}

#geoLibelleMessage{
padding:2px;
color:#3184bd;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
font-weight: bold;
margin-left:10px;
}

/* message de confirmation */
.geoConfirmationMessage{
padding:2px;
color:#3184bd;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
font-weight: bold;
margin-left:10px;
}

/* label avec un aspect souligné */
.geoLabel {
COLOR:#000000;
FONT:8pt "MS Sans Serif", sans-serif;
FONT-STYLE:normal;FONT-WEIGHT:normal;
TEXT-DECORATION:underline;
TEXT-ALIGN:right;
BORDER-STYLE:none;
}

/* valeur associée à un label */
.geoValue {
COLOR:#000000;
FONT:8pt "MS Sans Serif", sans-serif;
FONT-STYLE:normal;
FONT-WEIGHT:normal;
TEXT-DECORATION:none;
TEXT-ALIGN:left;
BORDER-STYLE:none
}

/* valeur associée à un label */
.geoStatut {
COLOR:#000000;
FONT:8pt "MS Sans Serif", sans-serif;
FONT-STYLE:normal;
FONT-WEIGHT:bold;
TEXT-DECORATION:none;
TEXT-ALIGN:left;
BORDER-STYLE:none
}

/* ligne d'un tableau de produits */
.geoLigne {
COLOR:#000000;
FONT:8pt "MS Sans Serif", sans-serif;
FONT-STYLE:normal;
FONT-WEIGHT:normal;
TEXT-DECORATION:none;
TEXT-ALIGN:left;
border-width:1px;
border:red;
border-color:red;
border-style:solid;
}

.geoCell {
border-style:none;
}


.geoGridOkValue {
background:#80FF80;	
}

.geoGridErreurValue {
background:#FF8080;	
}

.geoGridCellBold {
font-weight:bold !important ;
}

/* une ligne en 8 points */
.myrowsmall{
COLOR:#000000;
FONT:8pt "Verdana", sans-serif;
FONT-STYLE:normal;
FONT-WEIGHT:normal;
TEXT-DECORATION:none;
TEXT-ALIGN:left;
BORDER-STYLE:none;	
margin-right:100px;
}

/* une ligne en 8 points */
.myrownarrow{
COLOR:#000000;
font-family: arial narrow; font-size: 8pt;
FONT-STYLE:normal;
FONT-WEIGHT:normal;
TEXT-DECORATION:none;
TEXT-ALIGN:left;
BORDER-STYLE:none;	
margin-right:100px;
}

.inputText {
font-size:8pt;
font-family:"MS Sans Serif";
color:black;
padding:2px;
}
.inputTextError {
font-size:8pt;
font-family:"MS Sans Serif";
color:white;
background:red;
}

.titreListe {
font-size:11;
font-family:Verdana;
}
.listeDrop {
font-size:11;
font-family:Verdana;
}

.boldText {
font-weight:bold;
font-size:11pt;
font-family:"MS Sans Serif";
}

.labelInputTextHeader {
width:100px;
font-size:9pt;
font-family:"MS Sans Serif";
}
.labelInputText {
font-size:8pt;
font-family:"MS Sans Serif";
}
.titreProduit {
font-size:9pt;
font-family:"MS Sans Serif";
text-decoration:underline;
}

#geoHidden {
	display:none;
	}

/* valeur associée à un label */
.value {
COLOR:#000000;
FONT:8pt "MS Sans Serif", sans-serif;
FONT-STYLE:normal;
FONT-WEIGHT:normal;
TEXT-DECORATION:none;
TEXT-ALIGN:left;
BORDER-STYLE:none
}



/* redefinition de certains css car "overrides" par les templates JQuery */
/* bouton documentation complete */
#geoDocumentationComplete {
	font-size:18px;
	margin:5px;
	}

#geoContainerGrid,#geoContainerGridPop {
	z-index:5000; /* premier plan */
	background:white;
	}
	

.ui-widget input {
	font-size:8pt;
	font-family:"MS Sans Serif";
}

.desBoutons {
	padding:10px;
	font-size:12px;
	}

.geoImageAction {
	cursor:pointer;
	border:1px solid #A6C9E2;
	}

/* reduction de la taille des boutons */
.ui-button-text-only .ui-button-text {
padding:0.1em 0.1em;
}
.ui-widget .ui-widget {
font-size:0.9em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family:"MS Sans Serif",sans-serif;
font-size:0.9em;
}

#geoNavigationContexte {
	height:16px;
	padding: 0px;
	margin: 0px; 
	background: #F5FFFF;
	font:10px "MS Sans Serif", sans-serif;
	}

#geoNavigationContexte a, #geoNavigationContexte a:visited {
background:transparent url(../images/nav.gif) no-repeat scroll right 3px !important;
color:#333367 !important;
display:inline !important;
font-family:"MS Sans Serif",sans-serif;
font-size:10px !important;
font-weight:normal !important;
margin-left:0 !important;
padding-left:0 !important;
padding-right:15px;
text-decoration:none !important;
}

.geoNavigationContexteInactive {
color:black !important;
display:inline !important;
font-family:Verdana,Arial,Helvetica,sans-serif !important;
font-size:10px !important;
font-weight:bold !important;
padding-left:3px;
text-decoration:none !important;
}

#geoBack a, #geoBack a:visited {
background:transparent url(../images/back.gif) no-repeat scroll left 3px !important;
color:#333367 !important;
display:inline !important;
font-family:"MS Sans Serif",sans-serif;
font-size:10px !important;
font-weight:normal !important;
margin-left:0 !important;
padding-right:0 !important;
padding-left:15px;
text-decoration:none !important;
}

#geoBack a:hover {  
color:orange !important;
}


#geoAccueil {
color:#333367 !important;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold !important;
margin-left:100px !important;
margin-right:100px !important;
margin-top:20px;
}

#geoToolBar {
	float:left;
	}

#geoToolBar .ui-button-text{
padding-right:3px;
padding-left:15px;
padding-top:2px;
padding-bottom:2px;
}


#geoToolBar .ui-button-icon-primary {
	left:0;
	}
	
.geoBienvenue {
color:#333367 !important;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold !important;
margin-left:100px !important;
margin-right:100px !important;
margin-top:50px;
font-size:48px;
min-width:520px;
}

input.date {
	width: 72px;
	color: #000;
}

#geoAccordeonContent {
	height:auto;
	}

	
	/* commun aux différentes grilles */
	/* n'est plus utilisé */
	/*
	#geojGrid,#geojGridPop,#geoGridOrdre,#geoGridLogistique,#geoGridDocuments,#geoGridMarge,#geoGridRecap,#geojGridPopLignes,#geojGridPopLignesClient,#geojGridPopConfirmationCommande,#geojGridPopSupervEnvois,#geoGridLog  {
	font-size:11px;
	width:100%;
	}
	*/
	
	/* le contenu de cet onglet  est centré car la grille associée est p'tite */
	#geoLog {
 	margin-left: auto; 
  	margin-right: auto; 
	margin-top:5px;
	width:300px;		
	}
	
	#geoRecap,#geoReference {
	margin-top:5px;
	}
	
	/* commun aux différentes grilles de largeur 100% */
	.geoGrille100 {
	font-size:11px;
	width:100%;
	}
	
	/* commun aux différentes grilles de largeur fixe */
	.geoGrilleAuto {
	font-size:11px;
	width:800px;
	}
	
	.ui-jqgrid-labels {
		font-size:11px;
	}
	

.ui-jqgrid tr.jqgrow td {
white-space:normal;
}

.geoItalique {
	font-style:italic;
	background:#f6fdfd;
}

/* modification de style de jqgrid */
/* entete de colonne : retour ligne permis */
/* hauteur : 28px au lieu de 17px */
/* pas effectif ici, patché directement dans ui.jqgrid.css */
.ui-th-column {
	white-space:normal;
	
	}

/* bug combobox autocomplete */
		.ui-button { margin-left: 0px; }
		.ui-button-icon-only .ui-button-text { 
		padding: 0.35em; 
		font-size:7px;
		} 
		.ui-autocomplete-input { 
		margin: 0; 
		padding: 1px 0;
		font-size:0.9em;
		}
.ui-dialog .ui-dialog-content {
	background:white;
	}

.ui-autocomplete {
	background:white;
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
	}
	
.ui-datepicker-calendar {
        background-color:white;
}
	
/* les item de menus ne passent pas en gras pour eviter les sauts de ligne */
/* intempestifs */
#ui-active-menuitem {
	font-weight:normal;
	}
	
	
/* css for timePicker */
div.time-picker {
  position: absolute;
  height: 191px;
  width:5em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #aaa;
  z-index: 99;
  margin: 0;
}
div.time-picker-12hours {
  width:7em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  cursor: pointer;
  height: 10px;
  font: 12px/1 Helvetica, Arial, sans-serif;
  padding: 4px 3px;
}
div.time-picker li.selected {
  background: #0063CE;
  color: #fff;
}