/* DEFAULTS
----------------------------------------------------------*/

body
{
    font-family: Arial, "Helvetica Neue" , "Lucida Grande" , "Segoe UI" ,Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
    background: #f1f1f1 url(../Images/bodybg2.png) left top repeat-x;
}

@font-face {
    font-family: ErasDemi;
    src: url(ttf/ERASDEMI.TTF) format("truetype");
}

@font-face {
    font-family: Ebrima;
    src: url(ttf/EBRIMA.TTF) format("truetype");
}

@font-face {
    font-family: EbrimaBd;
    src: url(ttf/EBRIMABD.TTF) format("truetype");
}

.ErasDemi
{
    font-family: ErasDemi, Verdana, Helvetica, sans-serif;
}

.Ebrima
{
    font-family: Ebrima, Verdana, Helvetica, sans-serif;
}

.EbrimaBd
{
    font-family: EbrimaBd, Verdana, Helvetica, sans-serif;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

.is-disabled
{
    font-weight: normal;
    background: none repeat scroll 0 0;
    padding: 2px 2px 2px 2px;
    color: #000000;
    /*border: solid 1px #dcdcdc;*/
    display: inline-block;
}

.label-vide
{
    height: 13px;
}

textarea[disabled]
{
    background: none repeat scroll 0 0;
    color: #000000;
    /*border: solid 1px #dcdcdc;*/
}

.textareaReadonly
{
}

select[disabled]
{
    background: none repeat scroll 0 0;
    color: #000000;
    /*border: solid 1px #dcdcdc;*/
}

input[disabled]
{
    background: none repeat scroll 0 0;
    color: #000000;
    /*border: solid 1px #dcdcdc;*/
}

.uppercase
{
    text-transform: uppercase;
}

.arrondi20
{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.arrondi15
{
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.arrondi10, .arrondi10Aide
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.arrondi10_top, .arrondi10Aide_top
{
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.arrondi10_bottom
{
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.transparent
{
    border: 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: transparent;
}

.agit-red-background
{
    background: #de3939 url("../Images/red_bg.png") repeat-x scroll left bottom;
}

.agit-blue-background
{
    background: #336ebd url("../Images/blue_bg.png") repeat-x scroll left top;
}

.agit-lightblue-background
{
    background: url("../Images/lightblue_bg.png") repeat-x scroll left top;
}

.agit-aux-background
{
    background: url("../Images/aux_bg.png") repeat-x scroll left top;
}

.agit-orange-background
{
    background: #F7F7FF url("../Images/orange_bg.png") repeat-x scroll left top;
}

.ligne_espacement
{
    background: #f1f1f1;
    height: 20px;
}

.colorWhite
{
    color: #FFFFFF !important;
}

/* LOADING   
----------------------------------------------------------*/

.overlay
{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=30);
    opacity: 0.30;
    -moz-opacity: 0.30;
}
* html .overlay
{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.loader
{
    z-index: 100;
    position: fixed;
    margin-left: -105px;
    top: 50%;
    left: 50%;
}
* html .loader
{
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
    color: #FFFFFF;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.upper
{
    background: none repeat scroll 0 0;
    border: medium none !important;
    height: 2px;
    background-color: #3B487C;
}
.page
{
    min-width: 660px;
    max-width: 860px;
    margin: 0px auto 0px auto;
    text-align: left;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: White;
    z-index: 100;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 1.6em;
    font-size: 20px;
    color: Gray;
}

.main
{
    padding: 0px;
    margin: 12px 0 8px 0;
    background: none repeat scroll 0 0 #f1f1f1;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}
.sitemode
{
    padding-top: 20px;
    font-weight: bold;
    color: #FF0000;
    padding-left: 330px;
    position: absolute;
}
.footer
{
    color: #3B487C; /*background-color: #FFFFFF;*/
    margin: -7px 0px;
    text-align: left;
    line-height: normal;
    font-size: 9px;
}
.connexion
{
    display: block;
    text-align: left;
    float: left;
}

.siteversion
{
    display: block;
    text-align: right;
    float: right;
}

.logo
{
    float: left;
}




/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    /*width:100%;*/
    min-width: 825px;
    background: none repeat scroll 0 0 #3B487C;
    border: 0px solid #FFFFFF;
    margin-bottom: 0px;
}

div.menu
{
    margin-top: -1px;
    padding: 0px 0px 4px 0px;
    font-size: 12px;
}

div.menu ul
{
    list-style: none;
    margin: 0px -8px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #3B487C;
    border: 1px White solid;
    color: White;
    display: block;
    line-height: 1.6em;
    padding-bottom: 4px;
    text-decoration: none;
    white-space: nowrap;
    margin-right: -1px;
}

div.menu ul li ul li a, div.menu ul li ul li a:visited
{
    border-top: none !important;
}

div.menu ul li a:hover
{
    background-color: #ABCDEF;
    color: #3B487C;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #ABCDEF;
    color: #3B487C;
    text-decoration: none;
    padding-left: 10px;
}

.navigation
{
    color: #56789A;
    font-weight: bold;
    margin-top: 12px;
    font-size: 13px;
}

.navigation a:hover
{
    color: #56789A;
}


.level2
{
    margin-left: 0px;
}


div.menu ul li a
{
    padding-left: 10px !important;
    padding-right: 20px !important;
    vertical-align: super;
}
/* FORM ELEMENTS   
----------------------------------------------------------*/


fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry
{
    width: 150px;
    border: 1px solid #ccc;
    float: left;
}

input.passwordEntry
{
    width: 150px;
    border: 1px solid #ccc;
    float: left;
}

div.accountInfo
{
    width: 100%;
    font-size: 12px;
}
.data
{
    width: 275px;
}
.label
{
    width: 330px;
}

.humanTester
{
    vertical-align: middle;
    text-align: left;
}
/* MISC  
----------------------------------------------------------*/

.button_aide
{
    height: 20px;
    width: 125px;
    background: url("../Images/orange_bg.png") repeat-x scroll left top;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    color: #FFFFFF;
    float: right;
    cursor: pointer;
}

.displayNone
{
    display: none;
}

.07em
{
    font-size: 0.7em;
}

.clear
{
    clear: both;
}

.align_left
{
    text-align: left;
}

.titleHeader
{
    display: block;
    font-size: smaller;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}
.nameTitle h1
{
    color: #3B487C;
}
.nameSubTitle h1
{
    color: #999999;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    color: white;
    float: right;
    border: 1px solid #000000;
    color: #FFFFFF;
    cursor: pointer; /*font-family:Arial,Helvetica,sans-serif;*/
    font-size: 12px;
    font-weight: bold;
}

.submitButton-hover
{
    background-image: url("../images/bgbto.jpg");
    color: white;
}
.submitButton-nothover
{
    background-image: url("../images/bgbt.jpg");
    color: white;
}

.hiddenButton
{
    visibility: hidden;
    margin: 0px !important;
    height: 0px;
    display: none;
}

.full-width
{
    width: 100%;
}

.widget-disabled
{
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.widget-disabled a
{
    cursor: default !important;
}


/* USER CONTROLS
-------------------------------------*/

.UcDateJourMois
{
    width: 14px;
}

.UcDateAnnee
{
    width: 28px;
}

.UcDate
{
    width: 105px;
}

.UcDateLivraison
{
    width: 65px;
}

.UcNumCode
{
    width: 84px;
}

.UcMail
{
    width: 210px;
}

.UcDuree
{
    width: 25px;
    text-align: right;
}

.UcUGF
{
    width: 40px;
    text-align: right;
}

.UcStock
{
    width: 70px;
}

.UcPlageVignette
{
    width: 63px;
}

.UcQuantite
{
    width: 85px;
    text-align: right;
}

span.UcQuantite
{
    width: 70px;
    text-align: left;
}

.UcQuantiteMax
{
    width: 85px;
    text-align: right;
}

span.UcQuantiteMax
{
    width: 70px;
    text-align: left;
}

.UcQuantiteDemande
{
    width: 49px;
    text-align: right;
}

span.UcQuantiteDemande
{
    width: 49px;
    text-align: left;
}

/* RECHERCHE MULTI CRITERES
-------------------------------------*/

.delButton
{
    background: url("/Images/cross_hover.gif") no-repeat; 
    text-indent: -9999px;
}

.searchFilterDD
{
	color: #000000;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	border: solid 1px #dcdcdc;
	background-color: #FEFEFE;
	padding:2px 2px 2px 0;
}

.searchDD
{
	max-width: 200px;	
}

.searchDate
{
    width: 70px;
}

.search_filter td
{
    padding: 5px 0 5px 0;
}

.invalidCSS
{
    background-color: #FFDDDD !important;
    border: 2px solid #CC0000 !important;
}


/* BDD DATA
-------------------------------------*/

.BddContentBlock
{
    background-color: #DEE1EF;
    color: #000000;
    font-size: 12px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-top: 5px;
}

/* Form
-------------------------------------*/

.titre_form
{
    font-weight: bold;
}

.label_form
{
    display: block;
    width: 180px;
    text-align: right;
    float: left;
    margin: 0 5px 0 0;
    line-height: 18px;
    font-size: 12px;
    color: #000000;
}
.label_norm
{
    font-size: 12px;
    color: #000000;
}
.blocText
{
    padding: .1em 0 .1em 5px;
    margin: 20px 0 0px 0;
    height: 25px;
    line-height: 25px;
}
.blocTextTop
{
    background: #ABCDEF;
    padding: .1em 0 .1em 5px;
    margin: 0px 0 10px 0;
    height: 25px;
    line-height: 25px;
}
.Cartouche
{
    background: #ABCDEF;
    padding: 5px;
    margin: 20px 0px 10px 0px;
    min-height: 120px;
    line-height: normal;
}

.Cartouche .rowLeft
{
    width: 130px;
}
.Cartouche .rowMiddleLeft
{
    width: 330px;
}
.Cartouche .rowMiddleRight
{
    width: 145px;
}
.Cartouche .rowRight
{
}

.sousBlocText
{
    padding: .1em 0 .1em 5px;
    margin: 20px 0 10px 10px;
}

.sousBlocText .entete
{
    padding: .1em 0 .1em 5px;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    border: solid 1px #3B487C;
    color: #3B487C;
    font-weight: bold;
}

.pagetitle
{
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
    width: 100%;
}

.floatright
{
    float: right;
}

.button
{
    background-color: #5C2121;
    background-image: url(../images/bgbt.gif);
    border: 1px solid #000000;
    color: #FFFFFF;
    cursor: pointer; /*font-family:Arial,Helvetica,sans-serif;*/
    font-size: 12px;
    font-weight: bold;
    margin: 3px;
    width: 87px;
}

.button_right
{
    float: right;
    margin-left: 0.1em;
}

.button_left
{
    float: left;
    margin-left: 0.1em;
}

.button_colonne
{
    margin-bottom: 0.3em;
}

div.clear
{
    clear: both;
}

.own_button
{
    width: 8em;
    font-size: 12px !important; /*background-image:url("../images/bgbt.gif");*/
    background: #e52e2b url("../Images/red_bg.png") repeat-x scroll left top;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin: 3px;
    padding-bottom: 5px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    height: 20px;
}

.own_button:hover
{
    /*background-color : #8FAFF0;*/
}

.action_btn_delete
{
    background: url(../images/cross.gif);
}

.action_btn_edit
{
    background: url(../images/pencil.gif);
}

.action_btn_delete:hover
{
    background: url(../images/cross_hover.gif);
}

.action_btn_edit:hover
{
    background: url(../images/pencil_hover.gif);
}

.table_footer_force_background
{
    background-color: #3B487C !important;
}

#BddTitle
{
    color: #3B487C;
}

.action-button
{
    margin-right: 10px;
    width: 16px !important;
    height: 16px !important;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999;
    border: none;
    cursor: pointer;
}

.td
{
    height: 28px;
}

.td-action
{
    text-align: center;
    padding-bottom: .2em;
    padding-top: .2em;
}

th.sort
{
    background-repeat: no-repeat;
    background-position: center right;
}

th.sort_asc
{
    background-image: url(../images/arrow-up.gif);
}

th.sort_desc
{
    background-image: url(../images/arrow-down.gif);
}

tr.tr-hover
{
    background: #49ACDF !important;
}

tr.tr-hover td
{
    color: #FFFFFF;
}


.right-align-label
{
    width: 80px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}


span.form_complement_info
{
    font-size: 12px;
}

span.form_required_field
{
    color: Red;
    font-size: inherit;
}

/* Hack onglet + dynamic data gridview et validator*/
.ui-widget table.DDGridView, .ui-widget table.DDListView
{
    font-family: Tahoma,Arial,Sans-Serif;
    font-size: 0.85em;
}

.ui-widget .ui-widget .DDValidator
{
    font-size: 0.8em;
}


/* Hack th IE8 (texte centré par défaut) */
th
{
    text-align: left;
}