/* ------------------- NE PAS MODIFIER CE FICHIER ------------------------ */
/*   Pour personnaliser le style du portail, modifier le fichier           */
/*   Styles.css en y copiant à partir de ce fichier et en y                */
/*    modifiant les classes choisies                                       */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/*         FEUILLE DE STYLE PAR DEFAULT DU PORTAIL PROX-E-CALC			   */
/* ----------------------------------------------------------------------- */

BODY
{
    background-color: white;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    margin: 5;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    color: #003366;
}

H1
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H2
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H3
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.58em;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H4
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.33em;
    font-weight: 500;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H5, DT
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H6
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

TFOOT, THEAD
{
    font-size: 1em;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}

TH
{
    vertical-align: baseline;
    font-size: 1em;
    font-weight: bold;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}


A:link
{
    text-decoration: none;
    color: #003366;
}

A:visited
{
    text-decoration: none;
    color: #003366;
}

A:active
{
    text-decoration: none;
    color: #003366;
}

A:hover
{
    text-decoration: underline;
    color: #003366;
}

.A1:link
{
    text-decoration: none;
    color: white;
}

.A1:visited
{
    text-decoration: none;
    color: White;
}

.A1:active
{
    text-decoration: none;
    color: White;
}

.A1:hover
{
    text-decoration: underline;
    color: White;
}

SMALL
{
    font-size: .7em;
}

BIG
{
    font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
    font-family: Courier New, monospace;
}


UL LI
{
    list-style-type: square;
}

UL LI LI
{
    list-style-type: disc;
}

UL LI LI LI
{
    list-style-type: circle;
}

OL LI
{
    list-style-type: decimal;
}

OL OL LI
{
    list-style-type: lower-alpha;
}

OL OL OL LI
{
    list-style-type: lower-roman;
}

IMG
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/* **************** Style des pages du portail **************** */

.LoginPage
{
}

.MainPage
{
	margin:0px;
}

.DesignPage
{
}

.ErrorPage
{
}

/* **************** Style du calendrier **************** */

.CalendarStyle
{
    font-size: xx-small;
    background-color: #C5E5F7;
    border-color: #0066CC;
    border-width: 2px;
    border-style: solid;
}

.CalendarTitleStyle
{
    font-size: xx-small;
    font-weight: bold;
    padding: 2px;
    background-color: black;
    color: white;
}

.CalendarSelDayStyle
{
    background-color: #003366;
    color: white;
}

/* **************** Style des dimensions du produit **************** */

.SizeDataStyle
{
    color: White;
    font-weight: bold;
    background-color: #666666;
    padding: 3px;
    text-decoration: none;
}

/* **************** Style de la quantité de produit **************** */

.QuantityDataStyle
{
    font-weight: bold;
    color: Red;
    text-align: center;
}

/* **************** Style du délai produit **************** */

.DelivDelayStyle
{
    font-weight: bold;
    color: #0066CC;
    text-align: center;
    font-style: italic;
}

/* **************** Style de la référence d'un élément d'une composition **************** */

.PositionReferenceStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

/* **************** Style de la référence d'une composition **************** */

.PositionAltReferenceStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    color: Orange;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

/* **************** Style zones de saisie des paramètres **************** */

.ActionParameterStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    color: red;
    border: solid 1px #003366;
    text-align: center;
}

/* **************** Style des cases à cocher des paramètres **************** */

.ActionCheckBoxStyle
{
    font-size: x-small;
    color: Red;
    font-weight: bold;
}

/* **************** Style des compteurs de page des datagrids **************** */

.DatalistCounterStyle
{
    font-size: xx-small;
    color: white;
    font-weight: bold;
}

/* **************** Style des datagrids **************** */

.DatalistStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #003366;
    font-weight: normal; /*border-color:#0066CC;*/ /*border-width:2px;*/ /*border-style:solid;*/
}

/* **************** Style des titres des datagrids **************** */

.DatalistTitleStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    font-style: italic;
    color: Black;
    text-decoration: underline;
}

/* **************** Style des entêtes des datagrids **************** */

.DatalistHeaderStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    padding: 2px;
    background-color: #000000;
    color: white;
}

/* **************** Style des lignes des datagrids **************** */

.DatalistItemStyle
{
}

.DatalistAltItemStyle
{
    background-color: #C5E5F7;
}

.DatalistSelItemStyle
{
    /*background-color:whitesmoke;*/
}

/* **************** Style des pieds de page des datagrids **************** */

.DatalistFooterStyle
{
}

/* **************** Style des pagers des datagrids **************** */

.DatalistPagerStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    background-color: #000000;
    color: white;
}

/* **************** Statistiques : Style des datagrids **************** */

.DatalistGeneralItemStyle
{
    background-color: #FFFFCC;
}

/* **************** Statistiques : Style des données sectorielles **************** */

.DatalistSectoralItemStyle
{
    background-color: silver;
}

/* **************** Statistiques : Style des données clients **************** */

.DatalistCustomerItemStyle
{
    background-color: #FEFEFE;
}

/* **************** Statistiques : Style des données des commerciaux **************** */

.DatalistSalesmanItemStyle
{
    background-color: #F8F8F8;
}

/* **************** Statistiques : Style des données par type de produits **************** */

.DatalistProductItemStyle
{
    background-color: #EFEFEF;
}

/* **************** Statistiques : Style entête colonne de tri **************** */

.DatalistSelColumnHeaderStyle
{
    background-color: #003366;
}

/* **************** Style des états des dossiers **************** */

.DefaultStatusStyle
{
    color: black;
    font-weight: bold;
}

.OfferStatusStyle
{
    color: black;
    font-weight: bold;
}

.UnvalidatedOrderStatusStyle
{
    color: black;
    font-weight: bold;
}

.ValidatedOrderStatusStyle
{
    color: blue;
    font-weight: bold;
}

.EditedOrderStatusStyle
{
    color:Black;
    font-weight: bold;
}

.EditValidatedOrderStatusStyle
{
    color:Purple;
    font-weight:bold;
}

.RegisteredOrderStatusStyle
{
    color: green;
    font-weight: bold;
}

.CanceledOrderStatusStyle
{
    color: orange;
    font-weight: bold;
}

.RejectedOrderStatusStyle
{
    color: red;
    font-weight: bold;
}

.LockedOrderStatusStyle
{
    color: red;
    font-weight: bold;
}

.DeletedOrderStatusStyle
{
    color: Yellow;
    font-weight: bold;
}

.DeletedOfferStatusStyle
{
    color:Yellow;
    font-weight: bold;
}

/* **************** Style des données de détail des données de ERP **************** */

.DetailStyle
{
    background-color: #F8F8F8;
}

/* **************** Style des description des articles depuis ERP **************** */

.DescriptionStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    border: solid 0px;
    padding: 2px;
}

/* **************** Style des données sélectionnées dans les données des membres **************** */

.SelectionStyle
{
    border: solid 1px #003366;
}

/* **************** Style des valeurs dépassant une limite **************** */

.OverLimitStyle
{
    color: Red;
}

/* **************** Style des valeurs en dessous d'une limite **************** */

.UnderLimitStyle
{
    color: Green;
}

/* **************** Style des messages **************** */

.MessageStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #0066CC;
}

.ErrorMessageStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: Red;
}

.ErrorMessageListStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    list-style-type:none;
    line-height:15px;
    text-align:left;    
    font-size: x-small;
    color: Red;
}

.ErrorMessageListStyle ul
{
	margin-top:0px;
	text-indent:5px;
}

.ConstraintMessageStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #0000C0;
}


/* **************** Style de la page d'accueil **************** */

.LoginCompanyLogoStyle
{
}

.LoginBoxStyle
{
    border: #0066CC 3px solid;
    background-color: #000000;
    background-attachment: scroll;
    background-repeat: no-repeat;
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
}

.LoginTitleStyle
{
    color: #0066CC;
}

.LoginAddressStyle
{
    border-style: solid;
    border-width: 3px;
    border-color: #0066CC;
    background-color: #000000;
}

.LoginAddressFontStyle
{
    font-weight: bold;
    font-size: small;
    color: #FFFFFF;
}

.LoginTextBoxStyle
{
    border-style: solid;
    border-width: 2px;
    border-color: #0066CC;
    color: #000000;
}

/* **************** Style de la page d'accueil de démo **************** */

.DemoLoginCompanyLogoStyle
{
}

.DemoLoginBoxStyle
{
    border: #0066CC 3px solid;
    background-color: #000000;
    background-attachment: scroll;
    background-repeat: no-repeat;
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
}

.DemoLoginTitleStyle
{
    color: #0066CC;
    font-size:large;
    margin:20px 0px 20px 0px;
}

.DemoLoginAddressStyle
{
    border-style: solid;
    border-width: 3px;
    border-color: #0066CC;
    background-color: #000000;
}

.DemoLoginAddressFontStyle
{
    font-weight: bold;
    font-size: small;
    color: #FFFFFF;
}

.DemoLoginTextBoxStyle
{
    border-style: solid;
    border-width: 2px;
    border-color: #0066CC;
    color: #000000;
}


/* **************** Style des menus de gauche **************** */

.MenuStyle
{
    border: #0066CC thin solid;
    background-color: #000000;
    background-attachment: scroll;
    background-repeat: no-repeat;
    font-size: xx-small;
}

.MenuStyle2
{
    border: #0066CC thin solid;
    background-color: #000000;
    background-attachment: scroll;
    background-repeat: no-repeat;
    font-size: xx-small;
}

.MenuHeaderStyle
{
    background-color: #0066CC;
    color: White;
    font-size: x-small;
    font-weight: bold;
}

.MenuItemStyle
{
    font-size: xx-small;
    font-weight: bold;
    color: black;
}

.MenuSelectedItemStyle
{
    border: #0066CC thin solid;
    font-size: xx-small;
    font-weight: bold;
    color: black;
}

.MenuDataStyle
{
    color: #FFFFC0;
    font-size: x-small;
    font-weight: bold;
}

.MenuTextStyle
{
    color: White;
    font-size: xx-small;
}

/* **************** Style du bandeau d'entete **************** */

.HeaderStyle
{
    border: #0066CC thin solid;
    font-size: xx-small;
}

.HeaderCompanyStyle
{
    background-attachment: scroll;
    background-repeat: no-repeat;
    font-size: xx-small;
}

.HeaderRotatorStyle
{
    border-left: #0066CC thin solid;
    border-right: #0066CC thin solid;
    background-attachment: scroll;
    background-repeat: no-repeat;
    font-size: xx-small;
}

.HeaderVisitorStyle
{
    background-attachment: scroll;
    background-repeat: no-repeat;
    font-size: xx-small;
    color: white;
}

.SectionDataStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    color: #003366;
}

.HeaderTextStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: Black;
}

/* **************** Style du bandeau droit **************** */

.RightBannerStyle
{
    background-color: Green;
}

/* **************** Style des GroupBox **************** */

.GroupBoxStyle
{
    margin: 5px;
    margin-bottom: 0px;
}

/* **************** Style des légendes des GroupBox **************** */

.GroupBoxLegendStyle
{
    font-size: small;
    font-weight: bold;
    color: Blue;
}

/* **************** Style des accordéons **************** */

.accordionHeader
{
    font-size: xx-small;
    color: #003366;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    font-size: x-small;
    color: #003366;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* **************** Style des blocs de page **************** */

.SectionStyle
{
    background-color: #FEFEFE;
    border: #0066CC thin solid;
}

.SectionStyleDirect
{
    background-color: #FEFEFE;
    border: #0066CC thin solid;
    width:600px;
    float:right;
    margin-right:230px;
}

.SectionStyle2
{
    /*border:#0066CC 1px solid;*/
    margin: 5px;
}

.SectionStyle3
{
    background-color: #F8F8F8;
    border: #0066CC thin solid;
}

.SectionHeaderStyle
{
    padding: 5px;
    background-color: #0066CC;
}

.SectionHeaderStyle2
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: black;
    color: white;
    font-size: small;
    font-weight: bold;
    text-align: left;
}

.SectionTitleStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    color: white;
    text-decoration: underline;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

.SectionTitleStyle2
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    color: #003366;
    text-decoration: underline;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

.SectionStyleAddonParameters, .SectionStyleAddonGroups, .SectionStyleAddOnOptions 
{
	border:#FFFFE0 1px solid;
    margin: 5px;
}

/* **************** Style des titres des données **************** */

.DataTitleStyle
{
    font-size: xx-small;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    color:Black;
}

/* **************** Style standard des données  **************** */

.DataStyle
{
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    color: #003366;
}

/* **************** Style 2 des données  **************** */

.DataStyle2
{
    font-size: xx-small;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    color: #003366;
}

/* **************** Style 3 des données  **************** */

.DataStyle3
{
    font-size: xx-small;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    color: #003366;
}

/* **************** Style des données tarifaires **************** */

.DataStyleTariffLabel
{
    font-size: xx-small;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    color: red;
}

/* **************** Style des boutons **************** */

.ButtonStyle
{
    border-style: solid;
    border-width: 2px;
    border-color: #0066CC;
    background-color: #000000;
    color: White;
}

/* **************** Style des zones de saisie **************** */

.TextBoxStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #003366;
    color: #003366;
}

.CenteredTextBoxStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #003366;
    color: #003366;
    text-align: center;
}
.ReadOnlyTextBoxStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    color: #003366;
    background-color: #F4FED1;
    border-style: solid;
    border-width: 1px;
    border-color: #003366;
}

.TextBoxWatermarkExtenderStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    font-style: italic;
    border-style: dashed;
    border-width: 1px;
    background-color: #C5E5F7;
    border-color: #003366;
    color: #003366;
    text-align: center;
}

/* **************** Style des listes déroulantes **************** */

.ListBoxStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #003366;
    color: #003366;
}

/* **************** Style des listes de cases à cocher **************** */

.CheckboxListStyle
{
    font-size: xx-small;
    font-weight: normal;
    border: solid 1px #0066CC;
}

/* **************** Style du texte de description des produits **************** */

.DescriptionTextStyle
{
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
}

/* **************** Style du code des produits **************** */

.ProductCodeStyle
{
    font-size: x-small;
    font-weight: bold;
    color: red;
}

/* **************** Style du code court des produits **************** */

.ShortCodeStyle
{
    font-size: x-small;
    font-weight: bold;
    color: Black;
}

.TechnicalCodeStyle
{
    font-size: x-small;
    font-weight: bold;
    font-style: italic;
    color: Black;
}

/* **************** Style des grilles de prix **************** */

.PriceGridStyle
{
    font-size: xx-small;
    font-weight: bold;
    color: #003366;
    border-color: #0066CC;
    border-width: 2px;
    border-style: solid;
}

.PriceGridHeaderStyle
{
    color: White;
    background-color: black;
}

.Pricegridselectedstyle
{
    color: White;
    background-color: Red;
}

.PriceGridLineStyle
{
}

.PriceGridAltLineStyle
{
}

/* **************** Style des zones d'affichage des prix d'achat **************** */

.PriceDataStyle
{
    font-weight: bold;
    color: yellow;
    background-color: #003366;
}

.PriceDataStyle2
{
    font-weight: bold;
    color: #003366;
}

/* **************** Style des zones d'affichage centré des prix de vente **************** */

.CenteredPriceDataStyle
{
    font-weight: bold;
    color: white;
    background-color: #003366;
    text-align: center;
}

.CenteredPriceDataStyle2
{
    font-weight: bold;
    color: #003366;
    text-align: center;
}

/* **************** Style des zones d'affichage des totaux ligne **************** */

.TotalLineAmoutPriceDataStyle
{
    font-weight: bold;
    color: #003366;
}

/* **************** Style des zones d'affichage des prix sur consultation **************** */

.PricedataStyleOnDemand
{
    font-weight: bold;
    color: white;
    background-color: #99CCFF;
    width: 50px;
    text-align: right;
}

/* **************** Style des montants des plus-values **************** */

.ExtraValueDataStyle
{
    font-weight: bold;
    color: #003366;
    background-color: white;
    text-align: right;
}

/* **************** Style des remises **************** */

.PriceDataStyleDiscount
{
    font-size: small;
    font-weight: bold;
    text-align: center;
    color: Red;
    width: 65px;
}

/* **************** Style des modèles **************** */

.PatternStyle
{
    font-size: x-small;
    font-weight: bold;
    text-decoration: underline;
}

/* **************** Style des listes d'options des tarifs **************** */

.OptionsListStyle
{
    font-size: xx-small;
    border-color: #0066CC;
    border-width: 2px;
    border-style: solid;
}

.OptionsListHeaderStyle
{
    background-color: black;
    color: White;
}

.OptionsListFooterStyle
{
    background-color: black;
    color: White;
}

.OptionsListLineStyle
{
}

.OptionsListAltLineStyle
{
}

.OptionPlateStyle
{
    background-color:White;
    border: solid 1px silver;
}

/* **************** Style des titres des groupes d'options des tarifs **************** */

.OptionGroupTitleStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
}

/* **************** Style des titres des sous-groupes d'options des tarifs **************** */

.OptionSubGroupTitleStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    font-style:italic;
}

/* **************** Style d'affichage des prix de vente **************** */

.SalePriceDataStyle
{
    font-size: x-small;
    font-weight: bold;
    color: black;
    background-color: #FFFF66;
}

/* **************** Style d'affichage des cumuls des prix de vente **************** */

.SaleTotalLineAmoutPriceDataStyle
{
    font-size: x-small;
    font-weight: bold;
    color: #FFFF66;
    background-color: black;
}

/* **************** Style d'affichage des textbox centrés liés à la vente **************** */

.CenterTextBoxStyle
{
    font-size: x-small;
    font-weight: bold;
    border: 1px Solid #003366;
    color: #003366;
    background-color: #FFFF66;
    text-align: center;
}

/* **************** Style d'affichage des entêtes liés à la vente **************** */

.HeaderTitleStyle
{
    font-size: xx-small;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    color: Black;
}

/* **************** Style d'affichage des boutons liés à la vente **************** */

.ButtonSaleStyle
{
    border: 1px Solid #0D5700;
    background-color: #FFFF66;
    color: #0D5700;
    margin-bottom: 1px;
}

/* **************** Style de l'indicateur de progression du calcul des prix de vente **************** */

.SaleUpdateProgress
{
    display: inline !important;
    position: absolute;
    margin-left: -70px;
    margin-top: -20px;
}

/* **************** Style de la fenêtre de chargement **************** */

#UploadBox
{
    float: left;
    text-align: left;
    width: 500px;
    padding: 0 5px 5px 0;
    font-size: 10px;
}

#ParamUploadFile
{
    display: block;
}

#ResultUpload
{
    display: block;
    float: right;
}

/* **************** Style d'une ligne de commande **************** */

.LineCellOrderStyle
{
    width: 100%;
    border: 1px solid #CCCCCC;
}

/* **************** Style d'un élément d'une composition **************** */

.LineCellOrderAssemblyStyle
{
    width: 100%;
    border: 1px solid #CCCCCC;
    background-color: #F8F8F8;
}

/* **************** Style des résumés d'un élément d'une composition **************** */

.SectionAssemblyElement
{
    background-color: #F8F8F8;
    border: #0066CC thin solid;
}

/* **************** Style des paramètres d'entête de devis **************** */

.HeaderParameterTitleStyle
{
    background-color: #666666;
    color: white;
    font-size: x-small;
    font-weight: bold;
    padding-left: 5px;
    width: 100%;
}

/* **************** Style des zones des prix sur consultation **************** */

.PnlOnDemand
{
    text-align: center;
    float: right;
}

/* **************** Style des zones des taux de remises **************** */

.PnlDiscountRate
{
    width: 200px;
    padding: 5px;
    position: relative;
    vertical-align: middle;
}

/* **************** Style des zones des taux de remises des lignes de commandes **************** */

.PnlDiscountRateOrderLine
{
    padding: 5px;
    float: left;
    width: 100%;
    vertical-align: top;
}

/* **************** Style des titres des compositions **************** */

.AssemblySectionTitleStyle2
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    color: #003366;
    text-decoration: underline;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

/* **************** Style des menus popup **************** */

.popupMenu, .popupMenuIMG
{
    width: 125px;
    font-size: 12px;
    border: 1px Solid gray;
    background-image: url(backDropDown.jpg);
    background-position: center;
    background-repeat: repeat-y;
    padding: 2px;
    text-indent: 15px;
    text-align: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .7em;
    display: none;
}

.popupSaleMenu
{
    width: 125px;
    font-size: 12px;
    border: 1px Solid gray;
    background-image: url(backDropDownSale.jpg);
    background-position: center;
    background-repeat: repeat-y;
    padding: 2px;
    text-indent: 15px;
    text-align: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .7em;
    display: none;
}

.popupMenuIndexOrder
{
    width:auto;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px Solid gray;
    background-image: url(backDropDown.jpg);
    background-position:left;
    background-repeat: repeat-y;
    padding: 2px;
    text-indent: 15px;
    text-align: left;
    display: none;
}

.popupMenu a, .popupMenuIndexOrder a
{
    display: block;
    border: 1px Solid transparent;
    color: Red;
}

.popupMenu a:hover, .popupMenuIndexOrder a:hover
{
    display: block;
    border: 1px Solid #000000;
    background-color: #0066CC;
    text-decoration: none;
    color: White;
}

.popupSaleMenu a
{
    display: block;
    border: 1px Solid Transparent;
    color: Red;
    margin-top:-5px;
}

.popupSaleMenu a:hover
{
    display: block;
    border: 1px Solid #FFFF66;
    background-color: #0D5700;
    text-decoration: none;
    color: White;
    z-index:0;
}

.popupSaleMenu img
{
	position:absolute;
	margin-left:-15px;
	z-index:2;
}


.popupMenuIMG a
{
    display: block;
    border: 1px Solid Transparent;
    color: Red;
    margin-top:-5px;
}

.popupMenuIMG a:hover
{
    display: block;
    border: 1px Solid #000000;
    background-color: #0066CC;
    text-decoration: none;
    color: White;
    z-index:0;
}

.popupMenuIMG img
{
	position:absolute;
	margin-left:-15px;
	z-index:2;
}

.popupmodal
{
    background-color: Silver;
    border-color: White;
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    text-align: center;
}

.popupmodalbackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.popupMenuIndexOrder textarea
{
	margin:5px 10px 5px 10px;
}

/* **************** Style des boutons déroulants **************** */

.ButtonStyleHover
{
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    background-color: #0066CC;
    color: White;
}

.ButtonSaleStyleHover
{
    border: 1px Solid #FFFF66;
    background-color: #0D5700;
    color: White;
}


/* **************** Style de la fenêtre de progression du calcul **************** */

.Progress
{
    position: absolute;
    left: 35%;
    top: 45%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.Progress img
{
    vertical-align: middle;
    margin: 5px;
}

.modalbackground
{
    background-color: Gray;
}

#Container
{
    font: 9pt 'Tahoma' , Times, serif;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-bottom: 40px;
    width: 800px;
    height: 600px;
    text-align: left; /* on rétablit l'alignement normal du texte */
    color: #000000; /*border:1px solid Black;*/
}

.LinkButtonStyle
{
    text-decoration: none;
    height: 22px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    border-style: solid;
    border-width: 1px;
    border-color: #0066CC;
    background-color: #003366;
    color: White;
}

/* ------ Styles d'affichage des tailles ------ */

.ContainerSizeBox
{
    width: 100%;
    text-align: left; /*border:#003366 1px solid;*/
    margin: 5px;
    padding: 3px 2px 5px 2px;
}

.ContainerSizeBoxBgColor
{
    /*width:100%; 		text-align:left; 		/*border:#003366 1px solid;*/
    margin: 5px;
    padding: 5px 2px 5px 2px;
    background-color: #F7FCE3;
}

.ContainerSizeBoxTitle
{
    width: 49%;
    display: inline;
    float: left;
    text-align: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    color: #003366;
    text-decoration: underline;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    text-indent: 5px;
}

.ContainerSizeBoxInformation
{
    width: 49%;
    display: inline;
    float: right;
    text-align: right;
    margin-top: 2px;
    margin-right: 2px;
}

.SpaceBox
{
    display: block;
    width: 100%;
    height: 5px;
}

.WidthBoxLeft
{
    width: 120px;
    display: inline;
    float: left;
    text-align: center;
}

.WidthBoxRight
{
    width: 220px;
    display: inline;
    float: right;
    text-align: center;
}

.HeightBoxRight
{
    width: 220px;
    display: inline;
    float: right;
    text-align: center;
}

.HeightBoxLeft
{
    width: 120px;
    display: inline;
    float: left;
    text-align: center;
}

.TitleSize
{
    display: inline;
    float: left;
    width: 25%;
    text-align: right; /*padding-top:5px;*/ /*height:10px;*/
}

.SizeBox
{
    display: block;
    width: 100%;
}

.WidthHeightBox
{
    width: 62%;
    display: inline;
    float: left;
}

.ValidatorWidthHeight
{
    position: absolute;
}

.WidthBoxPanelLeft
{
    width: 120px;
    display: inline;
    float: left;
    text-align: center;
    padding-top: 5px;
}

.WidthBoxPanelRight
{
    width: 220px;
    display: inline;
    float: right;
    text-align: center;
    padding-top: 5px;
}

.HeightBoxPanelRight
{
    width: 220px;
    display: inline;
    float: right;
    text-align: center;
    padding-top: 5px;
}

.HeightBoxPanelLeft
{
    width: 120px;
    display: inline;
    float: left;
    text-align: center;
    padding-top: 5px;
}

/* -------------------------------------------- */

/* ---------------------------------------------- */
/* --- POUR LE TABLEAU DES COEFFICIENTS --- */

.SaleCoeffListStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #003366;
    width: 100%;
    border-style: solid;
    border-width: thin;
}

.SaleCoeffListHeaderStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    margin: 5px;
    background-color: #000000;
    color: white;
    text-align: center;
}

.SaleCoeffListLineStyle
{
    height: 20px;
    vertical-align: middle;
}

.SaleCoeffListFooterStyle
{
    vertical-align: top;
    height: 20px;
    border-top:solid 2px black;
}

.SaleCoeffTextBoxStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #003366;
    color: #003366;
    width: 50px;
}

.ReadOnlySaleCoeffTextBoxStyle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
	font-weight: bold;
    border: 0px solid #003366;
    color: green;
    width: 50px;
}

.SaleCoeffReadOnlyDataStyle
{
    font-size: x-small;
    font-weight: bold;
    color: green;
}

.SaleCoeffDefaultDataStyle
{
    font-size: x-small;
    font-weight: bold;
    color: green;
}

.SaleCoeffAlteredDataStyle
{
    font-size: x-small;
    font-weight: bold;
    color: red;
}

.SalePriceNullDataStyle
{
    font-size: x-small;
    font-weight: bold;
    color: gray;
}

.SalePriceNotNullDataStyle
{
    font-size: x-small;
    font-weight: bold;
    color: navy;
}

.SaleTimeNotNullDataStyle
{
    font-size: x-small;
    font-weight: bold;
    color: red;
}

.FirstDoubleCol
{
    display: block;
    /*padding-right: 5px;*/
}

.SecondDoubleCol
{
    display: block;
}
/* ---------------------------------------------- */

/* **************** Style de l'animation lors d'une action +/- longue **************** */

.OrderUpdateProgress
{
	display: inline;
	float: left;
}

/* **************** Style permettant de masquer le prix qui sera imprimé sur le chiffrage direct **************** */

.ArtDesignPricePrint
{
	display: none;
}

/* **************** Style du code du site de traitement **************** */

.TreatmentSiteCodeStyle
{
	 color:red;
}

/* **************** Style des boites volantes pour l'affichage des dessins des chassis **************** */

.flyOutDiv
{
     display: none;
     position:absolute;
     width:40%;
     z-index: 3;
     opacity: 0;
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));
     background-color: #FFFFFF;
     padding: 5px;
     border:1px Solid black;
}

.flyOutClose
{
	float:right;
} 

.LinkZoom
{
	cursor:pointer;
}


.DDLColorStyle
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
	border:1px Solid Black;
	background-color:#F5F5F5; /*whitesmoke;*/
	overflow:auto;
	height:110px;
}

.DDLView
{
	display:block;
}

.DDLNotView
{
	display:none;
}

/*
.TabOptionView
{
	font-size:xx-small;
	width:100%;
	border:0;
	display:block;
}

.TabOptionNotView
{
	font-size:xx-small;
	width:100%;
	border:0;
	display:none;
}
*/

/* **************** Styles liés à l'impression des pages aspx **************** */


@media print
{
	/* **************** Style des éléments non imprimés **************** */

	.NotPrinted
	{
		display: none;
	}

	/* **************** Style de la télécommande sur le chiffrage direct (lors de l'impression) **************** */
	
	.ToolBox
	{
		display: none;
	}

	/* **************** Style des boutons (lors de l'impression) **************** */
	
	.ButtonStyle
	{
		display: none;
	}

	/* **************** Style permettant de masquer le prix qui sera imprimé sur le chiffrage direct (lors de l'impression) **************** */
	
	.ArtDesignPricePrint
	{
		display: block;
	}
}
/* ---------------------------------------------- */