﻿/*
Principal marron clair : #FFFFFF
Principal marron foncé : #FFFFFF
Principal marron texte : #43311E
Principal vert clair : #FFFFFF
Principal vert foncé : #FFFFFF
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.
*/

.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: #FFFFFF;
}


/* 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: #FFFFFF;
    padding: 10px;
    height: 70px;
}

.Modal_bouton
{
    background-color: #FFFFFF;
    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: #000000;
    text-align: center;
    padding: 5px;
}


/* Style pour les scrollbars */
body
{
    behavior: url("/Css/csshover3.htc");
    background-color: #FFFFFF;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
    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: #000000;
    text-transform: uppercase;
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
}

h2
{
    background-image: url(/Images/SuloNewTheme/Arrows/fleche_choco_boutton_transp.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-transform: uppercase;
    padding: 0px 4px 0px 15px;
    color: #000000;
    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 #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

    .grid TD {
        /* border-bottom: solid 1px #FFFFFF;*/
        border-bottom: solid 1px #999999;
    }

.gridProd TD
{
    /*border-right: solid 1px #999999;*/
}


/* 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 #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.gridSecondary TD
{
    border-bottom: solid 1px #FFFFFF;
}

/* 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 #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.gridPresentation TD
{
    border-bottom: solid 1px #FFFFFF;
}

/* 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 #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.gridPresentationPeriode TD
{
    border-bottom: solid 1px #FFFFFF;
}

/* 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;
    /*background-color:yellow;*/
    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/SuloNewTheme/Corner/rch_top_left.gif);
        background-repeat: no-repeat;
        width: 3px; /*13px;*/
        height: 3px; /*13px;*/
    }
/* cellules haut & bas centre marron clair */
table.brown td.topBottomCenter
{
    background-color: #E8E8E8;
    height: 3px; /*13px;*/
}
/* cellule haut droite marron clair */
table.brown td.topRight
{
    background-image: url(/Images/SuloNewTheme/Corner/rch_top_right.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
}
/* cellule haut centre marron clair */
table.brown td.topCenter
{
    background-color: #E8E8E8;
    height: 13px;
}
/* cellules gauche & droite centre marron clair */
table.brown td.middleLeftRight
{
    background-color: #E8E8E8;
    width: 13px;
    height: auto;
}

/* cellule contenant le bloc */
table.brown td.content
{
    background-color: #FFFFFF;
}
/* Fin de cellule contenant le bloc  */

/* cellule bas gauche marron clair */
table.brown td.bottomLeft
{
    background-image: url(/Images/SuloNewTheme/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/SuloNewTheme/Corner/rch_bottom_right.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
}

/* Séparateur */
table.brown HR
{
    color: #000000;
    background-color: #FFFFFF;
    height: 1px;
    border: none;
}
/* Fin du bandeau gauche marron clair */

div.mainImgTopDiv {
    /**/

    margin: 0 auto;
    background-color: #A41F1F;
    border-collapse: separate;
    border-spacing: 0px;
    border-radius: 14px;
    /*border: solid 2px #E8E8E8;*/
    border: solid 2px #B5B5B5;
    /**/
    width: 100%;
}

table.white {
    /**/

    margin: 0 auto;
    /*background-color: #A41F1F;*/
    background-color: #FFF;
    border-collapse: separate;
    border-spacing: 0px;
    border-radius: 14px;
    /*border: solid 2px #E8E8E8;*/
    border: solid 2px #B5B5B5;
    /**/
    width: 100%;
    margin-top: 0.1em;
    padding: 0.5em 0;
}
 
table tr:first-child td {
    border-top: none;
}

table tr:first-child {
    border-radius: 14px 14px 0 0;
}

table tr:last-child td {
    /*border-bottom: none;*/
}

table tr:last-child {
    border-radius: 0 0 14px 14px;
}

/* cellule haut gauche marron foncé */
table.white td.outerTopLeft {
    background-color: #FFFFFF;
    width: 0px;
    height: auto;
    /*background-color: #FFFFFF;
    width: 13px;
    height: auto;*/
}

/* cellule haut gauche blanc clair */
table.white td.topLeft {
    /*background-image: url(/Images/SuloNewTheme/Corner/coin_blanc_top_left.gif);

        background-repeat: no-repeat;
        width: 12px;
        height: 12px;*/
    background-image: none;
    background-color: #FFFFFF;
    width: 0px;
    height: 0px;
    
}

/* cellules haut & bas centre blanc clair */
table.white td.topBottomCenter {
    background-image: none;
    background-color: #FFFFFF;

    /*border-top: 1px solid #999;
        width: auto;
        height: 12px;*/
}

/* cellule haut gauche marron foncé */
table.white td.outerTopRight {
    background-image: none;
    background-color: #FFFFFF;

    /*width: 13px;
    height: auto;*/
}

/* cellule haut droite blanc clair */
table.white td.topRight {
    /*background-image: url(/Images/SuloNewTheme/Corner/coin_blanc_top_right.gif);*/
    /*border-top: 1px solid #999;
        border-right: 1px solid #999;*/
    /*background-repeat: no-repeat;*/
    /*width: 12px;
        height: 12px;*/
    background-image: none;
    background-color: #FFFFFF;
    width: 0px;
    height: 0px;
}
/* cellule haut centre blanc clair */
table.white td.topCenter {
    background-image: none;
    background-color: #FFFFFF;
    height: 2px; /*12px;*/
}
/* cellules gauche & droite centre blanc clair */
/*table.white td.middleLeftRight
{
    background-color: #FFFFFF;
    width: 12px;
    height: auto;
}*/

/*******17/04/2019********/

cadreArrondi {
    border-radius: 5px 10px 0 5px;
}
cadreArrondi2 {
    border-radius: 10px;
}
    /* cellules gauche  blanc clair */
    table.white td.middleLeftRight {
        background-color: #FFFFFF;
        /*border-left: 1px solid #999999;
        width: 12px;
        height: auto;*/
    }


    table.white td.bottomCenter {
        background-color: #FFFFFF;
        /*width: auto;
        height: 12px;
        border-bottom: 1px solid #999;*/
    }

    table.white td.bottom2 {
        background-color: #FFFFFF;
        /*width: auto;
        height: 12px;
        border-bottom: 1px solid #999;*/
    }

table.white td.outerMiddleLeft {
    background-color: #FFFFFF;
    width: 0px;
    height: auto;
    /*width: 12px;
        height: auto;*/
}

table.white td.outerMiddleRight {
    background-color: #FFFFFF;
    width: 0px;
    height: auto;
    /*width: 12px;
            height: auto;*/
}

    table.white td.middleRight {
        /*border-right: 1px solid #999;*/
        background-color: #FFFFFF;
        /*width: 12px;
        height: auto;*/
    }

    /****************** +++  */
table.white > td.bottomLeft + td.topBottomCenter {
    background-color: #FFFFFF;
    width: 0px;
    height: 0px;
    /*border-bottom: 1px solid #999;
        border-top: none;
        width: auto;
        height: 12px;*/
}

___table.white td.content + td.middleLeftRight {
    /*border-right: 1px solid #999999;
    border-left: none;
    width: 12px;
    height: auto;*/
    background-color: #FFFFFF; /* rgb(181, 181, 181);*/
    width: 0px;
    height: 0px;
}

table.white > td.content + td.middleLeftRight {
    /*border-right: 1px solid #999999;
    border-left: none;
    width: 12px;
    height: auto;*/
    background-color: rgb(181, 181, 181);
    width: 0px;
    height: 0px;
}

table.actionButtonGW td.content + td.middleLeftRight {
    /*border-right: 1px solid #999999;
    border-left: none;
    width: 12px;
    height: auto;*/
    background-color: rgb(181, 181, 181);
}


table.actionButtonGW td.bottomLeft + td.topBottomCenter {
    /*border-right: 1px solid #999999;
    border-left: none;
    width: 12px;
    height: auto;*/
    background-color: rgb(181, 181, 181);
}

/*****************/
/* cellules gauche & droite centre vert foncé */
table.white td.middleLeftRightGreen {
    background-color: #FFFFFF;
    width: 0px;
    height: 0px;
    /*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: #FFFFFF;
    /*width: 13px;
    height: auto;*/
}

/* cellule bas gauche blanc clair */
table.white td.bottomLeft {
    /*background-image: url(/Images/SuloNewTheme/Corner/coin_blanc_bottom_left.gif);*/
    /*border-bottom: 1px solid #999;
        border-left: 1px solid #999;*/
    /*background-repeat: no-repeat;
        width: 12px;
        height: 12px;*/
    background-image: none;
    background-color: #FFFFFF;
}

/* cellule haut gauche marron foncé */
table.white td.outerBottomRight
{
    background-color: #FFFFFF;
    /*width: 13px;
    height: auto;*/
}

/* cellule bas droite blanc clair */
table.white td.bottomRight {
    /*background-image: url(/Images/SuloNewTheme/Corner/coin_blanc_bottom_right.gif);*/
    /*border-bottom: 1px solid #999;
        border-right: 1px solid #999;*/
    /*background-repeat: no-repeat;
        width: 12px;
        height: 12px;*/
    background-image: none;
    background-color: #FFFFFF;
}

table.white table.outerGreenBorder td.topLeft {
    background-image: url(/Images/SuloNewTheme/Corner/menu_top_left.gif);
    /*border-top: 1px solid #999;
        border-left: 1px solid #999;*/
    background-repeat: no-repeat;
        width: 6px;
        height: 5px;
}

    table.white table.outerGreenBorder td.topRight {
        background-image: url(/Images/SuloNewTheme/Corner/menu_top_right.gif);
        /*border-top: 1px solid #999;
        border-right: 1px solid #999;*/
        background-repeat: no-repeat;
        width: 6px;
        height: 5px;
    }

    table.white table.outerGreenBorder td.bottomLeft {
        background-image: url(/Images/SuloNewTheme/Corner/menu_bottom_left.gif);
        /*border-bottom: 1px solid #999;
        border-left: 1px solid #999;*/
        background-repeat: no-repeat;
        width: 6px;
        height: 5px;
    }

    table.white table.outerGreenBorder td.bottomRight {
        background-image: url(/Images/SuloNewTheme/Corner/menu_bottom_right.gif);
        /*border-top: 1px solid #999;
        border-right: 1px solid #999;*/
        background-repeat: no-repeat;
        width: 6px;
        height: 5px;
    }

table.white table.outerGreenBorder td.topBottomCenter
{
    background-color: #E8E8E8;
    /*width: auto;
    height: 5px;*/
}

table.white table.outerGreenBorder td.middleLeftRight
{
    background-color: #E8E8E8;
    /*width: 6px;
    height: auto;*/
}

table.white table.outerGreenBorder td.content
{
    background-color: #E8E8E8;
    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/SuloNewTheme/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: #FFFFFF;
    height: 10px;
}
/* cellule haut droite vert fond marron clair */
table.green td.topRight
{
    background-image: url(/Images/SuloNewTheme/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: #FFFFFF;
    height: 10px;
}
/* cellules gauche & droite centre vert fond marron clair */
table.green td.middleLeftRight
{
    background-color: #FFFFFF;
    width: 10px;
    height: auto;
}

/* cellule contenant le bloc */
table.green td.content
{
    background-color: #FFFFFF;
}
/* Fin de cellule contenant le bloc  */

/* cellule bas gauche vert fond marron clair */
table.green td.bottomLeft
{
    background-image: url(/Images/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/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: #B5B5B5;
    height: 5px;
    width: 292px;
}
/* cellule haut droite marron clair */
table.map td.topRight
{
    background-image: url(/Images/SuloNewTheme/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: #B5B5B5;
    height: 5px;
}
/* cellules gauche & droite centre marron clair */
table.map td.middleLeftRight
{
    background-color: #FFFFFF;
    width: 1px;
    height: 300px;
}

/* cellule contenant le bloc */
table.map td.content
{
    background-color: #FFFFFF;
    text-align: center;
}
/* Fin de cellule contenant le bloc  */

/* cellule bas gauche marron clair */
table.map td.bottomLeft
{
    background-image: url(/Images/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/Corner/boutton_gris_top_left.gif);*/
    background-image: url(/Images/SuloNewTheme/Corner/boutton_vert_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/SuloNewTheme/Corner/boutton_gris_top_right.gif);*/
    background-image: url(/Images/SuloNewTheme/Corner/boutton_vert_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/SuloNewTheme/Corner/boutton_gris_bottom_left.gif);*/
    background-image: url(/Images/SuloNewTheme/Corner/boutton_vert_bottom_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonListGW td.bottomRight {
    /*background-image: url(/Images/SuloNewTheme/Corner/boutton_gris_bottom_right.gif);*/
    background-image: url(/Images/SuloNewTheme/Corner/boutton_vert_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/SuloNewTheme/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: #B5B5B5;
    height: 5px;
    width: auto;
}

table table.actionButtonGW td.topRight, table.actionButtonGW td.topRight
{
    background-image: url(/Images/SuloNewTheme/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: #B5B5B5;
    width: 5px;
    height: auto;
}


table table.actionButtonGW td.content, table.actionButtonGW td.content
{
    background-color: #B5B5B5;
    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: #B5B5B5;
    width: 20px;
    height: auto;
}


table table.actionButtonGW td.bottomLeft, table.actionButtonGW td.bottomLeft
{
    background-image: url(/Images/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/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: #FFFFFF;
    height: 5px;
    width: auto;
}

table table.actionButtonGG td.topRight, table.actionButtonGG td.topRight
{
    background-image: url(/Images/SuloNewTheme/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: #FFFFFF;
    width: 5px;
    height: auto;
}


table table.actionButtonGG td.content, table.actionButtonGG td.content
{
    background-color: #FFFFFF;
    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: #FFFFFF;
    width: 20px;
    height: auto;
}


table table.actionButtonGG td.bottomLeft, table.actionButtonGG td.bottomLeft
{
    background-image: url(/Images/SuloNewTheme/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/SuloNewTheme/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/SuloNewTheme/Corner/bouton_action_top_left.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonGB td.topBottomCenter
{
    background-color: #FFFFFF;
    height: 5px;
}

table.actionButtonGB td.topRight
{
    background-image: url(/Images/SuloNewTheme/Corner/bouton_action_top_right.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonGB td.middleLeftRight
{
    background-color: #FFFFFF;
    width: 5px;
}


table.actionButtonGB td.content
{
    background-color: #FFFFFF;
}

table.actionButtonGB td.bottomLeft
{
    background-image: url(/Images/SuloNewTheme/Corner/bouton_action_bottom_left.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonGB td.bottomRight
{
    background-image: url(/Images/SuloNewTheme/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/SuloNewTheme/Corner/menu_top_left_transp.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.mainMenu td.topBottomMiddle
{
    background-color: #E8E8E8;
    width: 500px;
    height: 5px;
}

table.mainMenu td.topRight
{
    background-image: url(/Images/SuloNewTheme/Corner/menu_top_right_transp.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.mainMenu td.middleLeftRight
{
    background-color: #E8E8E8;
    width: 6px;
    height: auto;
}

table.mainMenu td.content
{
    background-color: #E8E8E8;
    width: 500px;
}

table.mainMenu td.bottomLeft
{
    background-image: url(/Images/SuloNewTheme/Corner/menu_bottom_left.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.mainMenu td.bottomRight
{
    background-image: url(/Images/SuloNewTheme/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/SuloNewTheme/Arrows/fleche_blanche_petite_fond_clair.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

table.leftMenuSelected
{
    background-image: url(/Images/SuloNewTheme/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: #FFFFFF;
    width: auto;
    height: 5px;
}

table.newsMainTable table.newsTable td.topRight
{
    background-image:none;
    background-color: white;
    width: 5px;
    height: 5px;
}

table.newsMainTable table.newsTable td.middleLeftRight
{
    background-color: #FFFFFF;
    width: 5px;
    height: auto;
}

table.newsMainTable table.newsTable td.content
{
    background-color: #FFFFFF;
    width: auto;
}

table.newsMainTable table.newsTable td.bottomRight
{
    background-image:none;
    background-color: white;
    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: 2px; /*12px;*/
    width: 118px;
}

table.newsMainTable td.topLeft
{
    background-image: url(/Images/SuloNewTheme/Corner/liste_top_left.gif);
    background-repeat: no-repeat;
    width: 2px; /*12px;*/
    height: 2px; /*12px;*/
}

table.newsMainTable td.topRight
{
    background-image: url(/Images/SuloNewTheme/Corner/liste_top_right.gif);
    background-repeat: no-repeat;
    width: 2px;  /*12px;*/
    height: 2px; /*12px;*/
}

    table.newsMainTable td.middleLeftRight {
        background-color: #E4E1DC;
        width: 2px; /*12px;*/
    }

table.newsMainTable td.content
{
    background-color: #E4E1DC;
    width: auto;
}

    table.newsMainTable td.separator {
        background-color: #E4E1DC;
        width: auto;
        height: 2px; /*12px;*/
    }

    table.newsMainTable td.bottomLeft {
        background-image: url(/Images/SuloNewTheme/Corner/liste_bottom_left.gif);
        background-repeat: no-repeat;
        width: 2px; /*12px;*/
        height: 2px; /*12px;*/
    }

    table.newsMainTable td.bottomRight {
        background-image: url(/Images/SuloNewTheme/Corner/liste_bottom_right.gif);
        background-repeat: no-repeat;
        width: 2px; /*12px;*/
        height: 2px; /*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/SuloNewTheme/Arrows/fleche_blanche_grande.gif);
    background-repeat: no-repeat;
    background-position: left 3px;*/
    background-image: none;
    text-transform: uppercase;
    vertical-align: top;
    /*padding-left: 25px;*/
    padding-left: 5px;
    padding-bottom: 10px;
    position: relative;
    height: 25px;
    bottom: 3px;
}

.searchLabelWhiteIE {
    /*background-image: url(/Images/SuloNewTheme/Arrows/fleche_blanche_grande.gif);
    background-repeat: no-repeat;
    background-position: left 3px;*/
    background-image: none;
    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/SuloNewTheme/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/SuloNewTheme/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 #FFFFFF;
    border-top: solid 1px #FFFFFF;
    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: #000000;
    background-color: #E4E1DC;
}

.dataListGreenLine
{
    border-top: solid 1px #FFFFFF;
    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: #000000;
    background-color: #E8E8E8;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.mainTab .ajax__tab_outer
{
    cursor: pointer;
}

.mainTab .ajax__tab_inner
{
    background-image: url(/Images/SuloNewTheme/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: #A11717;
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.mainTab .ajax__tab_active .ajax__tab_tab
{
    background-color: #A11717;
    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/SuloNewTheme/Corner/liste_top_left.gif);
    background-repeat: no-repeat;*/
    background-image: none;
    width: 2px; /*12px;*/
    height: 2px; /*12px;*/
}
/* cellules haut & bas centre vert fond marron clair */
table.grey td.topBottomCenter {
    background-color: #FFFFFF;  /*#E4E1DC;*/
    height: 2px; /*12px;*/
}
/* cellule haut droite vert fond marron clair */
table.grey td.topRight {
    /*background-image: url(/Images/SuloNewTheme/Corner/liste_top_right.gif);
    background-repeat: no-repeat;*/
    background-image: none;
    width: 2px; /*12px;*/
    height: 2px; /*12px;*/
}
/* cellule haut centre vert fond marron clair */
table.grey td.topCenter {
    background-color: #FFFFFF; /*#E4E1DC;*/
    height: 2px; /*12px;*/
}
/* cellules gauche & droite centre vert fond marron clair */
table.grey td.middleLeftRight {
    background-color: #FFFFFF; /*#E4E1DC;*/
    background-image: none;
    width: 2px; /*12px;*/
    height: auto;
}

/* cellule contenant le bloc */
table.grey td.content {
    background-color: #FFFFFF; /*#E4E1DC;*/
}
/* Fin de cellule contenant le bloc  */

/* cellule bas gauche vert fond marron clair */
table.grey td.bottomLeft {
    /*background-image: url(/Images/SuloNewTheme/Corner/liste_bottom_left.gif);
    background-repeat: no-repeat;*/
    background-image: none;
    width: 2px; /*12px;*/
    height: 2px; /*12px;*/
}
/* cellule bas droite vert fond marron clair */
table.grey td.bottomRight {
    /*background-image: url(/Images/SuloNewTheme/Corner/liste_bottom_right.gif);
    background-repeat: no-repeat;*/
    background-image: none;
    width: 2px; /*12px;*/
    height: 2px; /*12px;*/
}
table.grey {
    width: 100%;
    /*New*/
    margin: 0 auto;
    /*background-color: #A41F1F;*/
/*    background-color: #FFF;*/
    border-collapse: separate;
    border-spacing: 0px;
    border-radius: 14px;
    /*border: solid 2px #E8E8E8;*/
    border: solid 2px #B5B5B5;
    /**/
    width: 100%;
    margin-top: 0.1em;
    padding: 0.5em 0;
}

/* 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: #FFFFFF;
}

.homePageTitleMozilla
{
    background-image: url(/Images/SuloNewTheme/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/SuloNewTheme/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: #000000;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

.imgMainHome
{
    /*background-image: url(/Images/SuloNewTheme/PageAccueil/HP_img_centrale.jpg);*/
    background-repeat: no-repeat;
    background-position: center top;
    width: 634px;
    height: 351px;
}

.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;*/
    /*position: relative;
    top: 80px;
    left: 15px;
    width: 512px;
    z-index: 2;*/
    /*position: absolute;
    top: 82px;*/ /*70px;*/
    /*left: 350px;*/ /*460px;*/
    /*width: 500px;*/ /*480px;*/
    /*z-index: 2;*/
    /*ok*/
    /*position: absolute;
    top: 70px;
    left: 540px;
    width: 480px;
    z-index: 2;*/
    /*new*/ 
    position: relative;
    top: 70px;
    left: 10px;
    width: 480px;
    z-index: 2;
}

.mainMenuDivOverride {
    position: absolute;
    top: 82px;
    left: 350px;
    width: 500px;
}

/*.mainMenuDivBis {
    position: relative;
    top: 70px;
    left: 50px;
    width: 500px;
}*/

/*#mainImgTopDiv + div + .mainMenuDiv {

    top: 60px;
    left: 50px;
    width: 480px;
}*/
.mySpaceHomeDiv {
    /*position: absolute;
    top: 50px;
    left: 850px;
    z-index: 1;
    vertical-align: bottom;*/
    /*position: relative;
    top: 85px;
    left: 500px;
    z-index: 1;
    vertical-align: bottom;*/
    /*ok*/
    /*position: absolute;
    top: 50px;
    left: 1030px;
    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;
    padding-top:2px;*/
    position: absolute;
    top: 86px;  /*80px;*/
    left: 850px;
    z-index: 1;
    padding-top: 2px;
}

.mySpaceDivExt {
    /*position: absolute;
    top: 80px;
    left: 850px;
    z-index: 1;
    padding-top:2px;*/
    position: absolute;
    top: 16px; /*80px;*/
    left: 960px;
    z-index: 1;
    padding-top: 2px;
}
.mainMenuSubMenu
{
    z-index: 2;
}

.mainSiteMapDiv {
    /*position: absolute;
    top: 96px;
    left: 390px;
    z-index: 1;
    padding-top: 2px;*/
    position: absolute;
    top: 110px;
    left: 352px;
    z-index: 1;
    padding-top: 2px;
}

/* Fin du style de la page d'accueil */

.mainGridRow
{
    border: solid 1px #FFFFFF;
    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: #FFFFFF;
}

/* 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: #FFFFFF;
}

/* 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: #FFFFFF;
}

/* Style des jours avant aujourd'hui */
.calprev TR
{
    border: solid 1px rgb(255,255,255);
}

/* Style des jours après aujourd'hui */
.calprev .today
{
    font-weight: bold;
}

/* Style des jours après aujourd'hui */
.calprev .afterToday
{
    background-color: #FFFFFF;
}

/* 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: #FFFFFF;
    width: 50px;
}

/* Style de la légende des jours après aujourd'hui */
.calprevLegende .afterToday
{
    background-color: #FFFFFF;
    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: #E8E8E8;
    color: #000000;
    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: #A11717;
    color: #FFFFFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a
{
    float: none;
    background: #E8E8E8;
    color: #000000;
}

/* 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: #A11717;
    color: #FFFFFF;
}

/* 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: #000000;
    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: #000000;
}

/*
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: #A11717 !important;
    color: #000000 !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: #E8E8E8;
}

.linkActionButtonMap
{
    display: inline-block;
    color: #000000;
    border-style: none;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

.ProgressBar 
{
    background-color: #B5B5B5;
}

#progressTemplate {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 50px;
    margin-left: -100px;
    margin-bottom: -25px;
    /*vertical-align: middle;*/
    cursor: wait;
    text-align: center;
    z-index: 1000;
    display:table-cell;
}

/*
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: #E8E8E8;
    color: #000000;
    width: 95%;
    padding: 3px 13px 3px 13px;
    font-family: Arial Black;
    font-size: 10pt;
}
#message
{
    position: absolute;
    top: 180px;
    background-color: #E8E8E8;
    width: 95%;
    padding: 3px 13px 3px 13px;
    font-family: Arial;
    font-size: 8pt;
}
.input
{
    border: 1px solid #000000;
}

.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_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_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%;
}

.searchAdvanced {
    border-top: 1px solid black;
    border-bottom: 1px solid black;

    margin-top: 5px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.headerSeparator {
    border-bottom: 2px solid black;
    height: 20px;
}

.colHeaderDateCreation {
    width: 11%;
    font-weight: bold;
}
.colHeaderIntervenant {
    /*width: 18%;*/
    width: 15%;
    font-weight: bold;
}
.colHeaderContexte {
    width: 35%;
    font-weight: bold;
}
.colHeaderIntervention {
    width: 10%;
    font-weight: bold;
}
.colHeaderPhoto {
    width: 15%;
    font-weight: bold;
}

.colHeaderSignature {
    width: 30%;
    font-weight: bold;
}

.colHeaderDescription {
    font-weight: bold;
}

.colHeaderSignataire {
    width: 15%;
    font-weight: bold;
}


.photo {
    color: Black;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
}

/*#pnlPhoto{
    cursor:pointer;
}*/

.pointer{
    cursor: pointer;
}
/*#listHeader{
    padding : 1px;
    text-align : left;
    font-weight : bold;
    color : black;
}*/
.colonne-reduite{
    width:10px;
}

.DepartNaissance {
    margin-top: 5px;
}

.DepartNaissance .ui-dropdownchecklist-selector {
    margin-bottom: -5px;
}

.whiteSpaceNowrap {
    white-space: nowrap;
}

.quantiteDebFinBold{
    font-weight: bold;
}

/*.DepartNaissance .ui-dropdownchecklist-selector .ui-state-default {
   margin-bottom: -25px;
}

#ctl00_mainContent_tbcProducer_tbpEntitesFacturables_UcEntitesFacturables_tcEntfact_tpEntFact_frmViewEntFact_trDepartementNaissanceEdit .ui-dropdownchecklist-selector .ui-state-default {
    margin-bottom: -15px;
}
*/
/*.stockNormal{
    background-color: white;
}

table.dataGrid tr.highlightRow td {
    background-color: #FF6666;
    border-bottom: 1px solid #C0C0FF;
}*/

.titreInfoSupplementairesFond {
    background-color: #E8E8E8;
}
    .titreInfoSupplementaires {
    display: inline-block;
    /*background-color: #E8E8E8;*/
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: central
}
.titreInfoSupplementairesHaut {
    height: 30px;
}
.titreExtraction {
    height: 20px;
    display: inline-block;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    text-decoration-line: underline
}

/*Email popup*/

.container {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: 10px auto;
    padding: 1rem;
}

.EmailPopup h1 {
    padding: 5px 0;
    font-size: 1.0rem;
    color: #111;
    text-align: center;
}

.BackgroundEmailPopup {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.EmailPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 2px;
    padding-right: 2px;
    width: 460px;
    height: 290px;
}

.EmailPopupLbl {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}
.EmailPopupHidden{
    display:none;
}

.EmailPopupErrShow {
    display: inline-block;

}
.ui-field-error{
    font-size: 10px;
}

.rcorners {
    border-radius: 25px;
    background: #73AD21;
    padding: 20px;
    width: 460px;
    height: 290px;
}
.hiddenItem{
    display:none;
}
.showItem{
    display:inline-block;
}
[id$='lblTypeAdresseGPS'], [id$='lblLatitudeGPS'], [id$='lblLongitudeGPS'] {
    display: inline-block;
    width: 100px;
    text-align: right;
}
[id$='dlTypeAdresseGPS'] {
    margin-bottom: 20px;
}
#longitudeGPS {
    margin-bottom: 20px;
}

.highlightRow td {
    background-color: #CBCACA; 
    border-bottom: 1px solid #C0C0FF;
}

.GvGrid:hover {
    background-color: #ddd6d6 !important;
    border-top: solid;
   /* color: #9C6500; */
}

.nonepointerevents {
    pointer-events: none;
}
.autopointerevents {
    pointer-events: auto;
}

.wrapper2nonepointerevents {
    position: relative;
    cursor: pointer; 
}

.wrapper2nonepointerevents a {
        pointer-events: none;
}
.wrapper2nonepointerevents:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.wrapper4hidding{

}
.indicationdemat {
    background-color: #ec8f55;
    color: Black;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
}
.indicationnondemat {
    color: Black;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
}
.typeNature {
    width: 96%;
    color: Black;
    background-color: White;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    margin-top: 10px;
}
.typeNatureTitle {
    color: Black;
    background-color: White;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
}
/*
.typeNature p {
    margin-top: 2px;
    margin-bottom: 2px;
}
.typeNature td{
    font-weight:normal;
}
.typeNature tbody tbody td {
    width: 290px;
}

.typeNature tbody tbody td:nth-child(2) {
    padding-top: 10px;
    padding-right: 30px;
    text-align: center;
}

.typeNature tbody tbody td:nth-child(3) {
    padding-top: 10px;
    padding-right: 30px;
    text-align: right;
}

.typeNature .scrollable {
    max-height: 90px;
}
.typeNature tbody tbody td:nth-child(2) {
    padding-top: 10px;
    padding-right: 30px;
    text-align: center;
}

.typeNature tbody tbody td:nth-child(3) {
    padding-top: 10px;
    padding-right: 30px;
    text-align: right;
}

.typeNature .scrollable {
    max-height: 80px;
}
.nbbacpararticle {
    color: Black;
    background-color: White;
    font-family: Arial;
    font-size: 7pt;
    text-transform: uppercase;
    width: 100%;
}
    .nbbacpararticle  thead {
        background-color: red;
        display: block;
    }

    .nbbacpararticle  tbody {
        display: block;
        max-height: 8em;
        overflow-y: auto;
    }

    .nbbacpararticle  tfoot {
        display: block;
    }

    .nbbacpararticle td, .nbbacpararticle th {
        width: 110px;
        text-align: center;
    }
    .titlelabel{
        display:block;
        margin-top:8px;
        margin-bottom: 8px;
    }
.brseparator {
    margin-top: 4px;
    margin-bottom: 4px;
}
span[id$="lblAttention"] {
    text-align: left;
    font-style: italic;
    font-size: smaller;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 120px;
    display: block;
}*/


.typeNature {
    width: 95%;
    color: Black;
    background-color: White;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    margin-top: 10px;
}

.typeNatureTitle {
    color: Black;
    background-color: White;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
}

.typeNature p {
    margin-top: 2px;
    margin-bottom: 2px;
}

.typeNature td {
    font-weight: normal;
}

.typeNature tbody tbody td {
    width: 100px;
}


    .typeNature tbody tbody td:nth-child(1) {
        /*   padding-top: 10px;
    padding-right: 30px;    */

        padding-left: 0px;
        width: 60%;
        text-align: left;
    }

    .typeNature tbody tbody td:nth-child(2) {
        /*   padding-top: 10px;
    padding-right: 30px;    */

        padding-right: 20px;
        width: 37%;
        text-align: center;
    }

    .typeNature tbody tbody td:nth-child(3) {
        /*   padding-top: 10px;
    padding-right: 30px;  */
        padding-right: 5px;
        text-align: right;
    }

.typeNature thead th:nth-child(2) {
    width: 30%;
}
/*

.typeNature .scrollable {
    max-height: 90px;
}
*/
/* 
.typeNature tbody tbody td:nth-child(2) {
  padding-top: 10px;
    padding-right: 30px;   
    text-align: center;
} */
/* 
.typeNature tbody tbody td:nth-child(3) {
  padding-top: 10px;
    padding-right: 30px; 
    text-align: right;
}*/

/*

.typeNature .scrollable {
    max-height: 80px;
}
*/
.nbbacpararticle {
    color: Black;
    background-color: White;
    font-family: Arial;
    font-size: 7pt;
    text-transform: uppercase;
    width: 100%;
}

    .nbbacpararticle thead {
        background-color: red;
        display: block;
    }

    .nbbacpararticle tbody {
        display: block;
        max-height: 8em;
        overflow-y: auto;
    }

    .nbbacpararticle tfoot {
        display: block;
    }

    .nbbacpararticle td, .nbbacpararticle th {
        width: 110px;
        text-align: center;
    }

.titlelabel {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

.brseparator {
    margin-top: 4px;
    margin-bottom: 4px;
}

span[id$="lblAttention"] {
    text-align: left;
    font-style: italic;
    font-size: smaller;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 120px;
    display: block;
}
#divIndicationReglesMDP {
    font-style: italic;
    font-size: smaller;
    margin-bottom: 15px;
}

span[id$="FailureText"] {
    text-align: left;
    font-style: italic;
    font-size: small;
    margin-top: 20px;
    margin-bottom: 6px;
   /* margin-left: 120px;*/
    display: block;
}

/*   */

.rcLabelClass  {
    position: relative;
    top: -95px;
    left: -180px;
    color: White !important;
}

.rcTextBoxClass  {
    width: 175px;
}

.divContainer  {
    background: url('images/captchaBgr.png') no-repeat;
    width: 880px;
    height: 252px;
    position: relative;
    margin-top: 40px;
}

.rcCaptchaAudioLink  {
    display:  block;
    position: absolute;
    top: 110px;
    height: 22px;
    width: 96px;
    background: url('images/audioButton.png') no-repeat;
    font-size: 12px;
    line-height: 22px;
    text-decoration: none;
    padding-left: 25px;
    color: Black !important;
}

.rcRefreshImage  {
    position: absolute;
   display:  block;
    top: 110px;
    left: 140px;
    width: 25px;
    height: 22px;
    background: url('images/reloadButton.png') no-repeat;
}

.divLanguage  {
    height: 100px;
    position: absolute;
    top: 50px;
    left: 100px;
}

.RadCaptcha  {
    position: absolute;
    top: 70px;
    left: 300px;
}

#localization.demo-container  {
    width: 880px;
}


/*label[id$="CaptchaTextBoxLabel"] {
    text-align: left;
    font-style: italic;*/
    /*font-size: small;*/
    /*margin-top: 10px;
    padding-left: 4px;
    display: block;
}*/

input[id$='CaptchaTextBox'] {
    display: block;
}
img[id$='CaptchaImageUP'] {
    margin-bottom: 10px;
}
label[id$="CaptchaTextBoxLabel"] {
    text-align: left;
    font-style: italic;
    font-size: 11px;
    margin-top: 10px;
    padding-left: 4px;
    display: block;
}

input[id$='CaptchaTextBox'] {
    display: block;
}

img[id$='CaptchaImageUP'] {
    margin-bottom: 10px;
}

div[id$='SpamProtectorPanel'] {
    font-size: 11px;
}
input[id$=switchEmail]{
    width: 150px;
}
.HideMessageBox, .HideSwitchEmailBox {
    visibility: collapse;
}
.ShowMessageBox, .ShowSwitchEmailBox {
    visibility: visible;
}
.SecurityMentionText
{
    font-family: Arial;
    font-size: 12px;
}

a[id$='LinkbPasswdModif'] {
    margin-right: 20px;
}


div[id$=radCaptcha].rcInvalid > span[id$=ctl00] {
    font-size: 11px;
}

.SecurityMentionText {
   /* margin: 0px;*/
}
table.SecurityMentionText {
    border: 2px solid;
}
    td.SecurityMentionText, th.SecurityMentionText{
        border: 1px solid;
        margin: 0px;
    }

    .SecurityMentionText table, .SecurityMentionText td, .SecurityMentionText th {
        border: 1px solid;
    }

/*
.content h4 {
    margin-bottom: 1px;
    margin-top: 10px;
}

.content h2 {
    margin-bottom: 5px;
    margin-top: 20px;
}

*/
.SecuritiesMentionsText h4 {
    margin-bottom: 1px;
    margin-top: 10px;
}

.SecuritiesMentionsText h3 {
    margin-bottom: 1px;
    margin-top: 10px;
}

.SecuritiesMentionsText h2 {
    margin-bottom: 5px;
    margin-top: 20px;
}

.LegalMentionsText h4 {
    margin-bottom: 1px;
    margin-top: 10px;
}

.LegalMentionsText h3 {
    margin-bottom: 1px;
    margin-top: 10px;
}

.LegalMentionsText h2 {
    margin-bottom: 5px;
    margin-top: 20px;
}

.LegalMentionsText > h2 {
    margin-bottom: 1px;
    margin-top: 1px;
}


/*
#dvUcMentions .content h4 {
    margin-bottom: 1px;
    margin-top: 10px;
}
#dvUcMentions .content h3 {
    margin-bottom: 1px;
    margin-top: 10px;
}
#dvUcMentions .content h2 {
    margin-bottom: 5px;
    margin-top: 20px;
}
*/

.SecurityMentionText ~ ul > ul li {
    font-size: 11px;
    font-weight: bold;
}

.fillImage {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

#tdUcOkAndCancel #ctl00_mainContent_ucOkAndCancel_actBtn1, #ucOkAndCancel_actBtn1 {
    margin-right: 25px;
}

#tdUcOkAndCancel #ctl00_mainContent_ucOkAndCancel_actBtn2, #ucOkAndCancel_actBtn2 {
    margin-left: 25px;
    margin-right: 10px;
}


/* Modal Confirm with bootstrap */

<style type="text/css" >
.overlay {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.85);
    z-index: 10000;
}

.popup {
    width: 98%;
    padding: 15px;
    left: 0;
    margin-left: 1%;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: white;
    position: absolute;
    top: -100%;
    box-shadow: 5px 5px 5px #000;
    z-index: 10001;
}

.text-right {
    text-align: right;
}

@media (min-width: 768px) {
    .popup {
        width: 66.66666666%;
        margin-left: 16.666666%;
    }
}

@media (min-width: 992px) {
    .popup {
        width: 50%;
        margin-left: 25%;
    }
}

@media (min-width: 1200px) {
    .popup {
        width: 33.33333%;
        margin-left: 33.33333%;
    }
}


/*

    bootstrap css

*/



.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn.active,
    .btn.disabled,
    .btn[disabled] {
        color: #333333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btn:active,
    .btn.active {
        background-color: #cccccc \9;
    }

    .btn:first-child {
        *margin-left: 0;
    }

    .btn:hover,
    .btn:focus {
        color: #333333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.active,
    .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .btn.disabled,
    .btn[disabled] {
        cursor: default;
        background-image: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .btn-large [class^="icon-"],
    .btn-large [class*=" icon-"] {
        margin-top: 4px;
    }

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn-small [class^="icon-"],
    .btn-small [class*=" icon-"] {
        margin-top: 0;
    }

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #0044cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: #ffffff;
        background-color: #0044cc;
        *background-color: #003bb3;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #003399 \9;
    }

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
        color: #ffffff;
        background-color: #f89406;
        *background-color: #df8505;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #c67605 \9;
    }

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
        color: #ffffff;
        background-color: #bd362f;
        *background-color: #a9302a;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #942a25 \9;
    }

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
        color: #ffffff;
        background-color: #51a351;
        *background-color: #499249;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #408140 \9;
    }

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] {
        color: #ffffff;
        background-color: #2f96b4;
        *background-color: #2a85a0;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: #24748c \9;
    }

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222222;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
        color: #ffffff;
        background-color: #222222;
        *background-color: #151515;
    }

    .btn-inverse:active,
    .btn-inverse.active {
        background-color: #080808 \9;
    }

button.btn,
input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

    button.btn::-moz-focus-inner,
    input[type="submit"].btn::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button.btn.btn-large,
    input[type="submit"].btn.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    button.btn.btn-small,
    input[type="submit"].btn.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    button.btn.btn-mini,
    input[type="submit"].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link {
    color: #0088cc;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-link:hover,
    .btn-link:focus {
        color: #005580;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover,
    .btn-link[disabled]:focus {
        color: #333333;
        text-decoration: none;
    }

.version-detail-hid {
    background-color: white;
    color: white;
    font-size: 7px;
}

.version-detail-show {
    background-color: white;
    color: black;
    font-size: 8px;
}
/*   ENd Bootstrap css*/


/*.DateChangementSituationDivInner {
    color: black;
    align-content: center;
    align-items: center;*/
    /*! width: 80%; */
    /*! height: 70px; */
    /*padding-left: 40%;
}

.DateChangementSituationDivOuter {
    color: black;
    align-content: center;
    align-items: center;
    width: 50%;*/
    /*! height: 70px; */
    /*padding-left: 25%;
}

.hide {
    display: none;
    visibility: hidden;
}

.show {
    display: block;
    visibility: visible;
}

.DateChangementSituationTd {
    align-content: center;
    align-items: center;
    width: 80%;
    height: 70px;*/
    /*  padding-left: 50%; */
/*}

.DateChangementSituation {
    font-family: inherit;
    font-size: 12px;
}

.tblNbPersTdAlign td {
    text-align: center;
}*/

/*#ctl00_mainContent_tbcProducer_tbpIdentification_UcIdentification_ucNbPersonnes_tblNbPers td {
    text-align: center;
}
*/
/*
#ctl00_mainContent_tbcProducer_tbpIdentification_UcIdentification_ucNbPersonnes_tblNbPers tbody .scrollable .kiketable-colsizable  tbody  td{
  text-align: center;
}*/