/* blabla */
.body
{
	background-color:#FFFFFF;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	background:url('./images/central.jpg');
    
  width: 1000px;
  height: 600px;
}

.bodyIndex
{
	background-color:#FEE9CA;	
}

.tablePrincipale
{
	border-collapse:collapse;
	background:#FFA72C;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;	
}

.tableSecondaire
{
	height:530px;
	/*border-collapse:collapse;*/		/* non supporté par Opéra */
	border-left:1px solid #FFA72C;
	border-top:1px solid #FFA72C;
	border-right:1px solid #FFA72C;
	border-bottom:1px solid #FFA72C;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	background-color:#FEE9CA;
}

.tableSecondaire2  /* bordure compete orange */
{
	border-left:1px solid #FFA72C;
	border-top:1px solid #FFA72C;
	border-right:1px solid #FFA72C;
	border-bottom:1px solid #FFA72C;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
}

.tableSecondaire3 /* bordure compete bleues 002E79 */
{
	padding:3px;
	border-left:1px solid #002E79;
	border-top:1px solid #002E79;
	border-right:2px solid #002E79;
	border-bottom:2px solid #002E79;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
}


.tableMenu
{
	background-color:#FFFFFF;
	margin-top:2px;
	margin-left:5px;
	margin-right:2px;
	margin-bottom:0px;
	height:380px;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
}

/* classe qui doit etre sur toutes les tables des documents qui sont destinés à être affiché au milieu */
.tablePageCentrale
{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	
	margin-left: auto;
	margin-right: auto;
}

.tableAccueil
{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	background:url(../images/boule.gif);
	background-repeat:no-repeat;
	background-position:left center;
	height:300px;
	color:#3333CC;
}

.trHaut
{
	height:105px;
	vertical-align:middle;
	background:url(../images/haut.jpg);
	background-repeat:no-repeat;
	background-color:#FFA72C;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
}

.trIndex
{
	height:40px;
}

/*.tdContact
{
	border-left:1px solid blue;
}*/

.tdIndex
{
	
}

.tdGauche
{
	height:466px;
	background:url(../images/gauche.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}

.tdCentral
{
	height:466px;
	background:url(../images/central2.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-left:0px;
	text-align:justify;
}

.tdMenu
{
	background-color:#FFA72C;
	text-align:center;
}

.tdMenuGauche
{
	text-align:right;
	background-color:#FEE9CA;
	height:25px;
	padding-right:0px;
	margin-right:0px;
}

.tdMenuGauche100
{
	background-color:#FEE9CA;
	height:100%;
}

.tdMenuTop
{
	vertical-align:text-top;
}

.tdMenuActif
{
	color:#002E79;
}

.tdContactBordureGHD
{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	border-left:1px solid #FFA72C; /*#3333CC :bleu */
	border-top:1px solid #FFA72C;
	border-right:1px solid #FFA72C;
	background-color:#FFCC66;
}
.tdConnexion
{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	border-left:1px solid #FFA72C; /*#3333CC :bleu */
	border-top:1px solid #FFA72C;
	border-right:1px solid #FFA72C;
	border-bottom:1px solid #FFA72C;
	background-color:#FFCC66;
	padding:5px;
}
.tdContactBordureGHD2
{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	border-left:1px solid #FFA72C; /*#3333CC :bleu */
	border-top:1px solid #FFA72C;
	border-right:1px solid #FFA72C;
}

.tdContactBordureGBD
{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	border-left:1px solid #FFA72C;
	border-bottom:1px solid #FFA72C;
	border-right:1px solid #FFA72C;
}

.tdContactBordureGB
{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	border-left:1px solid #FFA72C;
	border-bottom:1px solid #FFA72C;
}

.tdContactBordureBD
{
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	border-bottom:1px solid #FFA72C;
	border-right:1px solid #FFA72C;
}

.divIndex
{
	width:600px;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
}

.divMenu
{
	/* Pour faire scroller le div */
	overflow:auto;			/* obligatoire pour la compatibilité avec Opéra, car il ne gere pas les 2 overflow-x et y */
	overflow-x:hidden;		/* pr ie */
	overflow-y:auto;		/* pr ie */
	height:400px;
	width:165px;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
}

.divPrincipal
{
	/* Pour faire scroller le div */
	overflow:auto;			/* obligatoire pour la compatibilité avec Opéra, car il ne gere pas les 2 overflow-x et y */
	overflow-x:hidden;		/* pr ie */
	overflow-y:auto;		/* pr ie */
	height:466px;
	width:600px;
	text-align:left;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
}

.divNavigation
{   vertical-align:top;
	height:20px;
	overflow:auto;			/* obligatoire pour la compatibilité avec Opéra, car il ne gere pas les 2 overflow-x et y */
	overflow-x:auto;		/* pr ie */
	overflow-y:hidden;		/* pr ie */
	text-align:left;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 8pt;
	color:#002E79;
}

.menuTitre
{
	color:#FFFFFF;
	height:25px;
	width:180px;
}

.tdProduitService
{
	text-align:left;
	padding-left:12px;
	height:75px;
}

.tdSociete
{
	padding-left:25px;
	height:75px;
}

.tdRef
{
	padding-left:10px;
	height:75px;
}

.tdClient
{
	padding-left:30px;
	height:75px;
}

.tdContact
{
	padding-left:45px;
	height:75px;
}

.tdMarquee
{
	height:22px;
	vertical-align:bottom;
	padding-bottom:0px;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
}

.tdTitrePrincipal
{
	text-align:left;
	padding-left:90px;
	padding-top:5px;
}

.aMenu
{
	text-decoration:none;
	color:#FFA72C;
	cursor:pointer;
}

.aNavigation
{
	text-decoration:underline;
	color:#002E79;
	cursor:pointer;
}

.titre
{
	color:#FFA72C;
}

.titre2
{
	color:#002E79;
}

.imageBouton
{
	cursor:pointer;
}

.puceActivite
{
	vertical-align:top;
	padding-top:20px;
}

.texteBleu
{
	color:#2E0079; 
	/* 002E79  0066FF */
	font-weight:bold;
}

.texteOrange
{
	color:#FF9933;
	font-weight:bold;
	margin-bottom:0px;
}
.InputTransparent{
	background-color:#FEE9CA; /* transparent;	*/
}
HR{
	height:1px;
}
.tabGen{
	background-color:white;
	font-family:verdana;
	font-size:12px;		
}
.borderLeft{
	border-left : 1px solid black;
}
.borderRight{
	border-right : 1px solid black;
}
.borderBottom{
	border-bottom : 1px solid black;
}
.borderTop{
	border-top : 1px solid black;
}
.borderCollapse{
	border-collapse : collapse;
}
.cellTitre{
	padding: 2px 2px 2px 2px;
	background-color : #FFA72C;
	font-weight : bold;	
}

.mesg_erreur{
  font-size: 20px;
  color: red;
  text-align: justify;
}
.mesg_erreur_petit{
  font-size: 12px;
  color: red;
  text-align: justify;
}
.mesg_succes{
  font-size: 12px;
  color: green;
  text-align: justify;
}
#corps{
  float: right;
  
  width: 850px;
  height: 600px;
  
  /*border: solid 1px;*/
  
  overflow: auto;
}

/*Barre horizontal*/
#info_client{
  width: 1000px;
  height: 20px;
  
  border-bottom: solid 1px black;
}

.decalage{
  padding-right: 15px;
  padding-left: 5px;
}

/*********client en dernière réponse*********/
.derniere_rep{
  font-size: 13px;
  color: green;
  text-align: justify;
  
  width: 588px; /*598 moins 5 (margin-left) - 5 pour la droite*/
  height: 123px;
  
  margin-left: 5px;
  
  overflow: auto;
}

#boite_der_rep{
  position: absolute;
  display: block;
  
  left: 200px;
  top : 200px;
  
  width: 600px;
  height: 150px;
  
  border: solid 3px #002E79;
  
  background: white;
}

#en_tete_der_rep{
  height: 20px;
  
  background: #FFA72C;
  color: #002E79;
  
  border-bottom: solid 1px #002E79;
  
  margin-bottom: 5px;
}

.en_tete_droite{
  float: right;
}

.en_tete_droite a{
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  
  margin-right: 5px;
}

.en_tete_gauche{
  float: left;
  
  width: 80%;
  
  text-align: center;
}

.saisie_id{  
  width: 150px;
}
.image_id{  
  height: 140px;
  width: 140px;
}