/*
Import des styles définis au niveau du spécifique client, comme cela les caractéristiques générales du layout et des
styles sont conservées
*/
/*@import url("../spec-client/css/SiteClient.css");			*/

/*
Déclaration de tous les styles destinés à mettre en forme le package Web
*/

.stBlueWithWitheBackground{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	background-color: #FFFFFF;
	
	
	
}
.stBlueWithWitheBackgroundVC{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #006699;

}

.stBlueWithWitheBackgroundWG{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;	
}
.stBlueWithBlueBackgroundWG{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	background-color: #C4D7FF;
}

.stBlueWithWitheBackgroundWBCmbx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	background-color: #FFFFFF;
	width:250px;	
}

.stBlueWithBlueBackgroundGENCA{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	background-color: #C4D7FF;
	text-align:center;
}

.stBlueWithBlueBackground{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	background-color: #C4D7FF;
}
.stBlueWithBlueBackgroundVC{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	background-color: #F5F9FA;
}
.stBlueWithBlueBackgroundTitleSignaletique{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	background-color: #C4D7FF;
}
.StyleHyperLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;

	
}
.VCStyleHyperLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#333333;
	font-weight: bold;
	text-decoration:underline;
	cursor:pointer;
}
.stHeaderMenuContentMgmt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
}
.BannerFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
}

/*Style Entete utilisé pour l'affichage de tableaux standards au niveau du package*/
.Entete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color:#006699;
	
	background-color:#E2E2E2;
	
	text-align: center;
	
}

.EnteteBackOrder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color:#006699;
	
	background-color:#E2E2E2;
	
	text-align: left;
	
}
/*Style Ligne utilisé pour l'affichage de tableaux standards au niveau du package*/
.Ligne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #003399;
	background-color: #FFFF99;
	text-align: left;
	font-weight: bold;
}
/*Style Colonne utilisé pour l'affichage de tableaux standards au niveau du package*/
.Colonne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
}

.libelleColonne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	text-align: right;
}

.EnteteSignaletique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #006699;
	background-color:#E2E2E2;
	text-align: center;
}
.EnteteMonthYear {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #006699;
	background-color:#E2E2E2;
	text-align: center;
}

.EnteteVente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: bold;
	color: #006699;
	background-color:#E2E2E2;
	text-align: center;
}

.EnteteRetour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: bold;
	color: #CC0000;
	background-color:#E2E2E2;
	text-align: center;
}

.EnteteMarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: bold;
	color: #006699;
	background-color:#E2E2E2;
	text-align: center;
}
.sousEnteteSignaletique{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.sgnLibelleArticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.sgnContenuArticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	font-style: normal;
}

.stLegendLibelle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.stLegendContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000066;
	font-style: normal;
}

.sgnLibelleStock {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-color: #B7CEFF;	
	
}
.sgnLigneStock {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	background-color: #B7CEFF;	
	font-style: normal;
	text-align: center;

}
.sgnLibelleClient {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	
}
.sgnLigneClient {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	font-style: normal;
	text-align: center;
}
.sgnLibelleFournisseur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-color: #B7CEFF;	
}
.sgnLigneFournisseur{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	background-color: #B7CEFF;	
	font-style: normal;
	text-align: center;

}

.sgnLibelleDivers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.sgnLigneDivers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	font-style: normal;
	text-align: center;

}
/*
Styles utilisés au niveau des pages de type "Rapports"							
*/

/*Style utilisé pour mettre en forme les boutons se trouvant dans une page de type "Rapports"*/
.btRapports{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
}
.Titre-Rap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
}
.stMonth-Year{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #333333;
	text-align: center;
}
.stMonth-Year-details{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #333333;
	text-align: right;
}
.LigneProduit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #006699;
}
.LigneVente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: bold;
	color: #006633;
	background-color: #FFFFFF;
	text-align: right;
}
.LigneRetour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: bold;
	color: #CC0000;
	background-color: #FFFFFF;
	text-align: right;
}
.LigneMarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: bold;
	color: #006699;
	background-color: #FFFFFF;
	text-align: right;
}

.libelleTotal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	
}

.Total {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
	
}
.libelleSousTotal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	
}
.sousTotal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #999999;
	text-align: right;
	
}
.stCA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009966;
	text-align: right;
	
}
.TotalGen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	background-color: #C4D7FF;
	text-align:right;
}
.libelleTotalGen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	background-color: #C4D7FF;
}
/*
Styles concernant les entités				
*/

.EnteteEntity {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000099;
	background-color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}
/*
Style hyperlien crée seulement pour l'affichage des dossiers*/

a.RemoteDirectories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #006633;
	text-decoration: none;
}
a.RemoteFiles{
	color:#000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	
}
a.RemoteFiles:hover{text-decoration:underline;}
/*Styles concernant l'affichage d'une ligne paire ou impaire*/
.Couleur1{
	background-color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
.Couleur2{
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
}
.selectAnalyticAxis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
	height: 18px;
	
}
.selectYearComparator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 18px;
	width: 250px;
}
.selectSupplier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 18px;
	width: 250px;
}

.supplierSelection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 250px;
}
.inputText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 20px;
	font-weight: bold;
	width: 100px;
}
.stCheckbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	color: #006699;	
}

.inputTextLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	height: 20px;
	font-weight: bold;
}
.sgnTitleStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}
.sgnClientHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #666666;
	text-align: center;
}



.stCroiseSignaletique{
	background-color: #FFFFCC;
	border: thin solid #FFFF66;
}
.formFilBrowser{
	background-color: #e7e7d6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}
#PreviewImage{
	width: 230px;
	height: 300px;
	margin: 2px;
	overflow:scroll;
	
}
.Preview {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #333333;
	margin: 5px;
}
.btFileBrowser{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	background-color: #E7E7D6;
}
.enteteUpload{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	background-color: #FFFFFF;
	border-top: thin solid #e7e7D6;
	border-right: thin solid #e7e7D6;
	border-bottom: thin solid #333333;
	border-left: thin solid #e7e7D6;
}
.inputFile{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	width: 350px;
}

.stCADiscrepancy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #CC0033;
}
/*Stat Analytique détail par représentant*/
.titleAnaClients{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #99CC99;
	color: #006600;
	font-weight:bolder;
	
}
.titleAnaProduits{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	background-color:#FFFFFF;
	color:#006699;
	font-weight:bolder;
}

.stBgBlue{
	background-color: #EDF5FE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	font-style: normal;
}

.stLibelle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.stColonneSignaletique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
}

/*Style spécifique aux tableaux dynamiques*/
.hide {
display:none;
}

.stBlueWithBlueBackgroundMinimize{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #006699;
	background-color: #C4D7FF;
	display:none;
	cursor:pointer;
}
.stBlueWithBlueBackgroundMinimize:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	background-color: #C4D7FF;
	display:none;
	cursor:pointer;
	text-decoration:underline;
}

.dynTabEntete{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000066;
background-color:#999999;


}

.dynTabImprovement{
background-color:#339999;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
.dynTabImprovementRed{
background-color:#C4D7FF;
color:#FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:center;
}
.dynTabImprovementGreen{
background-color:#C4D7FF;
color:#006633;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:center;
}


.dynTabV_VAL_1{
	background-color: #999999;
	color:#000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	
	
}
.enteteVertical{
	color:#000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	
}
.enteteVertical a:hover{
	
	 
	 cursor:pointer;
	 
}
td.enteteVertical{
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
color:#000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;

}





.dynTabV_VAL_2{
	background-color: #999999;
	color:#000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	

}
.dynTabV_VAL_3{
	background-color: #999999;
	color:#000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;


}
.dynTabV_VAL_11{
	background-color:  #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  #333333;
	font-style: normal;
	
}

td.dynTabV_VAL_11_Border_Bottom{
	border-bottom: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  #333333;
	font-style: normal;
	
}



.dynTabV_VAL_12{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	
}
.dynTabV_VAL_13{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

.dynTabV_VAL_21{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

}
.dynTabV_VAL_22{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}
.dynTabV_VAL_23{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

.dynTabV_VAL_31{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.dynTabV_VAL_32{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}
.dynTabV_VAL_33{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}

.dynTabV_VAL_34{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.dynTabV_VAL_35{
	background-color: #FFFFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}
.thumb img { 
	margin:0;
	padding:0;
	width:60px;
	height:60px; 
	border-style:none;
	border:none;
}

.StyleHyperLinkFileGrid{
	text-decoration: none;
	cursor:pointer;
	
}

.formFilBrowserFileGrid{
	background-color: #e7e7d6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}
.oddLineFileGrid{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}
.evenLineFileGrid{
	background-color: #e7e7d6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

.warning{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	background-color: #FF9966;
	border: 2px solid #CC0000;
}
.ms_menu_box{
	margin: 10px;
	border: thin solid #006699;
	text-align: center;
	vertical-align: middle;
}

.ms_menu_hyperlink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}
.stBlueWithWitheBackgroundMS{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	background-color: #C4D7FF;
	
}
.caddie_input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	width: 30px;
	font-weight: bold;
}

.bt_vert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006633;
	background-color: #339933;
	border-top-color: #006633;
	border-right-color: #006633;
	border-bottom-color: #006633;
	border-left-color: #006633;
}

.bt_valider01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	background-color: #CCCCCC;
	width:300px;
}