/**** �l�ments g�n�riques ****/

BODY {
    color : #000000;
    padding:0;
    margin:0;
    scrollbar-base-color:#d6d2c4;
    scrollbar-3dlight-color:#d6d2c4;
    scrollbar-arrow-color:#000000;
    scrollbar-darkshadow-color:#d6d2c4;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#d6d2c4;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#F0F0F0;    
}

a {
    font-family:verdana;
    font-size:11px;
    color:#0076a8;
	font-weight:normal;
}

a.noDecoration
{
	font-family:verdana;
    font-size:11px;
    color:#0076a8;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
	/*text-decoration:underline;*/
}

a:active {
	/* � voir */
}

a:visited {
	/* � voir */
}

img {
	border:none;
}

.row {
    display : inline;
}
/**** Titre / En-t�te ****/
	
h1 {
    margin:20px;
    padding:0;
    top:5px;
    height:70px;
    width:85px;
}

h2 {
    position:absolute;
    margin:0;
    padding:0;
    top:0;
    left:75px;
    width:170px;
    height:68px;
    display:inline;
}

.titreapplifoot {
    font-family:verdana;
    font-size:15px;
    font-weight:bold;
    color:#0076a8;
}

.titreappli {
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
    color:#0076a8;
    position:absolute;
    margin:0;
    padding:0;
    top:38px;
    left:120px;
    display:inline;
}

.stitreappli {
    font-family:Arial;
    font-size:11px;
    text-transform:uppercase;
    color:#0076a8;
    position:absolute;
    margin:0;
    padding:0;
    top:60px;
    left:120px;
    display:inline;
}

.applitop
{ 
	background-color:#0076a8;
}
.titreapplitop
 {
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
    color:#FFFFFF;
	background-color:#0076a8;
}

.applitopBlanc{
	background-color:#FFFFFF;
}
.stitreapplitop{
    font-family:Arial;
    font-size:13px;
    text-transform:uppercase;
    color:#FFFFFF;
	background-color:#0076a8;
}


h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    display:none;
}

/********************************************************************** BARRE DE NAVIGATION *****************************************************************************/

.spacer {
	line-height:0px;
	clear:both;
}

#nav {
    width:100%;
   /* margin:2px 0;*/
	margin-top:5px; /* Espace entre le bandeau du haut et le menu d�roulant */
	/*font : 13/14px verdana;*/
    /*min-height:75px; *//* Permet de mettre un espace entre la barre de menu et le contenu de la page */
    white-space: nowrap;
    background: #d6d2c4;
	margin-bottom:20px;
}

#nav input { /* textBox de la recherche VIN */
    font-family:verdana;
    font-size : 11px;
    border : 1px solid #000;
    vertical-align:middle;
}

#nav .search_but_redbg {
    cursor:pointer;
    margin:0;
	padding:0 0 0 13px;
	/*display:block;*/
    border:none;
    /*font : bold 11px verdana;*/
    /*color : #ffffff;*/
	width:19px;
	height:19px;
	background-color:transparent;
	vertical-align:middle;
	background : url(../../images/AP/picto/bouton_ok.gif) center left no-repeat;
}

#nav .search_but_redbgWarning {
    cursor:pointer;
    margin:0;
	padding:0 0 0 13px;
	/*display:block;*/
    border:none;
    /*font : bold 11px verdana;*/
    /*color : #ffffff;*/
	width:19px;
	height:19px;
	background-color:transparent;
	vertical-align:middle;
	background : url(../../images/AP/picto/bouton_ok_warning.gif) center left no-repeat;
}

#nav .search_but_redbg img {
	vertical-align:middle;
}

#nav li { /*Le style de la liste du menu d�roulant */
	/*left:0;*/
	list-style: none;
	height:25px;
	float:left; /* Permet de cr�er une liste horizontale */
	cursor:hand;
	
}

/** Barre 1 **/

#menu1 {
   	margin:0 0 0 0;
    	padding:0 0 0 0;
    	background-color:#d6d2c4;
	background : url(../../images/AP/haut/bandeau.gif);
	/*height:25px;*/
}

/*#menu1 ul {
/* margin : 0;*/
	
/*}*/

#menu1 h3 {
    display:inline; /* Permet de r�duire l'espace vertical entre les menus d�roulants */
    /*font-size:1em;*/
}

#rootMenu {
	padding-left:0;/* Positionner le menu d�roulant (Mozilla) */
	margin-left:0;/* Positionner le menu d�roulant (IE) */
	/*height:25; */
}

.navlink { /* Les liens du menus d�roulant */
	font-weight:bold;
	font-family:arial;
    font-size:12px;
	color:#FFFFFF;
}

li.cat_sel a.navlink, li.cat_on a.navlink, li.cat_sel_on a.navlink, li.cat:hover a.navlink { /* Les liens du menus d�roulant */
	font-weight:bold;
	font-family:arial;
    font-size:12px;
	color:#0076a8;
}

li.vehicule { /* l'onglet v�hicule */
	/*vertical-align : top;*/
	width:215px;
   	height:26px;
    background: url(../../images/AP/haut/vehicule.gif) top left no-repeat;
}

li.vehicule H3 { /* Le texte de l'onglet vehicule */
	color:#0076a8;
	margin-left:7px;
	padding-top:7px;
	height:26px;
	font-family:Verdana;
	font-weight:bold;
	font-size:13px;
}

li.vehiculeWarning { /* l'onglet v�hicule */
	/*vertical-align : top;*/
	width:215px;
   	height:26px;
    background: url(../../images/AP/haut/vehicule_warning.gif) top left no-repeat;
}

li.vehiculeWarning H3 { /* Le texte de l'onglet vehicule */
	color:#000000;
	margin-left:7px;
	padding-top:7px;
	height:26px;
	font-family:Verdana;
	font-weight:bold;
	font-size:13px;
}



li.cat { /* Les onglets lorsqu'ils ne sont pas s�lectionn�s */
 	vertical-align : top;
   	position:relative;
    	min-width:120px;
    	background: url(../../images/AP/haut/onglet.gif) top right no-repeat;
    	z-index:100;         /* On doit sp�cifier ce z-index pour s'assurer que les calques .sub qu suivent seront au-dessus de tous les autres �l�ments relatifs de la page (ie : on d�finit un "contexte de stack" plac� tr�s haut) */

}

li.cat_sel, li.cat_on, li.cat_sel_on, li.cat:hover { /* Les onglets lorsqu'ils sont s�lectionn�s, non s�l�ctionn�s et en rollover, s�l�ctionn�s et en rollover */
  	vertical-align : middle;
   	position:relative;
  	min-width:120px;
    	background: url(../../images/AP/haut/onglet_on.gif) top right no-repeat;
    	z-index:100;         /* On doit sp�cifier ce z-index pour s'assurer que les calques .sub qu suivent seront au-dessus de tous les autres �l�ments relatifs de la page (ie : on d�finit un "contexte de stack" plac� tr�s haut) */

}

li.cat h3 { /* Les textes des onglets lorsqu'ils ne sont pas s�lectionn�s */
	padding:0px 10px 0px 10px;
	height:25px; /* Permet d'alligner les images des onglets avec IE */
	background : url(../../images/AP/haut/ongletGauche.gif) top left no-repeat;
	
}

li.cat_sel h3, li.cat_sel_on h3, li.cat_on h3, li.cat:hover h3 { /* Les textes des onglets s�lectionn�s, non s�l�ctionn�s et en rollover, s�l�ctionn�s et en rollover*/
	padding:0px 10px 0px 10px;
	height:25px;
	background : url(../../images/AP/haut/ongletGauche_on.gif) top left no-repeat;
}

*>ul li.cat {/* "Child hack" : ces instructions ne sont pas lues par IE6 et les anciens navigateurs, mais permet � Mozilla d'adapter la taille des menus d�roulants */
    width:auto;
    min-width:120px;
}


*>ul li.cat:hover {/* "Child hack" : ces instructions ne sont pas lues par IE6 et les anciens navigateurs, mais permet � Mozilla d'adapter la taille des menus d�roulants */
    width:auto;
    min-width:120px;
}
 /*V�rifier l'importance de ce hack
li.cat>ul, li.cat_on>ul {
	top: auto;
	left: auto;
}
*/
 

li.cat ul, li.cat_sel ul { /* Pas d'affichage des sous menus lorsque l'on ne fait pas de rollover sur les onglets */
    display:none;
}

li.cat:hover .sub, li.cat_sel:hover .sub, li.cat_on .sub, li.cat_sel_on .sub {
   display:block;
}

li.cat_on .sub li, li.cat_sel_on .sub li {		/* Hack n�cessaire pour contourner le bug des sauts de ligne dans IE */
   display:inline;
}
ul.sub { /* La liste des sous-menus */
	background-color:#0076a8;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0pt 1px 1px;
	height:auto;
	left:0pt;
	margin:0pt;
	padding:0pt;
	position:absolute;
	top:25px;
	min-width:200px;
}
ul.sub tr { /* Les items des sous-menus */
	background-image:none;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0pt 0pt 1px;
	height:auto;
	margin:0em 0pt;
	padding:0pt;
}
	
ul.sub tr a { /*Les liens des sous-menus */
	background-image:none;
	color:#0076a8;
	display:block;
	font-weight:normal;
	height:auto;
	line-height:200%;
	padding:3px 0px 3px 5px;
	text-decoration:none;
	white-space:nowrap;
	min-width:200px;
}

ul.sub table {
	border-collapse: collapse;
}

ul.sub tr td {
	border-bottom : solid white 1px;
}

ul.sub tr:hover, ul.sub tr.sfhover {
	background-color:#FACC27;
	background-image:none;
	color:#0076a8;
	height:auto;
	text-decoration:none;
}


ul.subVIN {
    position: absolute;
    top : 25px;
    left: 65px;
    margin:0;
    padding:0;
    background-color:#0076a8;
}

ul.subVIN a {
    color : #fff;
    text-decoration:none;
    font-weight:bold;
    display:block;
    padding:2px 3px;
    margin:0;
    width:100%;
}

ul.subVIN a:hover {
    background-color:#d6d2c4;
    font-weight:bold;
    text-decoration:none;
    color:#0076a8;
}

/** Barre 2 **/

.location_bar {
	clear:left;
	background : #0076a8/*FACC27*/;
	margin:0;
	padding:0 0 0 0;
	color:#fff;
	font : 13px/15px Arial;
}

.textlocation_bar
{
	font-family : verdana;
	font-size : 11px;
	/*font-weight:bold;*/
	color:#29418c;
	padding:0px 0px 4px 5px;
	height:20px;
}

.location_bar input {
    font-family:arial;
    font-size : 11px;
    height:18px;
    border : 1px solid #000;
    vertical-align:middle;
    margin:1px;
}

/* Style du bandeau lorsque l'on consulte un client sensible */
.location_barWarning {
	clear:left;
	background : #FACC27;
	margin:0;
	padding:0 0 0 0;
	color:#fff;
	font : 13px/15px Arial;
}

.textlocation_barWarning
{
	font-family : verdana;
	font-size : 11px;
	/*font-weight:bold;*/
	color:#29418c;
	padding:0px 0px 4px 5px;
	height:20px;
}


/** Barre 3 - LES LIENS TRANSVERSAUX**/

#menu2 { 
	position:absolute;
	top:0;
	right:0;
	color:#000000;
}

#menu2 ul {
	margin:3px 0 0 0;
	padding:0;
	font-size:11px;
	font-family:verdana;
}
 
#menu2 ul li {
	display:inline;
	padding:0;
	margin:0;
}

#menu2 a {
    padding:2px;
    text-decoration:none;
    color:#939598;
}

#menu2 a:hover {
    text-decoration:underline;
}

#menu2 span {
	visibility:hidden;
}

/************************************************ MENU DE GAUCHE *******************************************************/


.left_menu tr td.titreMenu{ /* Les titres dans le menu */
  color:#0076a8;
  background-image: url(../../images/AP/menu/trait_titre.gif);
  background-position:left bottom;
  background-repeat:no-repeat;
  line-height:1em;
  padding-bottom:4px;
  padding-left:6px;
  height:30px;
}


.fondMenu { /*Le bloc menu */
    margin:0 0 0 0px;
   	font : 12px Verdana; 
    width:164px;
	background-color:#FFFFFF;
	vertical-align:top;
}

.item { 
    color:#7e7e85;
    font : 11px Verdana;
    text-decoration:none;
	height:auto;
	/*background-image: url(../../images/AP/menu/separation.gif);
	background-position:left bottom;
	background-repeat:no-repeat;*/
}

.left_menu tr td.itemNoLink{
  	color:#7e7e85;
    font : 11px Verdana;
    text-decoration:none;
	height:auto;
	margin-left:6px;
	padding-left:6px;
	padding-top:3px;
	display:block;
}

.item a {
    color:#7e7e85;
    font : 11px Verdana;
    text-decoration:none;
	padding-left:25px;
	padding-top:3px;
    display:block;
	background-image: url(../../images/AP/menu/fleche_fermee.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

.item a:hover {
    color:#0076a8;
	text-decoration:none;
	background-image:url(../../images/AP/menu/fleche_ouverte.gif);
	background-position:left center;
	background-repeat:no-repeat;
}


.itemSelected {
    color:#0076a8;
	text-decoration:none;
	/*background-image: url(../../images/AP/menu/separation.gif);
	background-position:left bottom;
	background-repeat:no-repeat;*/
}

.itemSelected a {
    color:#0076a8;
    font : 11px Verdana;
    text-decoration:none;
    padding-left:25px;
	padding-top:3px;
    display:block;
	background-color:#FFFFFF;
	background-image: url(../../images/AP/menu/fleche_ouverte.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

.itemSelected a:hover {
    color:#0076a8;
	text-decoration:none;
   
}

.sous_menu {
	padding-right: 4px;
	margin-left: 10px;
	/*padding-top: 3px;*/
	/*background-image: url(../../images/AP/menu/fleche_fermee.gif);
	background-repeat:no-repeat;*/
}

div.sous_menu a { /* les liens des sous menus */
	background-image: url(../../images/AP/menu/fleche_fermee.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#7E7E85;
	padding-right: 4px;
	margin-left: 10px;
	padding-top: 3px;
}

div.sous_menu a:hover { 
	background-image: url(../../images/AP/menu/fleche_ouverte.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

div.sous_menu a:selected { 
	background-image: url(../../images/AP/menu/fleche_ouverte.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
.sous_sous_menu {
	padding-right: 4px;
	margin-left: 15px;
	/*padding-top: 3px;*/
	/*background-image: url(../../images/AP/menu/fleche_fermee.gif);
	background-repeat:no-repeat;*/
}

div.sous_sous_menu a { /* les liens des sous menus */
	background-image: url(../../images/AP/menu/fleche_fermee.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#7E7E85;
	padding-right: 4px;
	margin-left: 15px;
	padding-top: 3px;
}

div.sous_sous_menu a:hover { 
	background-image: url(../../images/AP/menu/fleche_ouverte.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

div.sous_sous_menu a:selected { 
	background-image: url(../../images/AP/menu/fleche_ouverte.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
.left_menu   {
	width:244px;
	background-color:#FFFFFF;
}

.left_menu thead { /* En-t�te du tableau du menu */
	font-size : 11px;
	font-weight:bold;
	padding-left : 0;
}

.left_menu thead td { /* Cellule d'en-t�te du tableau */
	padding-left:5px;
}

.left_menu tbody td { /* Contenu du tableau */
	padding:3px 0 2px 0;
	/*height:24px;*/
	/*background-image: url(../../images/AP/menu/separation.gif);
	background-position:left bottom;
	background-repeat:no-repeat;*/
}

.left_menu td.table_footer{ /* Bas du tableau */
	/*line-height:20px;*/
	padding:0;
	height:0px;
}

.end_menu { /* Fin du menu */
	width:164px;

}


.search_but {
    width:100%;
    margin:0.3em 20%;
    border:none;
   
    padding:0.3em 0.3em 0.3em 1.5em;
    font : bold 11px Arial;
    color : #336699;
}

.row {
	display:inline;
	text-align:center;
}

/** Menu avec titre + liste d�roulante (sur 2 lignes) */
.left_menu_2lines {
	width:154px;
}

.left_menu_2lines thead {
	font-size: 11px;
	font-weight: bold;
	line-height:46px;
	background-color:#FFFFFF;
	background-image: url(../../images/AP/menu/trait_titre_2lines.gif);
	padding-left: 0;
	color: #0076a8;
	display:block;
}

.left_menu_2lines thead td {
	padding-left:5px;
	padding-top:16px;
}

.titreMenu_2lines {
  	line-height: 0em;
	padding-top: 0.5em;
	padding-bottom: 0em;
}

.left_menu_2lines tbody td { 
	padding:3px 0 2px 0;
}
/** input / liste d�roulante faisant partie d'un titre du menu (menu sur plusieurs lignes) */
.zone_2lines {
    font-size: 11px;
    height: 18px;
    border: 1px solid #000;
    vertical-align: middle;
    margin: 1px;
    margin-top: 0.8em;
    text-align: left;
    font-weight: normal;
    font-family: verdana; 
}

/** Menu avec au moins 3 lignes de texte */
.left_menu_3linesTxt {
	width: 154px;
}

.left_menu_3linesTxt thead {
	font-size : 11px;
	font-weight: bold;
	background : url(../../images/AP/menu/trait_titre_2lines.gif) top center no-repeat;
	padding-left: 0;
	color: #0076a8;
	display:block;
	line-height: 46px;
}

/** Positionnement du titre du menu sur plusieurs lignes */
.left_menu_3linesTxt thead td {
	padding-left: 6px;
}

.left_menu_3linesTxt tbody td {
	padding:3px 0 2px 0;
}

/** Bas du menu contenant au moins 3 lignes de texte */
.left_menu_3linesTxt td.table_footer{
	line-height: 14px;
	padding: 0;

}

/** Couleur du titre du menu contenant au moins 3 lignes de texte */
.titreMenu_3linesTxt {
	line-height: 1em;
	padding-top: 0.4em;
	padding-bottom: 0em;
}

/* Espacement entre les items */
.left_menu_3linesTxt tbody td {
	padding:3px 0 2px 0; /*2px 0;*/
}

/** Menu sans la ligne du bas */
.left_menu_noBas {
	width: 154px;
	background-color:#FFFFFF;
}
.left_menu_noBas thead {
	font-size: 11px;
	font-weight: bold;
	padding-left: 0;
	color: #0076a8;
	display:block;
	line-height: 46px;
	background-color:#FFFFFF;
}
.left_menu_noBas thead td {
	text-align:center;
	padding-top:12px;
	padding-left:6px;
}


/** titreMenu comportant un lien */
td.titreMenu a {
    font-size: 11px;
    color: #0076a8;
    text-decoration: none;
    font-weight: bold;
    text-decoration: underline;
    font-family: verdana;
}

/* Style pour new@gir, retrait � droite des items qui contiennent des DIV 
--> Le code sera � modifier par la suite directement dans new@gir pour avoir un menu propre */
TR.item TD div, TR.item TD
{
padding-left:6px;
}

/*********************************************************** CONTENU PRINCIPAL ******************************************************************/

.fondCouleur /* Contour et fond des sections */
{
	background-color:#FFFFFF;
	border-color:#000000;
	border-width:1;
	border-collapse:separate;
	border-style:solid;
	width:90%;
	padding-bottom:0px;
	margin-bottom:5px;
}

.titreSection /* La barre de titre des sections sans images */
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
    color:#FFFFFF;
	vertical-align:middle;
	background-color:#d6d2c4;
	height:20px;
	border-color:#000000;
	
}

.imageTitreSection
{   
    background-color:#d6d2c4;
	vertical-align:middle;
	width:22px;
	
}

.textTitreSection
{
	vertical-align:middle;
	text-align:left;
	padding-left:4px;
	color:#0076a8;	
	background-color:#d6d2c4;
}

.titreSectionSelected /* La barre de titre des sections sans images lorsque la section est s�lectionn�e*/
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#0076a8;
	vertical-align:middle;
	background-color:#d6d2c4;
	height:20px;
	border-bottom: 2px solid #d6d2c4;
}

.titre /* Le titre des sections si l'application utlilise encore des images pour cr�er le bandeau de titre */
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#0076a8;
	vertical-align:middle;
}

.regroupement /*Les encadr�s � l'int�rieur des sections */
{
	border-style:solid;
	border-width:1px;
	border-color:#0076a8;
	padding:5px 3px 5px 3px;
}


/******************************** LES MESSAGES D'INFO, DE DIALOGUE ET D'ALERTE **********************************************/

.MsgInfo {
	font-family:verdana;
	display:block;
    font-size:11px;
    font-weight:bold;
	text-align:center;
	/*width:300px;*/
    padding:5px 5px 5px 20px;
	margin:0px 30px 10px 30px;
	color:#0076a8;
    background : url(../../images/AP/picto/msginfoV1.gif) top left no-repeat;
	background-color:#c4d3ff;
}

.MsgInfoInterne {
	font-family:verdana;
    font-size:11px;
    font-weight:bold;
	text-align:center;
    padding:5px 5px 5px 20px;
	margin:2px 2px 2px 2px;
	color:#0076a8;
    background : url(../../images/AP/picto/msginfoV1.gif) top left no-repeat;
	background-color:#c4d3ff;
	text-align:center;
	height:20px;
}


.MsgWarning {
    font-family:verdana;
	display:block;
    font-size:11px;
    font-weight:bold;
	text-align:center;
    padding:5px 5px 5px 20px;
	margin:0px 30px 10px 30px;
    color:#A52121;
    background : url(../../images/AP/picto/msgwarningV1.gif) top left no-repeat;
	background-color:#f9dbdb;
}


.MsgWarningInterne {
    font-family:verdana;
    font-size:11px;
    font-weight:bold;
	text-align:center;
    padding:5px 5px 5px 20px;
	margin:2px 2px 2px 2px;
    color:#A52121;
    background : url(../../images/AP/picto/msgwarningV1.gif) top left no-repeat;
	background-color:#f9dbdb;
	height:20px;
}

.MsgDialogue {
    font-family:verdana;
	display:block;
	width:300px;
    font-size:11px;
    font-weight:bold;
	text-align:center;
    padding:5px 5px 5px 28px;
	margin:10px 0px 10px 0px;
    color:#444444;
    background : url(../../images/AP/picto/msgDialogue.gif) top left no-repeat;
	background-color:ffdaa0;
}

.MsgDialogueInterne {
    font-family:verdana;
    font-size:11px;
    font-weight:bold;
	text-align:center;
    padding:5px 5px 5px 28px;
	margin:10px 0px 10px 0px;
    color:#444444;
    background : url(../../images/AP/picto/msgDialogue.gif) top left no-repeat;
	background-color:ffdaa0;
	height:20px;
}

/*********************************************** LES TABLEAUX **************************************************************/

.tablePrinc, TABLE.layoutCollection1
{
	border-color:#A6A6A6;
	border-collapse:collapse;
	background-color:#A6A6A6;
}

table.tablePrinc TH, TH.layoutCollection1, TH.layoutCollection1 TR TD, table.layoutCollection1 TR TH/* Les titres des tableaux */
{
	height:20px;
	background-color:#0076a8;
	color:#FFFFFF;
	border-color:#A6A6A6;
	font-weight:bold;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	/*padding:1px 1px 1px 1px;*/
	
}

table.tablePrinc TD, table.tableSecond TD
{
	border-color:#A6A6A6;
	height:20px;
}


.couleurTab
{
	background-color:#FFFFFF;
}

.row1
{
	background-color:#FFFFFF;
}

.row2
{
	background-color:#E3E3E5;
	
}

/* Ligne d'un tableau gris�e */
.row3
{
	background-color:#DEDFDE;
	
}

/* Colonnes */
.col1 { 
	background-color:#FFFFFF; 
	border-style: solid; 
	border-color: #A6A6A6; 
	border-width: 1px; 
} 

.col2 { 
	background-color:#E3E3E5; 
	border-style: solid; 
	border-color: #A6A6A6; 
	border-width: 1px;  
} 

.col3 { 
	background-color:#DEDFDE; 
	border-style: solid; 
	border-color: #A6A6A6; 
	border-width: 1px; 
}

/** Cellule */
TD.layoutCollection1
{
	background-color:#FFFFFF;
	height:20px;
	text-align:center; 
	font-size : 11px;
	font-family : verdana;
	vertical-align:middle;
	
}

/** Ligne intercal�e */

TD.layoutCollection2
{
	background-color:#E3E3E5;
	height:20px;
	text-align:center; 
	font-size : 11px;
	font-family : verdana;
	vertical-align:middle;
	
}

/** Cellul d'un tableau gris�e */
TD.layoutCollection3 {
	color: #a09f9d;
	background-color: #DEDFDE;
	height:20px;
	text-align:center; 
	font-size : 11px;
	font-family : verdana;
	vertical-align:middle;
	
}

/** Ligne selectionn�e */

TD.layoutSelected
{
	background-color:#F3BF0A;
	font-weight:bold;
	color:#0076a8;
	height:20px;
	text-align:center; 
	font-size : 11px;
	font-family : verdana;
	vertical-align:middle;
	
}
	
/* Les tableaux small : font et height plus petite : utile pour le panier */
.tablePrincSmall
{
	border-color:#A6A6A6;
	border-collapse:collapse;
	background-color:#A6A6A6;
}

table.tablePrincSmall TH, TH.layoutCollection1Small, TH.layoutCollection1Small TR TD, table.layoutCollection1Small TR TH
{
	height:18px;
	background-color:#0076a8;
	color:#FFFFFF;
	border-color:#A6A6A6;
	font-weight:bold;
	font-family:Verdana;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
}
table.tablePrincSmall TD
{
	border-color:#A6A6A6;
	height:18px;
}

/** Cellule pour les tableaux small*/
TD.layoutCollection1Small
{
	background-color:#FFFFFF;
	height:18px;
	text-align:center; 
	font-size : 10px;
	font-family : verdana;
	vertical-align:middle;
}

/** Ligne intercal�e */

TD.layoutCollection2Small
{
	background-color:#E3E3E5;
	height:18px;
	text-align:center; 
	font-size : 10px;
	font-family : verdana;
	vertical-align:middle;
}

/** Cellul d'un tableau gris�e */
TD.layoutCollection3Small 
{
	color: #a09f9d;
	background-color: #DEDFDE;
	height:18px;
	text-align:center; 
	font-size : 10px;
	font-family : verdana;
	vertical-align:middle;
}

/** Ligne selectionn�e */
TD.layoutSelectedSmall
{
	background-color:#F3BF0A;
	font-weight:bold;
	color:#0076a8;
	height:18px;
	text-align:center; 
	font-size : 10px;
	font-family : verdana;
	vertical-align:middle;
}

/* Tableau sans bordure - Style Sp�cifique BRR */
TH.layoutCollection1_noBorderTop, TH.layoutCollection1_noBorderTop TR TD, table.layoutCollection1_noBorderTop TR TH {
	background-color:#F3BF0A;
	color:#000000;
	font-weight:bold;
	padding:1px 1px 1px 1px;
}

TABLE.layoutCollection1_noBorderTop { 
	background-color:#FFFFFF; 
	padding:1px 1px 1px 1px; 
	border-collapse:collapse; 
	border-style: solid; 
	border-width: 1px; 
	border-top: none; 
	border-color:#A6A6A6; 
} 

/* Suppression et validation de ligne - Style sp�cifique ePGC */
.LigneSup {
	background-color: #FF3535;
	border-color:#000000;
}

.LigneAccept {
	background-color: #00C800;
}

/* Style sp�cifique BRR - Pour placer 2 tableau l'un a la suite de l'autre */
.tableSecond
{
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;;
	border-top:0px;
	border-collapse:collapse;
	background-color:#A6A6A6;
}

/******************************************************** LES FORMULAIRES ******************************************************/

.zone /* Les zones de texte */
{
    font-family:verdana;
    font-size : 10px;
    height:16px;
    border : 1px solid #000;
    vertical-align:top;
    margin:0px;
    text-align:left;
	font-weight: normal;
}

.textarea, textarea
{
    font-family:verdana;
    font-size : 11px;
    height:100px;
    border : 1px solid #000;
    vertical-align:middle;
    margin:1px;
	text-align:left;
    font-weight: normal;
}

/** input gris�s */
.zoneReadOnly {
    font-size: 10px;
    height: 16px;
    border: 1px solid #000;
    vertical-align: middle;
    background-color: #D4D0C8;
    margin: 1px;
    font-family: verdana;
}

/** liste d�roulante affichant plusieurs lignes */
.zoneMulti {
    font-size: 11px;
    border: 1px solid #000;
    vertical-align: middle;
    margin: 1px;
    text-align: left;
    font-weight: normal;
    font-family: verdana;
}

/** style affichage d'une liste d�roulante sur 3 lignes */
.zone_multi3 {
	font-size: 11px;
    height: 45px;
    border: 1px solid #000;
    vertical-align: middle;
    margin: 1px;
    margin-top: 0.8em;
    text-align: left;
    font-weight: normal;
    font-family: verdana; 
}


/** Zone de texte multi lignes */
.textarea, textarea {
    font-size: 11px;
    border: 1px solid #000;
    vertical-align: middle;
    margin: 1px;
    text-align: left;
    font-weight: normal;
    font-family: verdana;
}

/* Liste d'aide � la saisie - Sp�cifique ePGC */
.fixedFont {
	font-family: monospace
}

/********************************************************* STYLE de TEXTE **************************************************/
.text /* Texte simple */
{
	font-family : verdana;
	font-size : 11px;
	color:#000000;
}

.textbold
{
	font-family : verdana;
	font-size : 11px;
	font-weight:bold;
	color:#0076a8;
}



.textwarning
{
	font-family : verdana;
	font-size : 11px;
	font-weight:bold;
	color:#FFFF40;
	
}

.textinfo
{
	font-family : verdana;
	font-size : 11px;
	font-weight:bold;
	color:#FFFFFF;
}

.texterror
{
	font-family : verdana;
	font-size : 11px;
	font-weight:bold;
	color:#FF0000;
}

.textunderlined
{
	font-family : verdana;
	font-size : 11px;
	font-weight:bold;
	color:#0076a8;
	/*text-decoration : underline;*/
}

/** style gras + soulign�  */
.textboldunderlined {
	font-family: verdana; 
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.warning
{
	font-family : verdana;
	font-size : 11px;
	font-weight:bold;
	background-color:#00376E;
	color:#ffffff;
	padding:4px 4px 4px 4px;
}

/* rollover jolis sur liens avec title */
div.nicetitle {
	padding: .6em;
	color: #0076a8;
	font-size: .8em;
	background: #94C6E7;
	border: 2px solid #0076a8;
 
	/* Required */
	position: absolute;
	overflow: hidden;
	width: auto;

	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.nicetitle .text {
	color: #0076a8;
	font-weight: bold;
}

/************************************* STYLE SPECIFIQUE NEW@GIR - ARBORESCENCE DE LIENS *****************************************************************/
div.suggestionListAgir {
	z-index:500;
	position:absolute;
	width:380px; 
	border:1px solid #333333; 
	background-color:#ffffff; 
	font-family:Tahoma; 
	font-size:11px; 
	cursor:default; 
	visibility:hidden;
}
div.suggestionListAgir_element_off {
	width: 378px;
	background: #ffffff;
	color: #333333;
	padding-left: 2px;
}
div.suggestionListAgir_element_on {
	width: 378px;
	background: #6D99C6;
	color: #ffffff;
	padding-left: 2px;
}