﻿/*
Principal marron clair : #9F9080
Principal marron foncé : #6E573E
Principal marron texte : #43311E
Principal vert clair : #9DDF3E
Principal vert foncé : #7DC533
Secondaire gris foncé : #C3B3B0
Secondaire gris clair : #E4E1DC
Secondaire bleu clair : #A8EDCC
*/

/* classe à appliquer aux élement devant se trouver devant tous les autres
Exemple pour le validatorcallout, "ajax__validatorcallout maxIndex" dans la
propriété CssClass.
*/

/* Style pour l'impression des etiquettes */
.printEti {
    margin-left: 15px;
    margin-top: 10px;
    float: left;
    border: 1px Solid #8E8E8E;
    background-image: url(/Images/DefaultTheme/PDF/printEti.png);
    font-size: 70px;
    color: #444444;
    width: 125px;
    height: 125px;
    text-align: center;
    vertical-align: middle;
}

    .printEti:hover {
        cursor: pointer;
        background-image: url(/Images/DefaultTheme/PDF/printEtiSel.png);
    }

.maxIndex {
    z-index: 99999;
}

/* Style pour les popups */
#Modal_mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 19000;
    background-color: #000000;
    display: none;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#Modal_boxes .Modal_window {
    position: absolute;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 10px;
    background-color: #6E573E;
}


/* Customize your modal window here, you can add background image too */
#Modal_boxes #Modal_dialog {
    width: 200px;
    height: 95px;
    z-index: 19001;
}

.Modal_RoundCorner {
    background-color: #9F9080;
    padding: 10px;
    height: 70px;
}

.Modal_bouton {
    background-color: #9DDF3E;
    padding: 6px;
    cursor: pointer;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
}

#Modal_Text {
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    padding: 5px;
}


/* Style pour les scrollbars */
body {
    behavior: url("/Css/csshover3.htc");
    background-color: #6E573E;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: #7DC533;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-face-color: #E4E1DC;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
}

/* Fin du Style pour les scrollbars */
h1 {
    color: #43311E;
    text-transform: uppercase;
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
}

h2 {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_choco_boutton_transp.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    padding: 0px 4px 0px 15px;
    color: #43311E;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
}

.LegalMentionText {
    font-family: Arial;
    font-size: 12px;
}

/* Styles pour cacher les panels de recherche avancée */
.collapsePanel {
    overflow: hidden;
}

.mouseCursor {
    cursor: pointer;
}

.tableWithoutCellspacing {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
}
/* Fin des Styles pour cacher les panels de recherche avancée */

/* Styles des GridViews */
.grid {
    font-family: Arial;
    font-size: 8pt;
}

    .grid TH {
        border-bottom: solid 1px #7DC533;
        font-size: 11px;
        font-weight: bold;
    }

    .grid TD {
        border-bottom: solid 1px #7DC533;
    }

/* Gestion du Mousehover */
.gridMouseOverGrey TR:hover {
    background-color: #FFFFFF;
    cursor: pointer;
}

/*.gridMouseOverGrey TR.gridHeader:hover, .gridMouseOverGrey TR.gridEmpty:hover
{
    background-color: #FFFFFF;
    cursor: default;
}*/

/* Gestion du Mousehover */
.gridMouseOver TR:hover {
    background-color: #E4E1DC;
    cursor: pointer;
}

.gridMouseOver TR.gridHeader:hover, .gridMouseOver TR.gridEmpty:hover {
    background-color: #FFFFFF;
    cursor: default;
}


/* Gestion du hover sur les balises TR pour Internet Explorer 6 */
.gridMouseOver TR {
    behavior: expression((this.className != 'gridHeader' && (this.className != 'gridEmpty'))?(this.onmouseover=new Function("this.className+=' tabMouseOver'"), 									this.onmouseout=new Function("this.className=this.className.replace(' tabMouseOver','')"), 									this.style.behavior=null):false);
}

/* Efface la ligne verte pour les tableaux imbriqués */
.grid TD TD {
    border-bottom: none;
}

.gridSecondary {
    font-family: Arial;
    font-size: 8pt;
}

    .gridSecondary .gridLastColumn {
        padding-right: 20px;
        overflow: hidden;
    }

    .gridSecondary TH {
        border-bottom: solid 1px #7DC533;
        font-size: 11px;
        font-weight: bold;
    }

    .gridSecondary TD {
        border-bottom: solid 1px #7DC533;
    }

        /* Efface la ligne verte pour les tableaux imbriqués */
        .gridSecondary TD TD {
            border-bottom: none;
        }


    .gridSecondary .suiv TD, .gridSecondary .prec TD {
        /*color:#555555;*/
    }

    .gridSecondary .courant TD, .gridSecondary .prec TD {
        border-bottom: Solid 1px #FFFFFF;
    }

.gridPresentation {
    font-family: Arial;
    font-size: 8pt;
}

    .gridPresentation TH {
        border-bottom: solid 1px #7DC533;
        font-size: 11px;
        font-weight: bold;
    }

    .gridPresentation TD {
        border-bottom: solid 1px #7DC533;
    }

        /* Efface la ligne verte pour les tableaux imbriqués */
        .gridPresentation TD TD {
            border-bottom: none;
        }

.gridPresentationPeriode {
    font-family: Arial;
    font-size: 8pt;
}

    .gridPresentationPeriode TH {
        border-bottom: solid 1px #7DC533;
        font-size: 11px;
        font-weight: bold;
    }

    .gridPresentationPeriode TD {
        border-bottom: solid 1px #7DC533;
    }

        /* Efface la ligne verte pour les tableaux imbriqués */
        .gridPresentationPeriode TD TD {
            border-bottom: none;
        }

/* Fin des Styles des GridViews */

/* Styles pour les mouseHover et mouseOut des GridViews */
.tabMouseOver {
    background-color: #E4E1DC;
    cursor: pointer;
}

.tabMouseOut {
    background-color: #FFFFFF;
    cursor: default;
}

.tabSecondaryMouseOut {
    background-color: #E4E1DC;
    cursor: default;
}

.tabSecondaryMouseOver {
    background-color: #C3B3B0;
    cursor: pointer;
}

.tabSecondaryMouseOverPrev, .tabSecondaryMouseOverCurrent, .tabSecondaryMouseOverNext {
    background-color: #C3B3B0;
    cursor: pointer;
}

.tabSecondaryMouseOutPrev, .tabSecondaryMouseOutCurrent, .tabSecondaryMouseOutNext {
    background-color: #E4E1DC;
    cursor: default;
}

.gridSecondary .tabSecondaryMouseOutPrev td, .gridSecondary .tabSecondaryMouseOutCurrent td, .gridSecondary .tabSecondaryMouseOverPrev td, .gridSecondary .tabSecondaryMouseOverCurrent td {
    border-bottom: Solid 1px #FFFFFF;
}

/* Fin des styles pour les mouseHover et mouseOut des GridViews */

/* Style pour le bandeau gauche marron clair */
table.brown {
    width: 100%;
}

    /* cellule haut gauche marron clair */
    table.brown td.topLeft {
        background-image: url(/Images/DefaultTheme/Corner/rch_top_left.gif);
        background-repeat: no-repeat;
        width: 13px;
        height: 13px;
    }
    /* cellules haut & bas centre marron clair */
    table.brown td.topBottomCenter {
        background-color: #9F9080;
        height: 13px;
    }
    /* cellule haut droite marron clair */
    table.brown td.topRight {
        background-image: url(/Images/DefaultTheme/Corner/rch_top_right.gif);
        background-repeat: no-repeat;
        width: 13px;
        height: 13px;
    }
    /* cellule haut centre marron clair */
    table.brown td.topCenter {
        background-color: #9F9080;
        height: 13px;
    }
    /* cellules gauche & droite centre marron clair */
    table.brown td.middleLeftRight {
        background-color: #9F9080;
        width: 13px;
        height: auto;
    }

    /* cellule contenant le bloc */
    table.brown td.content {
        background-color: #9F9080;
    }
    /* Fin de cellule contenant le bloc  */

    /* cellule bas gauche marron clair */
    table.brown td.bottomLeft {
        background-image: url(/Images/DefaultTheme/Corner/rch_bottom_left.gif);
        background-repeat: no-repeat;
        width: 13px;
        height: 13px;
    }
    /* cellule bas droite marron clair */
    table.brown td.bottomRight {
        background-image: url(/Images/DefaultTheme/Corner/rch_bottom_right.gif);
        background-repeat: no-repeat;
        width: 13px;
        height: 13px;
    }

    /* Séparateur */
    table.brown HR {
        color: #6E573E;
        background-color: #6E573E;
        height: 1px;
        border: none;
    }
/* Fin du bandeau gauche marron clair */

table.white {
    width: 100%;
}

    /* cellule haut gauche marron foncé */
    table.white td.outerTopLeft {
        background-color: #6E573E;
        width: 13px;
        height: auto;
    }

    /* cellule haut gauche blanc clair */
    table.white td.topLeft {
        background-image: url(/Images/DefaultTheme/Corner/coin_blanc_top_left.gif);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    /* cellules haut & bas centre blanc clair */
    table.white td.topBottomCenter {
        background-color: #FFFFFF;
        width: auto;
        height: 12px;
    }

    /* cellule haut gauche marron foncé */
    table.white td.outerTopRight {
        background-color: #6E573E;
        width: 13px;
        height: auto;
    }

    /* cellule haut droite blanc clair */
    table.white td.topRight {
        background-image: url(/Images/DefaultTheme/Corner/coin_blanc_top_right.gif);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }
    /* cellule haut centre blanc clair */
    table.white td.topCenter {
        background-color: #FFFFFF;
        height: 12px;
    }
    /* cellules gauche & droite centre blanc clair */
    table.white td.middleLeftRight {
        background-color: #FFFFFF;
        width: 12px;
        height: auto;
    }

    /* cellules gauche & droite centre vert foncé */
    table.white td.middleLeftRightGreen {
        background-color: #7DC533;
        width: 12px;
        height: 26px;
    }

    /* cellule contenant le bloc */
    table.white td.content {
        background-color: #FFFFFF;
    }
    /* Fin de cellule contenant le bloc  */

    /* cellule haut gauche marron foncé */
    table.white td.outerBottomLeft {
        background-color: #6E573E;
        width: 13px;
        height: auto;
    }

    /* cellule bas gauche blanc clair */
    table.white td.bottomLeft {
        background-image: url(/Images/DefaultTheme/Corner/coin_blanc_bottom_left.gif);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    /* cellule haut gauche marron foncé */
    table.white td.outerBottomRight {
        background-color: #6E573E;
        width: 13px;
        height: auto;
    }

    /* cellule bas droite blanc clair */
    table.white td.bottomRight {
        background-image: url(/Images/DefaultTheme/Corner/coin_blanc_bottom_right.gif);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    table.white table.outerGreenBorder td.topLeft {
        background-image: url(/Images/DefaultTheme/Corner/menu_top_left.gif);
        background-repeat: no-repeat;
        width: 6px;
        height: 5px;
    }

    table.white table.outerGreenBorder td.topRight {
        background-image: url(/Images/DefaultTheme/Corner/menu_top_right.gif);
        background-repeat: no-repeat;
        width: 6px;
        height: 5px;
    }

    table.white table.outerGreenBorder td.bottomLeft {
        background-image: url(/Images/DefaultTheme/Corner/menu_bottom_left.gif);
        background-repeat: no-repeat;
        width: 6px;
        height: 5px;
    }

    table.white table.outerGreenBorder td.bottomRight {
        background-image: url(/Images/DefaultTheme/Corner/menu_bottom_right.gif);
        background-repeat: no-repeat;
        width: 6px;
        height: 5px;
    }

    table.white table.outerGreenBorder td.topBottomCenter {
        background-color: #7DC533;
        width: auto;
        height: 5px;
    }

    table.white table.outerGreenBorder td.middleLeftRight {
        background-color: #7DC533;
        width: 6px;
        height: auto;
    }

    table.white table.outerGreenBorder td.content {
        background-color: #7DC533;
        width: 7px;
        height: 14px;
    }

/* Fin du bandeau gauche blanc clair */


table.green {
    width: 100%;
}

    /* cellule haut gauche vert fond marron clair */
    table.green td.topLeft {
        background-image: url(/Images/DefaultTheme/Corner/action_top_left.gif);
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
    }
    /* cellules haut & bas centre vert fond marron clair */
    table.green td.topBottomCenter {
        background-color: #9DDF3E;
        height: 10px;
    }
    /* cellule haut droite vert fond marron clair */
    table.green td.topRight {
        background-image: url(/Images/DefaultTheme/Corner/action_top_right.gif);
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
    }
    /* cellule haut centre vert fond marron clair */
    table.green td.topCenter {
        background-color: #9DDF3E;
        height: 10px;
    }
    /* cellules gauche & droite centre vert fond marron clair */
    table.green td.middleLeftRight {
        background-color: #9DDF3E;
        width: 10px;
        height: auto;
    }

    /* cellule contenant le bloc */
    table.green td.content {
        background-color: #9DDF3E;
    }
    /* Fin de cellule contenant le bloc  */

    /* cellule bas gauche vert fond marron clair */
    table.green td.bottomLeft {
        background-image: url(/Images/DefaultTheme/Corner/action_bottom_left.gif);
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
    }
    /* cellule bas droite vert fond marron clair */
    table.green td.bottomRight {
        background-image: url(/Images/DefaultTheme/Corner/action_bottom_right.gif);
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
    }

/* Fin du bandeau gauche vert fond marron clair */


table.content {
    width: 100%;
}

/* Tableau Map */
table.map td.topLeft {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_top_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}
/* cellules haut & bas centre marron clair */
table.map td.topBottomCenter {
    background-color: #9DDF3E;
    height: 5px;
    width: 292px;
}
/* cellule haut droite marron clair */
table.map td.topRight {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_top_right.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}
/* cellule haut centre marron clair */
table.map td.topCenter {
    background-color: #9DDF3E;
    height: 5px;
}
/* cellules gauche & droite centre marron clair */
table.map td.middleLeftRight {
    background-color: #9DDF3E;
    width: 1px;
    height: 300px;
}

/* cellule contenant le bloc */
table.map td.content {
    background-color: #9DDF3E;
    text-align: center;
}
/* Fin de cellule contenant le bloc  */

/* cellule bas gauche marron clair */
table.map td.bottomLeft {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_bottom_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}
/* cellule bas droite marron clair */
table.map td.bottomRight {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_bottom_right.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}
/* Fin du tableau Map */


/* Styles pour les boutons d'actions */
.actionButtonMozilla {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_choco_boutton.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 12px;
    white-space: normal;
}

.actionButtonIE {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_choco_boutton.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
    text-transform: uppercase;
    padding: 0px 4px 0px 15px;
    width: auto;
    overflow: visible;
    text-align: left;
}

.linkActionButtonMozilla {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_choco_boutton_transp.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    vertical-align: top;
    padding: 0px 4px 0px 15px;
    white-space: normal;
    text-decoration: none;
}

.linkActionButtonIE {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_choco_boutton_transp.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    padding: 0px 4px 0px 15px;
    overflow: visible;
    text-align: left;
    text-decoration: none;
}

.linkActionButtonNoArrowMozilla {
    text-transform: uppercase;
    vertical-align: top;
    padding: 0px 4px 0px 4px;
    white-space: normal;
    text-decoration: none;
}

.linkActionButtonNoArrowIE {
    text-transform: uppercase;
    padding: 0px 4px 0px 4px;
    overflow: visible;
    text-align: left;
    text-decoration: none;
}

.standardLinkMozilla {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_choco_boutton_transp.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding: 0px 0px 0px 15px;
    cursor: hand;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
}

.standardLinkIE {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_choco_boutton_transp.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding: 0px 0px 0px 15px;
    cursor: pointer;
    cursor: hand;
    overflow: visible;
    text-align: left;
    text-decoration: none;
}
/* Fin des styles pour les boutons d'actions */

/* Style du bouton gris sur fond blanc */

table.actionButtonListGW A {
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

table.actionButtonListGW td.topLeft {
    background-image: url(/Images/DefaultTheme/Corner/boutton_gris_top_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonListGW td.topBottomCenter {
    background-color: #C3B3B0;
    height: 5px;
}

table.actionButtonListGW td.topRight {
    background-image: url(/Images/DefaultTheme/Corner/boutton_gris_top_right.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonListGW td.topCenter {
    background-color: #C3B3B0;
    height: 5px;
}

table.actionButtonListGW td.middleLeftRight {
    background-color: #C3B3B0;
    width: 5px;
    height: auto;
}


table.actionButtonListGW td.content {
    background-color: #C3B3B0;
}

/* cellule de separation pour les boutons d'actions multiple*/
table.actionButtonListGW td.separator {
    background-color: #C3B3B0;
    width: 20px;
}


table.actionButtonListGW td.bottomLeft {
    background-image: url(/Images/DefaultTheme/Corner/boutton_gris_bottom_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonListGW td.bottomRight {
    background-image: url(/Images/DefaultTheme/Corner/boutton_gris_bottom_right.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

/* Fin su style bouton gris sur fond blanc */

/* Style pour le bouton vert sur fond blanc */

table.actionButtonGW A {
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    line-height: 20px;
}

table table.actionButtonGW td.topLeft, table.actionButtonGW td.topLeft {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_top_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table table.actionButtonGW td.topBottomCenter, table.actionButtonGW td.topBottomCenter {
    background-color: #9DDF3E;
    height: 5px;
    width: auto;
}

table table.actionButtonGW td.topRight, table.actionButtonGW td.topRight {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_top_right.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table table.actionButtonGW td.middleLeftRight, table.actionButtonGW td.middleLeftRight {
    background-color: #9DDF3E;
    width: 5px;
    height: auto;
}


table table.actionButtonGW td.content, table.actionButtonGW td.content {
    background-color: #9DDF3E;
    text-transform: uppercase;
    width: auto;
    overflow: visible;
}

/* cellule de separation pour les boutons d'actions multiple*/
table table.actionButtonGW td.separator, table.actionButtonGW td.separator {
    background-color: #9DDF3E;
    width: 20px;
    height: auto;
}


table table.actionButtonGW td.bottomLeft, table.actionButtonGW td.bottomLeft {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_bottom_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table table.actionButtonGW td.bottomRight, table.actionButtonGW td.bottomRight {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_bottom_right.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

/* Fin du style bouton vert sur fond blanc */

/* Style pour le bouton vert sur fond gris */

table.actionButtonGG A {
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    line-height: 20px;
}

table table.actionButtonGG td.topLeft, table.actionButtonGG td.topLeft {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_gris_top_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table table.actionButtonGG td.topBottomCenter, table.actionButtonGG td.topBottomCenter {
    background-color: #9DDF3E;
    height: 5px;
    width: auto;
}

table table.actionButtonGG td.topRight, table.actionButtonGG td.topRight {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_gris_top_right.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table table.actionButtonGG td.middleLeftRight, table.actionButtonGG td.middleLeftRight {
    background-color: #9DDF3E;
    width: 5px;
    height: auto;
}


table table.actionButtonGG td.content, table.actionButtonGG td.content {
    background-color: #9DDF3E;
    text-transform: uppercase;
    width: auto;
    overflow: visible;
}

/* cellule de separation pour les boutons d'actions multiple*/
table table.actionButtonGG td.separator, table.actionButtonGG td.separator {
    background-color: #9DDF3E;
    width: 20px;
    height: auto;
}


table table.actionButtonGG td.bottomLeft, table.actionButtonGG td.bottomLeft {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_gris_bottom_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table table.actionButtonGG td.bottomRight, table.actionButtonGG td.bottomRight {
    background-image: url(/Images/DefaultTheme/Corner/boutton_vert_gris_bottom_right.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

/* Fin du style bouton vert sur fond gris */

/* Bouton action vert fond marron */
table.actionButtonGB td.topLeft {
    background-image: url(/Images/DefaultTheme/Corner/bouton_action_top_left.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonGB td.topBottomCenter {
    background-color: #9DDF3E;
    height: 5px;
}

table.actionButtonGB td.topRight {
    background-image: url(/Images/DefaultTheme/Corner/bouton_action_top_right.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonGB td.middleLeftRight {
    background-color: #9DDF3E;
    width: 5px;
}


table.actionButtonGB td.content {
    background-color: #9DDF3E;
}

table.actionButtonGB td.bottomLeft {
    background-image: url(/Images/DefaultTheme/Corner/bouton_action_bottom_left.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonGB td.bottomRight {
    background-image: url(/Images/DefaultTheme/Corner/bouton_action_bottom_right.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

/* Fin bouton action vert fond marron */

/* Menu Principal */
table.mainMenu td.topLeft {
    background-image: url(/Images/DefaultTheme/Corner/menu_top_left_transp.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.mainMenu td.topBottomMiddle {
    background-color: #7DC533;
    width: 500px;
    height: 5px;
}

table.mainMenu td.topRight {
    background-image: url(/Images/DefaultTheme/Corner/menu_top_right_transp.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.mainMenu td.middleLeftRight {
    background-color: #7DC533;
    width: 6px;
    height: auto;
}

table.mainMenu td.content {
    background-color: #7DC533;
    width: 500px;
}

table.mainMenu td.bottomLeft {
    background-image: url(/Images/DefaultTheme/Corner/menu_bottom_left.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.mainMenu td.bottomRight {
    background-image: url(/Images/DefaultTheme/Corner/menu_bottom_right.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}
/* Fin du Menu Principal */

/* Styles pour le menu gauche (mon espace, mon compte, ...) */
table.leftMenuHover {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_blanche_petite_fond_clair.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

table.leftMenuSelected {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_blanche_petite_fond_clair.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

table.leftMenuItem {
    text-transform: uppercase;
    padding-left: 15px;
    border-collapse: separate;
}

/* centre la cellule (en tete de recherche) */
td.headerCenter {
    text-align: center;
}

/* Fin des styles pour le menu gauche (mon espace, mon compte, ...) */

/* Style pour le tableau des actualités (image, titre, description) */
table.newsMainTable table.newsTable {
    border-style: none;
    border-width: 0px;
}

    table.newsMainTable table.newsTable td.topBottomCenter {
        background-color: #9DDF3E;
        width: auto;
        height: 5px;
    }

    table.newsMainTable table.newsTable td.topRight {
        background-image: url(/Images/DefaultTheme/Corner/boutton_vert_top_right.gif);
        background-repeat: no-repeat;
        width: 5px;
        height: 5px;
    }

    table.newsMainTable table.newsTable td.middleLeftRight {
        background-color: #9DDF3E;
        width: 5px;
        height: auto;
    }

    table.newsMainTable table.newsTable td.content {
        background-color: #9DDF3E;
        width: auto;
    }

    table.newsMainTable table.newsTable td.bottomRight {
        background-image: url(/Images/DefaultTheme/Corner/boutton_vert_bottom_right.gif);
        background-repeat: no-repeat;
        width: 5px;
        height: 5px;
    }
/* Fin du Style pour le tableau des actualités (image, titre, description) */

/* Style pour le tableau des actualités fond gris */
table.newsMainTable {
    border-style: none;
    border-width: 0px;
}

    table.newsMainTable td.topBottomCenter {
        background-color: #E4E1DC;
        height: 12px;
        width: 118px;
    }

    table.newsMainTable td.topLeft {
        background-image: url(/Images/DefaultTheme/Corner/liste_top_left.gif);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    table.newsMainTable td.topRight {
        background-image: url(/Images/DefaultTheme/Corner/liste_top_right.gif);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    table.newsMainTable td.middleLeftRight {
        background-color: #E4E1DC;
        width: 12px;
    }

    table.newsMainTable td.content {
        background-color: #E4E1DC;
        width: auto;
    }

    table.newsMainTable td.separator {
        background-color: #E4E1DC;
        width: auto;
        height: 12px;
    }

    table.newsMainTable td.bottomLeft {
        background-image: url(/Images/DefaultTheme/Corner/liste_bottom_left.gif);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    table.newsMainTable td.bottomRight {
        background-image: url(/Images/DefaultTheme/Corner/liste_bottom_right.gif);
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }
/* Fin du Style pour le tableau des actualités fond gris */

/* Styles pour les titres blanc sur fond marron foncé */
.searchLabelWhiteMozilla {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_blanche_grande.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 25px;
    padding-bottom: 10px;
    position: relative;
    height: 25px;
    bottom: 3px;
}

.searchLabelWhiteIE {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_blanche_grande.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 25px;
    padding-bottom: 10px;
}

.searchLabelResult {
    text-transform: uppercase;
}
/* Fin des styles pour les titres blanc sur fond marron foncé */

/* Styles pour les titres blanc sur fond marron clair */
.searchLabelWhiteLightMozilla {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_blanche_grande_fond_clair.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 25px;
    padding-bottom: 10px; /*	Pbm superposition avec le popupextender     position: relative;*/
    height: 25px;
    bottom: 3px;
}

.searchLabelWhiteLightIE {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_blanche_grande_fond_clair.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 25px;
    padding-bottom: 10px;
    height: 20px;
}
/* Fin des styles pour les titres blanc sur fond marron clair */

/* Style pour le titre des datalists */
.dataListTitle {
    border-bottom: solid 1px #7DC533;
    border-top: solid 1px #7DC533;
    border-left-style: none;
    border-right-style: none;
    width: 100%;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    color: #43311E;
    background-color: #E4E1DC;
}

.dataListGreenLine {
    border-top: solid 1px #7DC533;
    width: 100%;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.dataListEmptyData {
    font-family: Arial;
    font-size: 8pt;
}
/* Fin du style pour le titre des datalists */

/* Style pour les onglets */
.mainTab .ajax__tab_header {
    font-family: Arial;
    font-size: 7pt;
    color: #43311E;
    background-color: #7DC533;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.mainTab .ajax__tab_outer {
    cursor: pointer;
}

.mainTab .ajax__tab_inner {
    background-image: url(/Images/DefaultTheme/Menu/separateur_chocolat.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

.mainTab .ajax__tab_tab {
    padding-left: 8px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.mainTab .ajax__tab_body {
    background-color: #FFFFFF;
}

.mainTab .ajax__tab_hover .ajax__tab_tab {
    background-color: #9DDF3E;
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.mainTab .ajax__tab_active .ajax__tab_tab {
    background-color: #9DDF3E;
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}
/* Fin du style pour les onglets */


/* cellule haut gauche vert fond marron clair */
table.grey td.topLeft {
    background-image: url(/Images/DefaultTheme/Corner/liste_top_left.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}
/* cellules haut & bas centre vert fond marron clair */
table.grey td.topBottomCenter {
    background-color: #E4E1DC;
    height: 12px;
}
/* cellule haut droite vert fond marron clair */
table.grey td.topRight {
    background-image: url(/Images/DefaultTheme/Corner/liste_top_right.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}
/* cellule haut centre vert fond marron clair */
table.grey td.topCenter {
    background-color: #E4E1DC;
    height: 12px;
}
/* cellules gauche & droite centre vert fond marron clair */
table.grey td.middleLeftRight {
    background-color: #E4E1DC;
    width: 12px;
    height: auto;
}

/* cellule contenant le bloc */
table.grey td.content {
    background-color: #E4E1DC;
}
/* Fin de cellule contenant le bloc  */

/* cellule bas gauche vert fond marron clair */
table.grey td.bottomLeft {
    background-image: url(/Images/DefaultTheme/Corner/liste_bottom_left.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}
/* cellule bas droite vert fond marron clair */
table.grey td.bottomRight {
    background-image: url(/Images/DefaultTheme/Corner/liste_bottom_right.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}

table.grey {
    width: 100%;
}

/* Fin du bandeau gauche vert fond marron clair */

/* Style pour les textes en majuscule */
.uppercase {
    text-transform: uppercase;
}

.chromeHack {
    font-size: 8pt;
    padding: 0px;
    margin: 0px;
}
/* Fin du style pour les textes en majuscule */

/* Style pour les div qui affichent les erreurs */
.highlightError {
    background-color: LemonChiffon;
}
/* Fin du style pour les div qui affichent les erreurs */

/* Styles de la page d'accueil */
.mainHome {
    background-color: #9DDF3E;
}

.homePageTitleMozilla {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_blanche_home.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 25px;
    padding-bottom: 10px;
    position: relative;
    height: 25px;
    bottom: 3px;
}

.homePageTitleIE {
    background-image: url(/Images/DefaultTheme/Arrows/fleche_blanche_home.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 25px;
    padding-bottom: 10px;
}

.homePageSubTitleMozilla {
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 10px;
    position: relative;
}

.homePageSubTitleIE {
    text-transform: uppercase;
    vertical-align: top;
    padding-left: 10px;
}

.homeMenuList {
    list-style-type: none;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    height: auto;
}

    .homeMenuList a {
        color: #43311E;
        font-family: Arial;
        font-size: 9pt;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
    }

.imgMainHome {
    /*background-image: url(/Images/DefaultTheme/PageAccueil/HP_img_centrale.jpg);*/
    background-repeat: no-repeat;
    background-position: center top;
    width: 634;
    height: 351;
}

.mainImgTopDiv {
    background-image: url(/ImageMenu.ashx);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 300px;
}

.mainMenuDiv {
    /*position: absolute;
    top: 70px;
    left: 320px;
    width: 512px;
    z-index: 2;*/
    /*new*/
    position: relative;
    top: 70px;
    left: 10px;
    width: 480px;
    z-index: 2;
}

.mainMenuDivOverride {
    position: absolute;
    top: 76px;
    left: 320px;
    width: 500px;
}
.mySpaceHomeDiv {
    /*position: absolute;
    top: 50px;
    left: 850px;
    z-index: 1;
    vertical-align: bottom;*/
    /*new*/
    position: relative;
    top: 30px;
    left: 495px;
    z-index: 1;
    vertical-align: bottom;
}

.adminHomeDiv {
    position: absolute;
    top: 70px;
    left: 900px;
    z-index: 1;
}

.mySpaceDiv {
    position: absolute;
    top: 80px;
    left: 850px;
    z-index: 1;
}

.mySpaceDivExt {
    position: absolute;
    top: 16px; /*80px;*/
    left: 960px;
    z-index: 1;
    padding-top: 2px;
}

.mainMenuSubMenu {
    z-index: 2;
}

.mainSiteMapDiv {
    position: absolute;
    top:106px;/* 96px;*/
    left: 390px;
    z-index: 1;
}

/* Fin du style de la page d'accueil */

.mainGridRow {
    border: solid 1px #7DC533;
    border-collapse: separate;
}

/* Style pour le composant de complexité de mot de passe */
.passwordStrength {
    font-family: Arial;
    font-size: 8pt;
}
/* Fin du Style pour le composant de complexité de mot de passe */

.presentationCell {
    font-family: Arial;
    font-size: 8pt;
}

.demo {
    padding-left: "3cm";
}


/* Couleur pour la présentation des bacs planifiés et collectés */
td.Presentation_Color_PlanifiedAndCollected {
    background-color: #9DDF3E;
}

/* Couleur pour la présentation des bacs non planifiés et collectés */
td.Presentation_Color_NotPlanifiedAndCollected {
    background-color: #A8EDCC;
}

/* Couleur pour la présentation des bacs planifiés et non collectés */
td.Presentation_Color_PlanifiedAndNotCollected {
    background-color: #9F9080;
}

/* Couleur pour la présentation des collectes non prévues */
td.Presentation_Color_NotPlanified {
    background-color: #E4E1DC;
}

/* Style pour les jours qui ne sont pas des jours de passage */
.JourPassageOff {
    /*background-color: Yellow;*/
    color: gray;
}

.JourPassageOn {
    font-weight: bold;
}

td.AnaPres_NoTopNoLeft {
    border-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
}

td.AnaPres_NoTopNoLeftBoldRight {
    border-style: solid;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
}



td.AnaPres_NoTopBoldLeftBoldRight {
    border-style: solid;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 2px;
}

td.AnaPres_NoTopBoldLeft {
    border-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 2px;
}

td[onclick].AnaPres_NoTopNoLeft, td[onclick].AnaPres_NoTopNoLeftBoldRight, td[onclick].AnaPres_NoTopBoldLeftBoldRight, td[onclick].AnaPres_NoTopBoldLeft {
    cursor: pointer;
}

/* Style pour le header du calendrier */
.calprevHeader {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}

/* Style pour le calendrier prévisionnel */
.calprev {
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
}

    /* Style du header des jours de la semaine */
    .calprev .header {
        font-family: Arial;
        font-size: 8pt;
        font-weight: bold;
    }

    /* Style des jours avant aujourd'hui */
    .calprev .beforeToday {
        background-color: #9F9080;
    }

    /* Style des jours avant aujourd'hui */
    .calprev TR {
        border: solid 1px rgb(125, 197, 51);
    }

    /* Style des jours après aujourd'hui */
    .calprev .today {
        font-weight: bold;
    }

    /* Style des jours après aujourd'hui */
    .calprev .afterToday {
        background-color: #9DDF3E;
    }

    /* Style des jours ne faisant pas partie du mois en cours d'affichage */
    .calprev .otherMonth {
        color: #E4E1DC;
    }

.calprevLegende {
    text-align: left;
}

    /* Style de la légende des jours avant aujourd'hui */
    .calprevLegende .beforeToday {
        background-color: #9F9080;
        width: 50px;
    }

    /* Style de la légende des jours après aujourd'hui */
    .calprevLegende .afterToday {
        background-color: #9DDF3E;
        width: 50px;
    }


/* Style pour le Tableau de bord */
.dashboardHeaderIE {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}

.dashboardHeaderMozilla {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}

.dashboardTitleIE {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.dashboardTitleMozilla {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.dashboardSubTitleIE {
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
}

.dashboardSubTitleMozilla {
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
}
/* Fin - Style pour le Tableau de bord */

/* Style des div flottants des libellés de l'analyse physique */

.analysePhysiqueChauffeurMozilla {
    float: left;
    position: absolute;
    margin: 0px;
    padding-top: 110px;
    padding-left: 10px;
    width: 70px;
}

.analysePhysiqueChauffeurIE {
    /*float: left; */
    position: absolute;
    margin: 0px;
    padding-top: 110px;
    padding-left: 10px;
    width: 70px;
}

.analysePhysiqueCircuitMozilla {
    float: left;
    position: absolute;
    margin: 0px;
    padding-top: 80px;
    padding-left: 120px;
    width: 150px;
    font-weight: bold;
    font-size: large;
}

.analysePhysiqueCircuitIE {
    float: left;
    position: absolute;
    margin: 0px;
    padding-top: 75px;
    padding-left: 120px;
    width: 150px;
    font-weight: bold;
    font-size: large;
}

.analysePhysiqueBenneMozilla {
    float: left;
    position: absolute;
    margin: 0px;
    padding-top: 110px;
    padding-left: 320px;
    width: 80px;
}

.analysePhysiqueBenneIE {
    float: left;
    position: absolute;
    margin: 0px;
    padding-top: 110px;
    padding-left: 320px;
    width: 80px;
}

/* Fin - Style des div flottants des libellés de l'analyse physique */

/* Style des différents éléments de label */
.searchCheckBox {
    color: Black;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

ul#navmenu-h {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

    ul#navmenu-h ul {
        width: 200px; /* Sub Menu Width */
        margin: 0;
        list-style: none;
        display: none;
        position: absolute;
        margin-left: -40px;
        top: 100%;
        left: 0;
    }

        ul#navmenu-h ul ul, ul#navmenu-h ul ul ul {
            top: 0;
            left: 100%;
        }

    ul#navmenu-h li {
        float: left;
        display: inline;
        position: relative;
    }

    ul#navmenu-h ul li {
        width: 100%;
        display: block;
    }

    /* Root Menu */
    ul#navmenu-h a {
        padding: 3px;
        float: left;
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        background-color: #7DC533;
        color: #43311E;
        font: bold 8pt Arial;
    }

        /* Root Menu Hover Persistence */
        ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a {
            background: #9DDE3A;
            color: #FFF;
        }

    /* 2nd Menu */
    ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a {
        float: none;
        background: #7DC533;
        color: #43311E;
    }

        /* 2nd Menu Hover Persistence */
        ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a {
            background: #9DDE3A;
        }

    /* 3rd Menu */
    ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a {
        background: #999;
    }

        /* 3rd Menu Hover Persistence */
        ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a {
            background: #666;
        }

    /* 4th Menu */
    ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a {
        background: #666;
    }

        /* 4th Menu Hover */
        ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
            background: #333;
        }

    /* Hover Function - Do Not Move */
    ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul {
        display: none;
    }

    ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul {
        display: block;
    }

.popup {
    position: relative;
}

div.popup em {
    width: 300px;
    height: 200px;
    position: absolute;
    top: -230px;
    left: -0px; /*text-align: center;     text-indent: -9999px;*/
    z-index: 2;
    display: none;
    background-color: Gray;
}

.popup_trigger {
    display: block;
}

/* Hover Function - Do Not Move */


/*pour cacher des éléments */
.invisible {
    display: none;
}


.jqueryGrid .scrollingBody {
    height: 200px;
    overflow: auto;
}

.labelElement {
    color: Black;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

.headerTabDisabled {
    color: Gray;
    height: 100%;
    width: 100%;
}

.headerTabEnabled {
    color: #43311E;
    height: 100%;
    width: 100%;
}

.mainTab .ajax__tab_disabled .ajax__tab_outer {
    background-color: #BBBBBB;
    cursor: default;
}

.mainTab .ajax__tab_disabled {
    background-color: #BBBBBB;
    cursor: default;
}

.ProducerTabTitle {
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
    color: #43311e;
}

/*
Surcharge des styles Virtual earth pour cacher le contrôle de navigation
à la souris et passer la barre de nivigation en vert plutôt qu'en bleu
*/
.MSVE_navAction_background {
    background-color: #538221 !important;
}

.MSVE_Dashboard_V6 #Compass {
    background: none !important;
}

.labelFieldStyle {
    font-family: Arial;
    color: #000000;
    font-size: 8pt;
}

/*
Styles pour les popup de cartographie de la recherche producteur
*/
.SearchProducerMap {
    width: 100%;
    height: 700px;
    position: relative;
}

.PrintButton {
    margin-top: 10px;
    float: right;
    display: inherit;
}

.TabMenuBorder {
    background: #7DC533;
}

.linkActionButtonMap {
    display: inline-block;
    color: rgb(67, 49, 30);
    border-style: none;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

.ProgressBar {
    background-color: #9F9080;
}

/*
Page de login
*/


#loginCenter {
    position: absolute;
    left: 50%;
    top: 60%;
    width: 300px;
    height: 100px;
    margin-top: -50px;
    margin-left: -150px;
}

#logo {
    position: absolute;
    left: 20px;
    top: 20px;
}

#bandeau {
    position: absolute;
    top: 150px;
    background-color: #9DDF3F;
    color: White;
    width: 95%;
    padding: 3px 13px 3px 13px;
    font-family: Arial Black;
    font-size: 10pt;
}

#message {
    position: absolute;
    top: 180px;
    background-color: White;
    width: 95%;
    padding: 3px 13px 3px 13px;
    font-family: Arial;
    font-size: 8pt;
}

.input {
    border: 1px solid #000;
}

.rounded {
}


/* Map Styles */
.default-size-map {
    width: 600px;
    height: 300px;
}

.MicrosoftNav > div > div {
    background-color: #538221 !important;
}

.NavBar_Container {
    right: 15px !important;
    margin-bottom : 8px !important;
    position: static !important;
}

.NavBar_compassControlContainer {
    display: none !important;
}

.NavBar_zoomControlContainer {
    left: 0px !important;
    opacity: 0.7;
    color: white;
}

.NavBar_modeSelectorControlContainer {
    left: 52px !important;
    opacity: 0.7;
}

.NavBar_ModeSelectorControl {
    opacity: 1 !important;
    background-color: #538221 !important;
}

.NavBar_zoomDrop {
    opacity: 1 !important;
    background-color: #538221 !important;
}

.NavBar_zoomIn 
{
    margin-top:10px !important;
    margin-bottom:8px !important;
}

.NavBar_zoomOut
{
    margin-bottom:10px !important;
}

.NavBar_zoomSlider {
    background: url(../../Images/VirtualEarth/zoom_thumb.png) no-repeat 0 0 !important;
}

.NavBar_zoomBarBg {
    background: url(../../Images/VirtualEarth/zoom_bar.png) no-repeat 0 0 !important;
}

.NavBar_Button {
    height : 30px !important;
    width : 30px !important;
}

.NavBar_typeButtonLabel {
    color: white !important;
}

.NavBar_dropIcon {
    background: transparent url(../../Images/VirtualEarth/bingIcons.png) no-repeat 50% 50% !important;
    background-position: 0 -300px !important;
}

.producer-map {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 0px;
    left: 0px;
}

.equipment-map {
    width: 100%;
    height: 700px;
    position: relative;
}

.geocode-map {
    width: 300px;
    height: 300px;
    position: relative;
}

.circuit-map {
    width: 300px;
    height: 300px;
    position: relative;
}

.collect-map {
    width: 100%;
    height: 300px;
    position: relative;
}

.collect-phy-map {
    width: 300px;
    height: 300px;
    position: relative;
}

.stat-map {
    width: 100%;
    height: 500px;
    position: relative;
}

.producer-infoxbox-equips {
    max-height: 100px;
    overflow-y: auto;
}

    .producer-infoxbox-equips > div {
        margin-bottom: 10px;
    }

.infobox {
    min-width: 250px;
    min-height: 100px;
    padding: 10px;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
}

    .infobox h4 {
        margin: 0px 0px 10px 0px;
    }

    .infobox label {
        font-weight: 600;
    }


.fill-level-map {
    position: relative;
    width: 100%;
    height: 400px;
    z-index: 0;
}


.pav-link-map {
    position: relative;
    width: 100%;
    height: 400px;
    z-index: 0;
}

.pav-group-infoxbox {
    max-height: 100px;
    overflow-y: auto;
}

    .pav-group-infoxbox > div {
        margin-bottom: 10px;
    }

.fill-1 {
    float: right;
    background-color: #9DDF3E;
    width: 5em;
    height: 1em;
}

.fill-2 {
    float: right;
    background-color: #FFA500;
    width: 5em;
    height: 1em;
}

.fill-3 {
    float: right;
    background-color: #FF3838;
    width: 5em;
    height: 1em;
}


.resize-v {
    resize: vertical;
}

.statGrid {
    width: 100%;
    border-collapse: collapse;
}

    .statGrid .evenRow {
        background-color: #FFFFFF;
    }

    .statGrid tfoot td {
        font-weight: bold;
    }

.statGrid_decimal, .statGrid_Hour, .statGrid_Date, .statGrid_Total {
    text-align: right;
}

.statGrid_string, .statGrid_toTranslate {
    text-align: left;
}

.statGrid_select:hover {
    cursor: pointer;
    background-color: #C3B3B0;
}

.statNoData {
    color: Black;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    width: 100%;
}
.fontBold {
    font-weight: bold;
}
.marginRight15{
    margin-right: 15px;
}
.marginLeft15 {
    margin-left: 15px;
}
.txtAlignRight {
    text-align: right;
}