/*
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.
*/

.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/SuloTheme/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;
}

.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;
    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/LoginPage/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: #E8E8E8;
    height: 13px;
}
/* cellule haut droite marron clair */
table.brown td.topRight
{
    background-image: url(/Images/LoginPage/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: #E8E8E8;
}
/* Fin de cellule contenant le bloc  */

/* cellule bas gauche marron clair */
table.brown td.bottomLeft
{
    background-image: url(/Images/LoginPage/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/LoginPage/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 */

table.white
{
    width: 100%;
}

/* cellule haut gauche marron foncé */
table.white td.outerTopLeft
{
    background-color: #FFFFFF;
    width: 13px;
    height: auto;
}

/* cellule haut gauche blanc clair */
table.white td.topLeft
{
    background-image: url(/Images/SuloTheme/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: #FFFFFF;
    width: 13px;
    height: auto;
}

/* cellule haut droite blanc clair */
table.white td.topRight
{
    background-image: url(/Images/SuloTheme/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: #FFFFFF;
    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/SuloTheme/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: #FFFFFF;
    width: 13px;
    height: auto;
}

/* cellule bas droite blanc clair */
table.white td.bottomRight
{
    background-image: url(/Images/SuloTheme/Corner/coin_blanc_bottom_right.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}

table.white table.outerGreenBorder td.topLeft
{
    background-image: url(/Images/SuloTheme/Corner/menu_top_left.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.white table.outerGreenBorder td.topRight
{
    background-image: url(/Images/SuloTheme/Corner/menu_top_right.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.white table.outerGreenBorder td.bottomLeft
{
    background-image: url(/Images/SuloTheme/Corner/menu_bottom_left.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.white table.outerGreenBorder td.bottomRight
{
    background-image: url(/Images/SuloTheme/Corner/menu_bottom_right.gif);
    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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/Corner/boutton_gris_bottom_left.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonListGW td.bottomRight
{
    background-image: url(/Images/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/LoginPage/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/LoginPage/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/LoginPage/Corner/bouton_action_bottom_left.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

table.actionButtonGB td.bottomRight
{
    background-image: url(/Images/LoginPage/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/SuloTheme/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/SuloTheme/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/SuloTheme/Corner/menu_bottom_left.gif);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table.mainMenu td.bottomRight
{
    background-image: url(/Images/SuloTheme/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/SuloTheme/Arrows/fleche_blanche_petite_fond_clair.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

table.leftMenuSelected
{
    background-image: url(/Images/SuloTheme/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: 12px;
    width: 118px;
}

table.newsMainTable td.topLeft
{
    background-image: url(/Images/SuloTheme/Corner/liste_top_left.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}

table.newsMainTable td.topRight
{
    background-image: url(/Images/SuloTheme/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/SuloTheme/Corner/liste_bottom_left.gif);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}

table.newsMainTable td.bottomRight
{
    background-image: url(/Images/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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/SuloTheme/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: #FFFFFF;
}

.homePageTitleMozilla
{
    background-image: url(/Images/SuloTheme/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/SuloTheme/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/SuloTheme/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;
}

.mySpaceHomeDiv
{
    position: absolute;
    top: 50px;
    left: 850px;
    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;
}

.mainMenuSubMenu
{
    z-index: 2;
}

.mainSiteMapDiv
{
    position: absolute;
    top: 96px;
    left: 390px;
    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;
}

/*
Page de login
*/

.height100{
    height:100%;
}

#loginCenter
{
    position: absolute;
    left: 50%;
    top: 60%;
    width: 300px;
    height: 100px;
    margin-top: -50px;
    margin-left: -150px;
}
/*#loginCenterForgottenPasswLink {
    position: absolute;
    left: 50%;
    top: 37%;
    width: 425px;
    height: 100px;
    margin-top: -10px;
    margin-left: -150px;
}*/
#loginCenterForgottenPasswLink {
    position: absolute;
    left: calc(50% - 212px);
    width: 440px;
    height: 115px;
}
#loginCenterForgottenPassw {
    position: absolute;
    left: 50%;
    top: 29%;
    width: 440px;
    height: 100px;
    margin-top: -10px;
    margin-left: -150px;
}

/*#loginCenterUpdatePassw {
    position: absolute;
    left: 50%;
    top: 22%;
    width: 500px;
    height: 100px;
    margin-top: 50px;
    margin-left: -150px;
}*/
#loginCenterUpdatePassw {
    position: absolute;
    left: calc(50% - 250px);
    /*! top: 22%; */
    width: 500px;
    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;
    font-size: 11pt;
}
#bandeau-new {
    background-color: #E8E8E8;
    color: #000000;
    width: 95%;
    padding: 3px 13px 3px 13px;
    font-family: Arial;
    font-size: 11pt;
}
#message
{
    position: absolute;
    top: 180px;
    background-color: #E8E8E8;
    width: 95%;
    padding: 3px 13px 3px 13px;
    font-family: Arial;
    font-size: 8pt;
}
#message-new {
    background-color: #E8E8E8;
    width: 95%;
    padding: 3px 13px 3px 13px;
    font-family: Arial;
    font-size: 8pt;
}
#bandeauMDPExp {
/*    position: absolute;
    top: 130px;*/
    background-color: #E8E8E8;
    color: #000000;
    width: 95%;
    padding: 3px 13px 3px 13px;
    font-family: Arial;
    font-size: 11pt;
}

#messageMDPExp {
/*    position: absolute;
    top: 160px;*/
    background-color: #E8E8E8;
    width: 95%;
    padding: 3px 13px 3px 13px;
    font-family: Arial;
    font-size: 8pt;
}
.input
{
    border: 1px solid #000000;
}

.rounded
{
}


.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: 6px;
    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;
}

/*.divButton  {
    position: absolute;
    top: 100px;
    left: 575px;
}*/

#localization.demo-container  {
    width: 880px;
}


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;
}
/*#radCaptcha_ctl00, #radCaptcha_CaptchaLinkButton, #radCaptcha_CaptchaAudioCodeUP {
    font-size: 11px;
}*/
div[id$='SpamProtectorPanel'] {
    font-size: 11px;
}
/*img[id$='radCaptcha_ctl00'] {
    font-size: 11px;
}*/

div[id$=radCaptcha].rcInvalid > span[id$=ctl00] {
    font-size: 11px;
}

#lnkYesISee {
    background: url(/Images/icons8-ok.gif) no-repeat left top;
    padding-left: 25px;
}

.message2 {
    margin-top: 10px;
    margin-bottom: 10px;
    display: table;
    color: Red;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

#dvContent {
    background: url(/Images/SuloNewTheme/login_background.png) no-repeat center top;
    padding-left: 25px;
}

#tdUcOkAndCancel #ctl00_mainContent_ucOkAndCancel_actBtn1, #ucOkAndCancel_actBtn1 {
    margin-right: 25px;
}

#tdUcOkAndCancel #ctl00_mainContent_ucOkAndCancel_actBtn2, #ucOkAndCancel_actBtn2 {
    margin-left: 25px;
    margin-right: 10px;
}