/* Conteneur nomenclature + config */
.pGlobal
{
}

/* Conteneur général de nomenclature, contient toutes les lignes*/
.pGlobal .pNomenclature 
{
	width:100%;	
	min-width:500px;
	
	font-family:Arial;
	font-size: 10px;
	font-weight: bold;		
}


/* Conteneur de configuration de l'affichage de la nomenclature (choix du niveau ... ) */
.pGlobal .pConfigAffichage
{
	background:url('../../Res/Png/fondConfigAffichage.png') repeat-x ;
	height:50px;
	
	color:Black;
	margin-bottom:0px;	
	font-family:Arial;
	font-size: 10px;
	
	width:100%;
	font-weight:normal;
}

.pGlobal .pConfigAffichage .pNiveau
{
	float:left;
	margin-right: 10px;	
	margin-top:3px;
	padding:2px;
	
}

.pGlobal .pConfigAffichage .pCaseACocher
{	
	float:left;
	margin-right: 20px;
	margin-top:5px;
	padding:2px;
	clear:right;
	
}

.pGlobal .pConfigAffichage .pZoom
{	
	float:right;
	margin-left: 20px;	
}

.pGlobal .pConfigAffichage .pImprimer
{	
	float:right;
	margin-right:20px;	
	margin-top:15px;
}

/*********************************/
/* Tableau de nomenclature		*/
/*******************************/

.pGlobal .lPasDeResultat
{
	font-family:Arial;
	font-size:11px;
	margin-top:5px;	
}

.pNomenclature .tableNomenclature
{
	width:100%;
	border-collapse:collapse;  
	/*background:url('../../Res/Png/fondGrille.png');*/
	background:#f6f9fa;
}


.pNomenclature .tableNomenclature .celluleTableNomenclatureRemplie
{
	background:url('../../Res/Png/fondLigneNomenclature.png');
	height:22px;
	border:solid lightgrey 1px;
}

.pNomenclature .tableNomenclature .celluleTableNomenclatureVide
{	
	border-right:solid lightgrey 1px;  
	border-left:solid lightgrey 1px;  
}

.pNomenclature .tableNomenclature .enteteTableNomenclature
{
	background:url('../../Res/Png/fondEnteteTableNomenclature.png') repeat-x;
	color:White;
	font-size:10px;
	font-weight:bold;		
	border:solid lightgrey 1px;  	
}

/***************************************/
/* Propre à une ligne de nomenclature */
/***************************************/

.pNomenclature .tableNomenclature .celluleTableNomenclatureRemplie .pLigne
{ 
	font-family:Arial;
	cursor:pointer;
	padding:2px;
}

.pNomenclature .tableNomenclature .celluleTableNomenclatureRemplie .imageArticle
{
	margin-right:3px;
}

/**********************************/
/* Infos s'ouvrant en ascensceur  */
/**********************************/

.pNomenclature .tableNomenclature .celluleTableNomenclatureRemplie .pInfosArticle
{
	/*background:#E3F2F5;*/	
	margin-top:5px;
		
	font-family:Arial;
	
	color:Black;
	font-size:10px;	
	font-weight:normal;
	
	overflow:hidden;
}

.pNomenclature .tableNomenclature .celluleTableNomenclatureRemplie .pInfosArticle .tInfosArticle
{
	width:95%;	
	padding:5px;	
	background-color:White;
	
	border: 1px solid Gray;
	border-collapse:collapse;
		
	margin-right:auto;
	margin-left:auto;
}

.pNomenclature .tableNomenclature .celluleTableNomenclatureRemplie .pInfosArticle .tInfosArticle td
{
	padding:2px;		
}


/********************************/
/* Infos d'avancement d'OF */
/********************************/

.pConteneurDroite .pNumeroOf
{
	background:url('../../Res/Png/fondNumeroOf.png') repeat-x;
	border:1px solid gray;
				
	width:157px;	
	height:23px;
	text-align:center;	
}

.pConteneurDroite .pNumeroOf .lNumeroOf
{
	font-family:Arial;
	font-size: 10px;	
	font-weight:bold;
	text-decoration:underline;
	color:white;
	
	float:left;
	margin-left:5px;
	margin-top:5px;
}

.pConteneurDroite .pNumeroOf .imageAvancementOfFlecheBas
{
	/*position:absolute;*/
	float:right;
	margin-right:2px;		
}

.pConteneurDroite .pPhaseNC, 
.pConteneurDroite .pPhaseEC, 
.pConteneurDroite .pPhaseT
{
	border:1px solid gray;
	border-top:0px;
	color:Black;
	text-align:left;	
	width:157px;	
	float:left;
	padding-left:2px;
}


.pConteneurDroite .pPhaseNC
{
	background:lightgrey;
}

.pConteneurDroite .pPhaseEC
{
	background:yellow;	
	/*height:13px;*/
	padding-top:1px;		
}

.pConteneurDroite .pPhaseT
{
	background:lightgreen;
	/*height:13px;*/
	padding-top:2px;		
}

.pConteneurDroite .lPhase
{
	width:157px;
	font-family:Arial;
	font-size: 9px;
	float:left;	
}

.pConteneurDroite .lDate
{
	width:160px;
	font-family:Arial;
	font-size: 8px;
	color:Gray;
	float:left;
}

.pConteneurDroite .lPhaseSt
{
    font-family:Arial;
	font-size: 8px;
	color:Gray;
	float:left;
}

/****************/
/*	LEGENDE		*/
/****************/

.pConteneurDroite .pLegende 
{
	font-family:Arial;
	font-size:9px;
	padding:2px;		
}

.pConteneurDroite .pLegende .pCarreGris, 
.pConteneurDroite .pLegende .pCarreJaune, 
.pConteneurDroite .pLegende .pCarreVert
{
	border:1px solid black; 
	width:10px; 
	height:10px;
	float:left;
	margin-right:2px;
}

.pConteneurDroite .pLegende .pCarreGris
{
	background-color:#D3D3D3; 	
}

.pConteneurDroite .pLegende .pCarreJaune
{
	background-color:yellow; 	
}

.pConteneurDroite .pLegende .pCarreVert
{
	background-color:#90EE90; 	
}


.pConteneurDroite .pLegende .texteEnFab, 
.pConteneurDroite .pLegende .texteEnStock, 
.pConteneurDroite .pLegende .texteEnRupture
{
	font-family:Trebuchet MS;
	font-size: 9px;
	font-weight: bold;
}

.pConteneurDroite .pLegende .texteEnFab
{
	color:Green;	
}

.pConteneurDroite .pLegende .texteEnStock
{
	color:Blue;	
}

.pConteneurDroite .pLegende .texteEnRupture
{
	color:Red;	
}