/*--------------------------------------------------------------------------------
f	: Feuille de style du site WebSaturne
ad	: EV MDN  24/02/04 - Ajout du style des contrôles présentant les données 
						 d'index et d'état
ad  : EV SLN  04/11/05 - Ajout de style pour la légende des couleurs des périodes
                         des découpages dans le tracé de l'histogramme
ad  : EV SLN  10/10/06 - Ajout de style pour personnaliser la charte graphique

    : EV LFD  06/04/09 - Ajout de 2 nouveaux styles
ad  : EV XPL  14/04/09 - Ajout des styles pour le usercontrol NavLink (barre de navigation transverse)
ad	: EV SDX 22/11/2011 - Ajout du style DivIndexMultiLigne dans le cadre du formatage des index S10 et S20 des concentrateurs IBDDC (la valeur de l'index est décomposée sur plusieurs lignes)
ad	: EV SDX 22/11/2011 - Ajout d'un style pour le message d'erreur de la page d'export
---------------------------------------------------------------------------------*/
/*Message login*/
#conteneur_message {
display : table;
margin : 0 auto;
}
#conteneur_message2 {
width: 689px;
text-align: left;
padding-top: 30px;
display : table;
margin : 0 auto;
}

/* Mise en forme page de largeur variable qui s'adapte au parent */
#centerContainer,
#centerContentBorder,
#centerContent
{
	width:100%;
	height:100%;
}

#divLeft,
#divRight,
#tableLeft,
#tableRight
{
	width:100%;
	height:0px;
	display:none;
}

.DivBorderLeft,
.DivBorderRight
{
	height:0px;
	display:none;
}

.bodyLogin
{
}
.bodyCorrection
{
	background-image:url("fonddouble3.gif");
}
.bodyErreur
{
	background-image:url("fonddoublelogin.gif");
}

.tabIdentification
{
	width:689px;
}
.tabIdentificationTdLeft
{
	width:403px;
	padding-left:40px;
	text-align:left;
}
.tabIdentificationTdRight
{
	width:5px;
}

.panelRadPanelbar
{
	width:100%;
}

/*-------------------------------------------------
Présentation des données d'index et d'états
--------------------------------------------------*/

/* Tableau */
.TabIdxEtat
{
	FONT-FAMILY: Verdana,arial; 
	FONT-SIZE: 8pt;
}

.TableIdxEtat, .TableIdxEtat th, .TableIdxEtat td
{
    FONT-FAMILY: Verdana,arial; 
	FONT-SIZE: 8pt;
    BORDER-COLLAPSE: Collapse;
	border:1px solid #999999;
	border-spacing:0;
	padding:3px;
}

.SubTableIdxEtat td{
	border:none;
}

.TableIdxEtatNoBorder 
{
	width:100%;
}
.TableIdxEtatNoBorder, .TableIdxEtatNoBorder td
{
    border:0 none #999999;
	border-spacing:0;
	padding:0;
}

.TabIdxEtat ul, .TableIdxEtatNoBorder ul {
	margin:0;
	padding:0 0 0 18px;
	text-align:left;
}

/* Header de tableau */
.TabHeader
{
	FONT-WEIGHT: Bold;
	COLOR: #252424;
	BACKGROUND-COLOR: Brown;
	BACKGROUND: url(artb.gif) repeat-x;
}

.TabHeader td 
{
	border-color:#999999;
	border:1px solid #999999;
}

/* Pied de page de tableau */
.TabFooter
{
	color:Blue;
	background-color:#CCCCCC;
}

/* Pager de tableau */
.TabPager
{
	color:Black;
	background-color:#999999;
}

/* Ligne du tableau */
.TabRow
{
	color:Black;
	background-color:Gainsboro;
}
/* Ligne intermédiaire du tableau */
.TabRowInter
{
	color:Black;
	background-color:#EEEEEE;
}

/* Ligne sélectionnée dans un tableau */
.TabRowSelected
{
	font-weight: Bold;
	color:White;
	background-color:#008A8C; /* 000099 */
}

.TabRowReferent
{
	color:Black;
	background-color:#F9F6DD;
	height: 22px;
	padding-left: 4px;
}

/* Libellé d'une valeur dans un tableau */
.TabLibelValeur
{
	color: Brown;
	background-color: #f2f2f2;
	border-color:#999999;
}

/* Libellé d'une valeur (hors tableau) */
.LibelValeur
{
	color: Brown;
}

/* Valeur dans un tableau sans colonnage */
.TabValeurSansCol
{
	FONT-WEIGHT: Bold;	
	color: Navy;
	background-color: #dddddd;
}

/* Valeur (dans un tableau avec colonnage ou hors tableau) */
.Valeur
{
	color: Navy;
	background-color: #eeeeee; 
	border-color:#999999;
	/*white-space:nowrap;*/
}

/*Lien Sélectionner / Déselectionner des Grids*/
.selectionner
{
	color:#999999;
	FONT-FAMILY: Tahoma,Arial, Helvetica, sans-serif; FONT-SIZE: 7pt;
	vertical-align : middle;
}

/* Mentions spéciales (n° de config, copyright, etc...) */
.Mention 
{
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana,arial; 
	COLOR: Gray
}
.requete {
	COLOR: #353535;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
}
.logintxt {
	font-family : Tahoma, Verdana, Arial;
	font-size : 12px;
	font-weight : bold;
	vertical-align: middle;
	text-decoration : none;
	color : #919191;
}
.tableau 
{
	FONT-WEIGHT: bold; 
	COLOR: white; 
	BACKGROUND-COLOR: brown;
	BACKGROUND: url(artb.gif) repeat-x center;
}

.datepick
{
	font-weight: normal;
	font-size: 8pt;
	color: #aa0000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.datepickErreur
{
	font-weight: bold;
	font-size: 10pt;
	color: #aa0000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.validation
{
	font-weight: bold;
	font-size: 10pt;
	color: #cc0000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.lien
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/*
	XPL : utilisé pour les label gris--clair sous les datagrid
*/
.LabelGrisClair
{
	font-size:9pt;
	font-family:Arial,verdana;
	color:Gray;
}

.SubmitRequeteButton 
{
	width: 87px;
}
.HeaderRequeteur
{
	padding:0px;
	border-collapse:collapse;
	width: 327px;
	height: 30px;
}
/* 
	LFD :	Utilisé pour "styler" l'affichage des textes "Equipement", "Point de livraison", etc...
			sur une image de fond comme "Fond_Equipement.gif"
*/
.panelImageTitre
{
	width: 162px;
	height:30px;
	background-image:url(Fond_Criteres3_r1_c1.gif);
}
.panelImageTitreEquipement
{
	height:30px;
}

.titregaucheequipement
{
	font-size: 14px;
	color:#252424;
	font-weight:bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-left:5px;
	padding-top:7px;
	height:30px;
}

/*
	LFD : Utilisé pour "styler" l'affichage du texte "Filters" sur le fond "Fond_Criteres3_r1_c1.gif"
 */

.titregauchecritere3_r1_c1
{
	font-size: 18px;
	color:#666666;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-left:35px;
	padding-top:6px;
	height:30px;
}

/* 
	LFD : Utilisé pour "styler" l'affichage des checkbox "Trace avec pertes" et "Superposer PS" 
*/

.traceavecpertes
{
	font-family : Verdana,Arial;
	font-size : 8pt;
	font-weight : normal;
	color : #404040;
	background-color : Transparent;
	text-align : left;
	cursor:pointer;
}

body
{
font-size: 70%;
color:#555555;
background-color:#FFFFFF;
/*background-image:URL(fond.gif);*/
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
height:100%;
}

.menu {
COLOR: #a10207; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold
} A.menuprincipal,A.menuprincipal:ACTIVE, A.menuprincipal:VISITED{color : #a10207; text-decoration: none; font-weight: bold;}
A.menuprincipal:HOVER{color : #ffffff; text-decoration : none;}

.menuAccueil {
COLOR: #a10207; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold
} A.menuprincipal,A.menuprincipal:ACTIVE, A.menuprincipal:VISITED{color : #a10207; text-decoration: none; font-weight: bold;}
A.menuprincipal:HOVER{color : #ffffff; text-decoration : none;}

.arbre {
COLOR: #a10207; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: normal
} A.menuprincipal,A.menuprincipal:ACTIVE, A.menuprincipal:VISITED{color : #a10207; text-decoration: none; font-weight: normal;}
A.menuprincipal:HOVER{color : #ffffff; text-decoration : none;}

.arbreCreat {
COLOR: #a10207; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold; font-style: italic;
} A.menuprincipal,A.menuprincipal:ACTIVE, A.menuprincipal:VISITED{color : #a10207; text-decoration: none; font-weight: normal;}
A.menuprincipal:HOVER{color : #ffffff; text-decoration : none;}


.racine {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: normal
} A.menuprincipal,A.menuprincipal:ACTIVE, A.menuprincipal:VISITED{color : #000000; text-decoration: none; font-weight: normal;}
A.menuprincipal:HOVER{color : #ffffff; text-decoration : none;}

.titre {
	COLOR: #919191;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: bold;
	margin-bottom: 5px;

}

.titremoyennoir {
FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; FONT-STYLE: normal;
}

.titregras{
FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; FONT-STYLE: normal;
}

.titregras11{
FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-STYLE: normal;
}

.base {
	COLOR: #990000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	FONT-STYLE: normal;
}

.basenoir
{
	FONT-WEIGHT:normal;
	font-size: 9pt;
	color: #000000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}


.Cnsbasenoir
{
	color: #000000;
}

.Cnsbaseblue
{
	color: #0054a6;
}

A.CnsBlue,A.CnsBlue:ACTIVE, A.CnsBlue:VISITED{color : #0054a6; font-weight: normal;}
A.CnsBlue:HOVER{color : #0054a6; text-decoration : none;}

A.CnsBlack,A.CnsBlack:ACTIVE, A.CnsBlack:VISITED{color : #000000; font-weight: normal;}
A.CnsBlack:HOVER{color : #000000; text-decoration : none;}

.baserouge
{
	color: #aa0000;
}

.basenoirsmall
{
	FONT-WEIGHT:normal;
	font-size: 8pt;
	color: #000000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.baserougesmall
{
	font-weight: normal;
	font-size: 8pt;
	color: #aa0000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}


.basegrasnoir {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bold
}

.basegras, .labelTailleFixe {
COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bold
}

.cpyright {
	COLOR: #fff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-STYLE: normal;
}

.baseblancgras {
COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bold
}

.basedoc
{
	FONT-WEIGHT:normal;
	font-size: 9pt;
	color: #aa0000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.basenoirgras {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-WEIGHT: bold
}

.radio {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
}

.textbox {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
}

.textbox_disabled {
COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
}

.textboxdate {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
text-align:center;
width:72px;
}

.textboxdateInvalid {
	background: #FF8080 !important; 
	background-color: #FF8080;
}

.textboxheure {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
text-align:center;
width:39px;
}

.textboxheureExtended {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
text-align:center;
margin-top:2px;
padding-bottom:0px;
position:static;
width:50px;
}

.textboxheureInvalid {
background-color:#FF8080;
}

.textboxdroite {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
border-style: solid; border-bottom-width: 1px ; border-left-width: 1px; border-right-width: 1px;
border-top-width: 1px; text-align:right
}

.framepoints{
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
border-color: #cccccc; 
}

.textboxpoints {
COLOR: #000000; width:66px; text-align:right; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
width:84px;
}

.textboxpointsjaune 
{
background-color:Yellow; COLOR: #000000; text-align:right; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
width:84px;
}

.textboxpointsabsents
{
background-color:#99aaee; COLOR: #000000; width:66px; text-align:right; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
width:84px;
}

.textboxpointsrouge
{
background-color:#ffaaaa; COLOR: #000000; width:66px; text-align:right; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
width:84px;
}

.liste {
COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal
}

.combo {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal
}

/* dropdown pour Cosem Date */
.cosemCombo {
   width: 200px;
}

#logoimp{
	text-align: center;
	width: 208px;
	height: 87px;
	left: 402px;
	top: 67px;
	visibility: hidden;
}
.tb1title {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 12px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 8px;
	TEXT-TRANSFORM: uppercase;
	COLOR: #3c5366;
	PADDING-TOP: 8px;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}
.tb1suite {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #4B4B4B;
	PADDING-LEFT: 12px;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}
.tb1rg {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #B22222;
	PADDING-LEFT: 12px;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}
.lgde {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #778899;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	Text-align: justify;
}
.mini
{
	color:#666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 7pt;
}

.requetemessages
{
	width:420px;
	color:#555555;
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
	border: solid 1px #555555; 
	padding:3px 3px 3px 3px;
}

.requetemessagesbouton
{
	width:420px;
	border: solid 0px;
	padding:3px 3px 3px 3px;
}

.requetemessagestitre
{
	width:420px;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt;
	font-weight:bold;
	border: solid 1px #555555; 
	background-color : 555599;
	color:#FFFFFF;
}

.CtlResultats_LabelResultat
{
	font-size: 26px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	COLOR: #919191;
}

.CtlResultats_PlaceHolders
{
    padding-left:5px;
    padding-right:5px;
}

.CtlResultats_LabelAction,
.CtlTitle
{
	font-size:16px;
	font-family:Arial;
	font-weight: Bold;
	COLOR: DimGray;
}

.tableHeaderIndexReport
{
    border:1px solid #999999;
    margin-bottom:5px;
}

#divHeader
{
    padding-bottom:15px;
}

/* ------------------------------------------------------------------------------------ */
/* Légende pour les couleurs des périodes des découpages dans le tracé de l'histogramme */
/* ------------------------------------------------------------------------------------ */
/* Style de la cellule html contenant la couleur de la période du découpage */
.LegendeCouleurPeriodeDecoupageHisto,
.LegendeCouleurRawCorrectedValidated,
.LegendeCouleurSuspiMissCorrect
{
	border-width : 1px;
	border-color : White;
	border-style : inset;
	width : 7px;
	height : 7px;
	font-family : Verdana,Arial;
	font-size : 5pt;
	text-align : center;
	vertical-align : middle;
}

/* Style de la cellule html contenant le nom de la période du découpage */
.LegendeTextePeriodeDecoupageHisto,
.LegendeTexteRawCorrectedValidated,
.LegendeTexteSuspiMissCorrect
{
	height : 10px;
	font-family : Verdana,Arial;
	font-size : 7pt;
	font-weight : normal;
	color : #404040;
	background-color : Transparent;
	text-align : left;
	vertical-align : top;
	padding-right:15px;
}
/* ------------------------------------------------------------------------------------ */


/* -------------------------------------- */
/* Datagrid des actions dans les requetes */
/* -------------------------------------- */

.panelActions {
	/*
	border:1px solid #000000;
	width:328px;
	padding:10px 20px 10px 20px;
	BACKGROUND-COLOR: #F7F7FF;
	*/
	border:0px none;
	padding:20px 0 0 0;
}

.CtlResultats_LabelAction {
	margin-top:100px;
	margin-right:100px;
	/*visibility:hidden;*/
}

/* Header du tableau des actions */
.TabActionHeader
{
	FONT-WEIGHT: Bold;
	COLOR: #E7E7FF;
	BACKGROUND-COLOR: #4A3C8C;
}

/* Pied de page de tableau des actions */
.TabActionFooter
{
	color:Black;
	background-color:#C6C3C6;
}

/* Pager de tableau des actions */
.TabActionPager
{
	color:Black;
	background-color:#C6C3C6;
}

/* Ligne du tableau des actions */
.TabActionRow
{
	color:Black;
	/*background-color:#DEDFDE;*/
}
/* Ligne intermédiaire du tableau des actions */
.TabActionRowInter
{
	color:Black;
	/*background-color:#DEDFDE;*/
}

/* Ligne sélectionnée dans un tableau des actions */
.TabActionRowSelected
{
	font-weight: Bold;
	color:White;
	background-color:#9471DE;
}

.DatagridActions {
    width: 328px;
    Font:10pt Arial;
}

.DatagridActions td {
    text-align: center;
    vertical-align:top;
    line-height: 200%;
    list-style-type: none;
    background-color: White;
	width: 50%;
}

.DatagridActions td a {
    display: block;
    width: 99% !important;
    width: 100%;
    height: 94% !important;
    height: 100%;
    text-decoration: none;
    border-color:#9C9A9C;
    border-style:solid;
    border-width:1px;
}
a:link {
	color:#00a9c3;
}
.DatagridActions td a:link,
.DatagridActions td a:visited
{
    color: #333333;
}
.DatagridActions td a:hover,
.DatagridActions td a:active
{
    color: #333333;
	font-weight:bold;
    background-color: #F8F8F8;
} 

.DatagridActions td a.disabledLink:link,
.DatagridActions td a.disabledLink:visited,
.DatagridActions td a.disabledLink:hover,
.DatagridActions td a.disabledLink:active
{
	font-weight:normal;
	background-color: White;
	border-color:#9C9A9C;
	color:#9C9A9C;
	cursor:default;
}
/* -------------------------------------- */

/* -------------------- */
/* Filtres du requêteur */
/* -------------------- */
.textbox_requeteur {
	COLOR: #3F3F3F;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	background: #f3f2f2;
    border-color:#9C9A9C;
    border-style:solid;
    border-width:1px;

}

.textboxdate_requeteur,
.textboxheure_requeteur
{
	text-align:center;
}

.maskEditValidator_requeteur{
	COLOR: red;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
}

.textbox_requeteur_disabled {
COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
}


.combo_requeteur,
.combo_requeteur_disabled
{
FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
width:220px;
}

.combo_requeteur
{
	COLOR: #000000;
}

.combo_requeteur_disabled
{
	COLOR: #999999;
}
/* -------------------- */

/* Page correction */
.ListeTransfoCorrection
{
	background-color: #d9d8d8;
}
.BarrePageCorrection 
{
	background-color: Silver;
}

/* Style du texte affichant la consolidation */
.LegendeTexteConsolidation,
.LegendeTextePertes
{
	font-family : Verdana,Arial;
	font-size : 7pt;
	font-weight : normal;
	color : #404040;
	background-color : Transparent;
	text-align : left;
}

.tdPSEtPertes
{
	text-align:right;
	vertical-align:top;
}

.TableLegende 
{
	font-family: Verdana,Arial;
	font-size : 7pt;
	font-weight : normal;
	color : #404040;
	float:right;
}
.LibelleLegende,
.TexteLegende,
.SeparationLegende
{
	text-align:left;
	vertical-align:top;
}
.LibelleLegende
{
}
.SeparationLegende
{
}
.TexteLegende
{
}

.comboFonctionsMetier {
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, Tahoma;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	width: 202px;
}

.bandeau_degrade {
}
.bandeau_NavHaut
{
	height: 90px;
}
.bandeau_degrade2 {
	background: #252120 url(haut2.jpg);
	height: 90px;
	background-repeat: no-repeat;
	background-position:center top;
}
.bandeau_degrade_suite {
}

.comboInDatagrid {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal;
width:98%;
}
.textboxInDatagrid {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-STYLE: normal ;
}


.tableGlobaleCtlPageCourbe
{
	width:100%;
}

.tdCourbeEtPointsCtlPageCourbe
{
	width:100%;
}

.tabLiensPageCourbe {
	COLOR: #00368D;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 7pt;
	FONT-WEIGHT: normal;
	padding-right: 2px;
}

A.menuprincipal,A.menuprincipal:ACTIVE, A.menuprincipal:VISITED
{
	color : #a10207;
	text-decoration: none;
	font-weight: normal;
}
A.menuprincipal:HOVER
{
	color : #ffffff;
	text-decoration : none;
}

.couleurGris,
.couleurGrisGras
 {
	color: #404040;
	font-family:verdana,arial;
	font-size:9pt;
}
.couleurGrisGras {
	font-weight:bold;
}

.imgLienPageCourbe {
margin-right: 1px;
border-width: 0px;
vertical-align: middle;
}

.imgLigneAffCourbe {
width: 100%;
}

/* Table pour dates cosem */
.TableDateCosemStartEnd
{
	border-style: none; 
	border-width: 0px; 
	border-color: inherit;
	padding-top: 0px;
	padding-bottom: 0px;
	width:auto;
}

.TableDateCosemStartEndTD
{
	width: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	height:30px;
}

/* Div pour les dates Cosem */
.StyleDivDateCosemDate
{
	border-style: solid;
	border-width: thin; 
	border-color: Gray;
	padding-left: 3px;
	width: 320px;
}

.StyleDivDateCosemDateType
{
	padding-bottom: 2px;
	padding-top: 2px;
}

/* Div contenant le bouton plus-moins d'un élément d'un radpanelbar */
.StyleDivRadPanelPlusMoins
{
	margin-top: -28px;
	float: right;
}

.tdFrameChart
{
	text-align:center;
}

.framechart
{
	/* BACKGROUND-COLOR:#F7F7F7; */
	border: solid 1px;
	border-top-color: Silver;
	border-left-color: Silver;
	border-bottom-color: #4A4A4A;
	border-right-color: #4A4A4A;
}

.MessageBienvenue 
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
}

.MessageBienvenueTD
{
	text-align: right;
	BACKGROUND-POSITION: left top;
	BACKGROUND-IMAGE: url('../CHARTE/default/HBBAS.gif');
	background-repeat: no-repeat;
	padding-right: 10px;
}

.tempsGeneration
{
	width:100%;
	height:100%;
	text-align:center;
	font-size:8pt;
	font-family: Tahoma,Verdana,Arial;
	font-weight:bold;
	color:White;
	background-color:black;
}

/* Classes pour la barre de navigation transverse (NavLink.ascx) */

/* Ce style est utilisé pour le usercontrol NavLink. Il est utilisé dans le code C# de Equipement.aspx.cs*/
.PagerNavLink
{
}

/* Ce style est utilisé pour le TD contenant le usercontrol NavLink dans Equipement.aspx*/
.PagerNavLinkContent
{
	background-image:url('../CHARTE/fondgris.gif');
}

/* Ce style est utilisé pour les liens de type numérique. Cette classe est positionné dans le code C# du usercontrol. */
a.LinkButtonNavLink:link,
a.LinkButtonNavLink:visited
{
	color: #BE2323;
}

/* Ce style est utilisé pour la table situé dans le place holder dans le usercontrol (coté C#)*/
.TableNavLink
{
	width:255px;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
/* /Classes pour la barre de navigation transverse (NavLink.ascx) */

/* Ce style est utilisé pour le label de la légende "Double cliquer sur une ligne pour l'éditer" dans le user control ctlPageCourbe (pour l'édition des points d'une courbe )*/
.TexteLegendeMini
{
	font-family : Verdana,Arial;
	font-size : 7pt;
	font-weight : normal;
	color : Gray;
	background-color : Transparent;
	text-align : left;
}

/* Styles utilisés pour le panel de déplacement sur le graphe */
#panelDeplacementPoint .labelXY 
{
	FONT-WEIGHT:normal;
	font-size: 9pt;
	color: #765432;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#panelDeplacementPoint .valeurXY 
{
	FONT-WEIGHT:bold;
	font-size: 9pt;
	color: #888888;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#panelDeplacementPoint .boutonG 
{
	background-image:url(flecheGauche.gif);
	display:block;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-right:5px;
	position:relative;
	top:2px;
}

#panelDeplacementPoint .boutonD 
{
	background-image:url("flecheDroite.gif");
	display:block;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:5px;
	position:relative;
	top:2px;
}

.divFlagAlarm, .divFlagInfo
{
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana,arial;
	width: 100%;
	min-width:220px;
	max-width:800px;
}
.divFlagAlarm
{
	FONT-WEIGHT: bold;
}

.flagAlarm, .divFlagAlarm
{
	color:Red;
}

.flagInfo, .divFlagInfo
{
	color:Green;
}

/* Utilisés dans la page CtlParamAffichagePrix */
.libelRadioParamAffPrix
{
    width:110px;
    display:inline-block;
}
.itemRadioParamAffPrix
{
    width:80px;
    display:inline-block;
    white-space:nowrap;
}

.loadingPanel
{
	background:#fff;
    height:100%;
    width:100%;
}
.loadingTable
{
    height:100%;
    width:100%;
}

.lienSettings
{
    margin-left:20px;
}

div.ConteneurActionsGauche,
div.ConteneurActionsDroite
{
    padding:0;
    margin:5px 0 5px 0;
    vertical-align:middle;
}

div.ConteneurActionsGauche
{
    float:left;
}

a.IconeAction
{
    padding:0;
    margin:0 3px 0 3px;
    line-height:21px;
    height:21px;
    vertical-align:middle;
}

a:focus
{
    outline: none;
}

a.IconeAction img
{
    border-width:0;
    width:32px;
    height:24px;
    padding:0;
    margin:0;
}

td.mini a.selectionner
{
    margin-right:15px;
    padding-bottom:5px;
}

.lienContact
{
	color:Gray;
	FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 9pt;
}

/* Style pour le message indiquant qu'une valorisation Telesto a été recalculée*/
#divPopupValoRecalcul
{
	position:absolute;
    top:60px !important;
	top:0px;
	right:0px;
	width:198px;
	height:176px; 
	background-image:url(fond_trombone.png);
	color:#A41313;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 8pt;
}
.divMsgValoRecalcul
{
	margin:60px 40px 5px 20px;
	font-weight:bold;
}

.divLienValoRecalcul
{
	margin:5px 10px 5px 20px;
}

.LienMsgValoRecalcul
{
	color:#A41313;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 8pt;
}

.panelTemplateAffNom,
.panelAffichageAtt
{
	width:100%;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:4px;
}

.tableAffichageAtt,
.tableTemplateAffNom
{
	width:100%;
}
.tdAffAtt
{
	padding-bottom:2px;
}
.tdLeftAffAtt
{
	width:105px;
}
.tdRightAffAtt
{
}

.affAttLegende,
.affAttTexte,
.templateAffNom,
.templateAffType
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
}
.affAttLegende
{
	font-weight: normal;
	color: #6F6966;
	display:block;
}
.affAttTexte
{
	font-weight: normal;
	color: #000000;
}

.templateAffNom
{
	font-weight: bold;
	color: #6F6966;
}
.templateAffType
{
	font-weight: normal;
	color: #6F6966;
}

.panelTableProprietesCourbe
{
	padding:15px 0 10px 0;
}

.cellCodeQB
{
}
.cellLibelleQB
{
	padding-right:6px;
}

.tbDataGrid,
.tbImpressionResultatRequete,
.tbAffichageCodeIndex,
.tbGestionProjetFacture,
.tbCompositionAgreg
{
background-color:White;
border-color:#999999;
border-width:1px;
border-style:solid;
font-family:Verdana,arial;
font-size:8pt;
border-collapse:collapse;
}

.tbImpressionResultatRequete td,
.tbAffichageCodeIndex td,
.tbGestionProjetFacture td,
.tbCompositionAgreg td {
border-left:solid 1px #999999;
border-right:solid 1px #999999;
}

.titreSection
{
	color: #404040;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	height:20px;
}

.tbParamSupposCourbe
{
width:760px;
}
.tdLabelParamSupposCourbe {
width:100px;
}

.tdcheckBoxRemplacer input,
.tdRadioLancementTlr input
{
vertical-align:middle;
}

.tdcheckBoxRemplacer span label,
.tdRadioLancementTlr span label
{
vertical-align:middle;
}

.divFiltresSupposCourbe
{
padding:0 0 4px 0;
}

.divGridCompletSupposCourbe,
.divGridSelectionSupposCourbe
{
width:99%;
padding:4px 0 0 0;
}

.divDownloadParameters
{
background-color:White;
border:solid 2px Silver;
padding:4px;
margin:1px 10px 0 0;
}

.tableOutilsCourbe
{
width:100%;
padding-bottom:2px;
border-bottom:solid 1px #C81616;
}

.LigneDivRenommerModele {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	FONT-STYLE: normal;
}

.ExportErreur,
.ModeleErreur,
.ValidationErreur,
.LblCriteriaSettingError,
.LblCriteriaError,
.SpanErrorCriteriaLine,
.LotInputError,
.LotErreurCriteres,
.GenericInputError
{
	COLOR: #990000 !important;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: bold;
}

.ValidationErreur
{
	font-size: 8px;
}

.ModeleErreur 
{
	display:block;
	margin:3px 0;
}

.ExportErreur 
{
	margin:0 5px;
}

.DivIndexMultiLigne 
{
	text-align:left;
	line-height:18px;
}

.PageErreurTdHaut
{
height:71px;
}
.PageErreurTdMenu
{
width:346px;
height:114px;
padding:0 45px 0 20px;
}
.PageErreurTdTitre
{
height:114px;
}
.PageErreurTblTitre
{
width:100%;
}
.PageErreurDivDetails
{
padding:0 20px 0 0;
}

.tablePrincipaleResultats {
	width:99%;
}
.tdTablePrincipaleResultats {
	text-align:left;
}

.tdIconRequete {
	width:39px;
	display: none;
}

.tdCompoAgregColPDL {
	width:45%;
}
.tdCompoAgregColCourbe {
	width:40%;
}
.tdCompoAgregColAction {
	width:15%;
}

.bodyfrmchart,
.bodyChart {
	background:url('fondgrisraye.gif');
}

.tdPadConfigGraph {
	padding-left:25px;
}

.tableInscription
{
width:100%;
height:512px;
}
.tdLeftTableInscription
{
height:25px;
width:36px;
}
.tdMiddleTableInscription
{
height:25px;
width:286px;
}
.tdRightTableInscription
{
height:25px;
}

.NavHautImageHBBAS 
{
	background:url('default/HBBAS.png') no-repeat top left;
	height:33px;
}

.NavHautImageHBBASLogoItron 
{
	background:url('default/HBBASLogoItron.png') no-repeat top right;
	height:56px;
}

.MessageBienvenueDiv 
{
	text-align:right;
	padding:0 10px 0 0;
}

.divLoadingAnalysePrelevement
{
	display:none;
	float:left;
}
.divValidationErreur
{
	display: inline-block; 
	vertical-align: middle; 
	margin: 0 0 0 5px;
}

.DivPanelMessageFonctionsMetier 
{
	padding:3px 5px 3px 9px;
}

.CheckForGrid 
{
	text-align:center;
}

.ImageLogout 
{
	border:none;
}

.FondDemandeTelereleve
{
	background-image:url("CHARTE/fondgris.gif");
}

.BarrePanelFonctionsMetier
{
	background-image:url("CHARTE/barre.gif");
}

.InputLine
{
	margin:0 0 7px 0;
	min-height:20px;
	clear:both;
	display:block;
}

.DivButtonsTreatment
{
	margin:20px 0 0 0;
	display:block;
}

.LotDivLabel,
.TraitementDivLabel,
.LancementImmediatStrategieDivLabel 
{
	float:left;
	min-height:20px;
}

.LotDivLabel,
.TraitementDivLabel 
{
	width:150px;
}

.LancementImmediatStrategieDivLabel
{
	width:250px;
	margin:0 0 10px 0;
} 

.TraitementDivLabel span 
{
	height:20px;
	line-height:20px;
}

.InputLine *
{
	margin:auto 0;
}

.LotInput,
.TraitementInput
{
	width:300px;
}

.DivCriteriaSetting 
{
	margin:20px 0 10px 0;
}

.LotLabelBracket
{
	width:15px;
}

.LotLabelLogicOperator
{
	width:25px;
}

.LotLabelCriteria 
{
}

.LotLabelBracket,
.LotLabelLogicOperator,
.LotLabelCriteria,
.LotLabelLogicOperator,
.LinkAddCriteriaElement,
.BtnAddTest,
.DivCriteriaSetting 
{
	font-size:12px;
	font-family:Arial;
}

.DivCriteriaSetting 
{
	color:#000000;
}

.LotLabelBracket,
.LotLabelLogicOperator,
.LotLabelCriteria, 
.DivErrorCriteriaLine 
{	
	/*margin:10px;*/
}

.DivLineCriteriaElement 
{
	clear:both;
	width:900px;
	margin:0;
}

.DivErrorCriteriaLine 
{
	margin:0;
	padding:auto 0;
	float:right;
	vertical-align:middle;
}

.DivErrorCriteriaLine,
.DivLineCriteriaElement,
.LotLabelBracket,
.LotLabelLogicOperator,
.LotLabelCriteria, 
.DivErrorCriteriaLine,
.SpanErrorCriteriaLine 
{
	height:20px;
	line-height:20px;
}

.DivCriteriaActions
{
	clear:both;
	margin:15px 0 0 0;
}

.LinkAddCriteriaElement
{
	margin:10px;
}

.DivCriteriaSettingBoutons 
{
	padding:0;
	margin:0;
	height:15px;
}

.BtnAddCriteria 
{
	font-weight:bold;
	color:#696969;
	float:right;	
	padding:0 0 0 15px;
}

.LotLineCheckbox 
{
	width:15px;
	float:left;
}

.LblCriteriaSettingError 
{
	margin-left:15px;
}

.LotSettingDate 
{
	width:70px;
}

.LblCriteriaError
{
	margin:15px 0;
}

.SpanErrorCriteriaLine 
{
	margin-left:7px;	
}

.ImgErrorCriteriaLine  
{
	margin:auto 0;
	border:none;
	width:14px;
	height:9px;
}

.DivNbElementsLot 
{
	margin:15px 0;
}

/* Page des Correction/Validation en masse */
.divPage 
{
    padding:5px;
    font-family:Arial, Helvetica, sans-serif;
    border-right-style:solid;
    border-right-color:#990000;
    border-right-width:thin;
    text-align:left;
    width:500px;
    float:left;
}

.divAlignGauche
{
    width: 28%;
    float: left;
}

.divAlignDroite 
{
    text-align:right;
    width: 70%;
    margin-left: 10px;
    float:left;
}

.divTitre 
{
    text-align:left;
    padding:5px;
    float:left;
}

.fieldsetMilieu
{
    margin-top:15px;
    margin-bottom:15px;
}

.fieldsetCorrection 
{
    border:solid 1px #990000;
    padding:10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#divDateCorrection
{
    margin-top:5px;
}

.ZoneOptionsCorrection 
{
    border: none 0px white;
    padding:0;
}

#ctlCorrectionMasse_dateCorrection_CtrlLabelAu 
{
    margin-left:110px;
}

.divResume 
{
    height:26px;
    line-height:26px;
    display:inline-block;
}

.divResumeIntervalle
{
    line-height:26px;
    display:inline-block;
}

.divPnlComplet,
#divDateValidation
{
    display:inline;
    margin-left:20px;    
}

.divLink 
{
    text-align:center;
}

.decaleVersLeBas 
{
    margin-top:5px;
}

div.decaleVersLeBas div.decaleVersLeHaut
{
    margin-bottom:10px;
}

.cmbEtat 
{
    width:108px;
}
    
.labelTailleFixeCorrection 
{
    display:inline-block;
    width:165px;
}

.cbxFinMois input,
.cbxFinMois label
{
    vertical-align:middle;
    color:#990000;
    line-height:21px;
    height:22px;
    font-size:8pt;
    /*display:inline-block;*/
}

.ddlBasse
{
    vertical-align:middle;
}

div.divPanel 
{
    display:inline-block;
    margin-bottom:5px;
}

.LabelType 
{
	font-family: verdana,arial; 
	font-size: 10pt; 			
	color:#404040;
}

.labelChoix 
{
    line-height:20px;
    height:23px;
}

div[id$="pnlListeLots"] .couleurGrisGras 
{
    display:list-item;
    list-style-type:none;
}

div[id$="pnlListeLots"] 
{
    text-align:left;
}

div.divPanel span.riSingle input.riTextBox,
div.divPanel div.RadPicker td.rcInputCell span.riSingle input.riTextBox
{
    padding:0px 0px 0px 4px;
    height:20px;
    line-height:19px;
}

div.divPanel span, 
div.divPanel div,
div.divPanel input
{
	display:inline-block;
}

.GridResultatGreenText,
.GridResultatGreenText a 
{
	color:green !important;
}

.GridResultatOrangeText,
.GridResultatOrangeText a 
{
	color:orange !important;
	font-weight:bold;
}

.GridResultatRedText,
.GridResultatRedText a 
{
	color:red !important;
	font-weight:bold;
}

.DisplayBlock 
{
	display:block;
}

.DivErrorLancementImmediat,
.DivInfoLancementImmediat
{
	margin:15px 0;
}

.DivButtonsLancementStrategie
{
	margin:20px 0 0 0;
	display:block;
}

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* Legend of Quality bit */
.FixedSizeDivInLine 
{
    width:232px;
    display:inline-block;
}

.fixedSizeLbl 
{
    width:31px;
    display:inline-block;
}

.LegendLine 
{
    display:inline;
}
/* Legend of Quality bit */

input.IPv6lenght 
{
    width:243px;
}

.LinkDownloadLLSPassword,
.LinkDownloadGrid {
font: normal 11px Verdana, Arial, Sans-serif;
}

.LinkLogout, .LinkSelectionAndReporting, .LinkHome {
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
	font-size:0.8em;
	cursor:pointer;
	text-decoration:none;
	display:block;
	text-align:center;
}

.LinkLogout {
	width:103px;
	height:23px;
	line-height:23px;
	background-image:url('HBHAUT2A.gif'); 
}

.LinkSelectionAndReporting {
	width:203px;
	height:23px;
	line-height:23px;
	background-image:url('HBHAUT2B.gif'); 
}

.LinkHome {
	width:100px;
	height:23px;
	line-height:23px;
	background-image:url('HBHAUTAccueil.gif'); 
}
a.LinkLogout {
	color: white;
}
a.LinkSelectionAndReporting {
	color: white;
}
a.LinkHome {
	color: white;
}
td.CorrectionTitle {
    FONT-FAMILY: Verdana,arial; 
	color:#000000;
	font-weight:bold;
	text-transform: uppercase;
	font-size:1em;
	width:227px;
	height:27px;
	background-image:url('TitreCorrectionsA.gif'); 
	padding:0 0 0 45px;
}

body.ErreurChart{
	width:100%;
	height:218px;
	background:url(CHARTE/fondgrisraye.gif);
}

div.ErreurChart{
	text-align:center;
	height:250px;
	display:block;
}

div.ErreurChart div{
    FONT-FAMILY: Verdana,arial; 
	font-size:1.2em;
	font-weight:bold;
	color:#000000;
	width:425px;
	height:218px;
	line-height:218px;
	display:inline-block;
	background-image:url('erreurchart.gif'); 
}

.DivInfoCriteriaNotEditable {
padding:15px 0;
}

/* Page Erreur */

.PageErreurTdMenu #Label1, .PageErreurTdMenu #LabelCode
{
display:none;
}
.tdImgPuceTitre
{
	display:none;
}

.PageErreurTdMenu #BoutonLogin
{
position:absolute;
top:450px;
left:730px;
background-color: #00a9c3;
color: white;
text-align: center;
text-decoration: none;
width: 150px !important;
padding: 5px 0px;
}
.PageErreurTblTitre #LabelTitre 
{
position:absolute;
margin-top:-240px;
left:415px;
}

.PageErreurTblTitre #LabelCorps
{
position:absolute;
margin-top:-245px;
left:730px;	
color: #919191;
}