/* COMMON */
body{ margin:0px 0px 30px 0px;}
body *{ font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px;}

input.erreur,
textarea.erreur,
select.erreur { color:#e9584c; border:1px solid #e9584c; padding:2px 1px;}
span.erreur, span.error, td.erreur{ font-weight:bold; color:#e9584c;}
img.flag{ border:0px solid #ededed;}
img.profil{ cursor:pointer; margin:0px 0px -2px 2px;}
img.inline,
.inline img
{ vertical-align:bottom;}
input.inline{ height:12px; line-height:10px; font-size:10px;}
div.noDisplay{ display:none;}
div.display{ display:block;}
div.debug{ border:1px solid green; padding:2px; width:auto; background-color:#fafffa; font-size:10px; color:green;}
div.erreurSQL{ border:1px solid red; padding:2px; width:auto; background-color:#fffafa; font-size:10px; color:red; margin:10px 0px 10px 0px;}
div.info_OK{ border:1px solid green; width:auto; color:green; background:#ebf5d6 url('../img/info/alerte32_vert.png') no-repeat 8px center; padding:12px 0px 12px 50px; line-height:20px; margin:10px 0px; -moz-border-radius:8px; -webkit-border-radius:8px;}
div.info_ERREUR{ border:1px solid #c33c13; width:auto; color:#c33c13; background:#f5e2e2 url('../img/info/alerte32_rouge.png') no-repeat 8px center; padding:12px 0px 12px 50px; line-height:20px; margin:10px 0px; -moz-border-radius:8px; -webkit-border-radius:8px;}
div.info_NEUTRE{ border:1px solid #428cb5; width:auto; color:#185a73; background:#d6ebf2 url('../img/info/alerte32_bleu.png') no-repeat 8px center; padding:12px 0px 12px 50px; line-height:20px; margin:10px 0px; -moz-border-radius:8px; -webkit-border-radius:8px;}
div.info_VALIDATORS{ border:1px solid #428cb5; width:auto; color:#185a73; background:#d6ebf2 url('../img/users/user.png') no-repeat 8px center; padding:4px 0px 4px 50px; line-height:20px; margin:10px 0px; -moz-border-radius:8px; -webkit-border-radius:8px;}
div.LABEL{ border:1px solid #bdbdbd; width:auto; color:#999999; background:#fafafa url('../img/info/info32gray.png') no-repeat 8px center; padding:12px 0px 12px 50px; line-height:20px; margin:10px 0px; -moz-border-radius:4px; -webkit-border-radius:4px;}
div.aide{ width:360px; color:#ababab; font-style:italic; background:url('../img/help/Help6.png') no-repeat 8px center; padding:5px 0px 5px 30px; margin:0px 0px 8px 5px;}
div#requiredFields{ display:none; background-color:#e9584c; color:white; font-weight:bold; font-style:normal; padding:1px; width:auto; text-align:center; margin:6px 0px; padding:4px 0px;}
a.nonSouligne{ text-decoration:none;}
a.lienMini{ font-size:10px; color:#3385ad; text-decoration:underline; cursor:pointer;}

.Titre{ color:#3385ad; font-size:12px; font-weight:bold;}
.TitreAccueil{ color:#3385ad; font-size:14px; font-weight:bold;	}
.TitreApp{ color:#B0C4DE; font-size:14px; font-weight:bold;}
.TitreSilver{ color:Gray; font-size:13px; font-weight:bold;	}
.deleted{ color:#e9584c;}
.avert{ color:#DC0000; font-style:italic;}
div.avert{ background:url('../img/urgent/urgent2.png') no-repeat center left; padding-left:18px; line-height:16px;}
div.urgent{ background:url('../img/urgent/urgent2.png') no-repeat center left; padding-left:18px; line-height:16px; text-align:left; color:#bb2222; font-weight:bold;}
.readOnly{ color:#999999;}
.italic{ font-style:italic;}
.bold{ font-weight:bold;}
.algo{ color:#81B0BD;}
.algoOP{ color:#5A9CAF; font-weight:bold;}
.ui-state-active .algo{ color:#C6D4D8;}
.ui-state-active .algoOP{ color:#B5C8CE; font-weight:bold;}
.recordID{ font-size:16px; margin:0px 2px;}
.empty{ font-style:italic; color:#ababab;}
.avertEmpty{ background:url('../img/rows/avert.png') no-repeat left center; color:orange; padding-left:20px;}
.key{ background:url('../img/mini/key.png') no-repeat 3px center; padding-left:18px;}
.exception:hover{ color:orange; cursor:pointer;}
div.titreModule{ background:transparent url("../img/menu/puce_titre.gif") left center no-repeat; padding-left:26px; color:#3385ad; font-size:12px; font-weight:bold; line-height:20px; width:96%; text-transform:uppercase; margin:20px 0px 4px 0px;}
div.titreModuleAdmin{ background:transparent url("../img/menu/puce_titre_admin.gif") left center no-repeat; padding-left:26px; color:black; font-size:12px; font-weight:bold; line-height:20px; width:auto; text-transform:uppercase; margin:20px 0px 4px 0px;}
div.sousTitreModule{ background-color:#e6f0f5; color:#85b6ce; line-height:20px; font-weight:bold; margin-bottom:30px; border-bottom:1px dashed #85b6ce; text-align:center;}
div.sousTitreModuleAdmin{ background-color:#fafafa; color:#c0c0c0; line-height:20px; font-weight:bold; margin-bottom:30px; border-bottom:1px dashed #dcdcdc; text-align:center;}
div.libElement{ width:100%; color:#3385ad; font-size:14px; font-weight:bold; line-height:40px; text-align:center;}
div.libSubElement{ width:100%; color:#adcedf; font-size:11px; font-weight:bold; line-height:20px; text-align:center;}
span.titreModuleComp{ margin:0px 4px; color:#ADCEDF; font-size:12px;}
span.titreModuleAdminComp{ margin:0px 4px; color:#999999; font-size:12px;}
img.lowOpacity{ opacity:0.6; filter:Alpha(Opacity=60);}
img.lowOpacity:hover{ opacity:1; filter:Alpha(Opacity=100); cursor:pointer;}
li.star{ list-style-image:url('../img/mini/31.png');}
div.graphError{ border:1px solid orange; background:#ffffe0 url('../img/warning32.png') no-repeat center center;}

div.advanced{ line-height:20px; font-size:11px; opacity:0.8; filter:Alpha(Opacity=80); background:#ededed url('../img/rows/spyglass.png') 6px center no-repeat; cursor:pointer; color:#808080; width:99%; margin:0px auto; font-weight:normal; text-align:center; margin-top:4px; border:1px solid #e5e5e5; }
div.advanced:hover{ opacity:1; filter:Alpha(Opacity=100); cursor:pointer; }
li.advanced{ line-height:20px; font-size:10px; color:#999999; }
span.advanced{ padding-left:14px; margin-left:20px; background:url('../img/mini/29.png') left center no-repeat; font-size:10px; color:#999999;}
.advanced * { font-size:10px; color:#808080; }

/* LOGIN SCREEN */
div.login{ border:1px solid #B0C4DE; background-color:#fafafa; width:500px; margin-right:auto; margin-left:auto; margin-top:40px; overflow:hidden;}
div.login_header{ border-bottom:1px solid #dcdcdc; background-color:#ededed; text-align:center; width:100%; padding-top:5px; padding-bottom:5px;}
div.login_app_title{ width:100%; text-align:center; margin:40px 0px 40px 0px;}
div.login_footer{ padding:5px 0px 5px 0px; color:#3385ad; font-size:10px; text-align:center; margin-top:50px;}
div.login_avertissement{ width:90%; border:1px solid green; background-color:#fafffa; color:green; text-align:center; padding:4px 0px 4px 0px; margin-right:auto; margin-left:auto; margin-bottom:20px;}
div.login_error{ width:80%; border:1px solid #ff0000; background-color:#fffafa; color:#ff0000; font-weight:bold; text-align:center; padding:4px 0px 4px 0px; margin-right:auto; margin-left:auto; margin-top:10px; margin-bottom:10px;}
div.maintenance{ border:0px solid #dcdcdc; text-align:center; padding:12px; line-height:18px; background-color:#fafafa; font-size:12px; font-weight:bold; font-style:italic; color:#999999; margin-bottom:4px;}
div.avertissement{ border:2px solid #dcdcdc; padding:8px; width:auto; background-color:#C00000; color:white;	margin-top:10px; margin-bottom:10px;}
div.avert_red{ padding:8px 20px; width:auto; color:#c00000; margin-top:10px; margin-bottom:10px; text-align:center;}
div.avert_green{ padding:8px 20px; width:auto; color:#00ab00; margin-top:10px; margin-bottom:10px; text-align:center;}
div.login_logo_bcg{ width:152px; height:152px; margin:0px auto; line-height:152px; background:url('../img/bckLogo.gif') no-repeat;}
div.login_logo_img{ width:100%; height:100%; background:url('../img/app/app96.png') no-repeat 50% 56%;}

/* WORKFLOW SELECTION MENU */
div.titreWMenu{ color:#83745f; font-weight:bold; font-size:14px; text-align:center; margin:30px 0px;}
a.workflowBox{ color:#83745f; font-weight:bold; width:600px; line-height:52px; text-align:center; margin:20px auto; display:block;}
a.workflowBox table{ border:1px solid #83745f; background-color:#f9f9f9; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
a#linkWorkflow{ opacity:0.7; filter:Alpha(Opacity=70);}
a#linkWorkflow:hover{ opacity:1; filter:Alpha(Opacity=100); cursor:pointer;}
td.tabWorkflowBox{ width:60px; text-align:center; background-color:#ededed; border-right:1px dashed #dcdcdc; border-top-left-radius:8px; border-bottom-left-radius:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-bottomleft:8px;  -webkit-border-bottom-left-radius:8px;}
td.tabWorkflowNew{ width:50px; text-align:center; color:#ffffff; background:transparent url("../img/doc/doc_bleu_32.gif") center center no-repeat;}
td.tabWorkflowMaintenance{ width:80px; text-align:center; color:#ffffff; background:transparent url("../img/gears/gearsM.png") center 2px no-repeat; color:#83745F; font-style:italic; font-size:10px; font-weight:normal; line-height:14px; padding-top:22px;}

/* FRAMES */
div.Page{ width:1000px; overflow:hidden; margin-left:auto; margin-right:auto;}
div.EnteteW{ background-color:#83745f; width:100%; height:60px; overflow:hidden; border-bottom:6px solid #cfc8be; display:table;}
div.Entete{ background-color:#3385ad; width:100%; height:60px; overflow:hidden; border-bottom:6px solid #adcedf; display:table;}
div.EnteteAdmin{ background-color:#404040; width:100%; height:60px; overflow:hidden; border-bottom:6px solid #c0c0c0; display:table;}
div.Entete_Titre{ width:auto; height:60px; overflow:hidden; padding-left:60px; background:url('../img/app/app48.png') 6px center no-repeat;}
div.Entete_Content{ width:auto; height:60px; text-align:right; overflow:hidden; line-height:30px; padding-right:20px;}
div.Content{ width:100%; overflow:hidden; display:table;}
div.Content_Menu{ width:150px; display:table; overflow:hidden; float:left;}
div.Content_Menu_APP{ width:100%; overflow:hidden;}
div.Content_Menu_GEN{ width:100%; overflow:hidden; border-left:6px solid #66b9b9; margin:1px 0px;}
div.Content_Menu_WFL{ width:100%; overflow:hidden; border-left:6px solid #b2dcdc; margin:1px 0px;}
div.Content_Menu_DIV{ width:100%; overflow:hidden; border-left:6px solid #d8eded; margin:1px 0px;}
div.Content_Body{ width:850px; display:table; overflow:hidden;}

td.topMainMenu{ border-left:1px dashed #adcedf; background-color:#5c9dbd;}
td.topMainMenuW{ border-left:1px dashed #cfc8be; background-color:#9c917f;}
td.topAdminMenu{ border-left:1px dashed #c0c0c0; background-color:#666666;}
a.mainMenuLink{ text-decoration:none; color:#7fbfbf; font-size:10px; display:block; width:90px; height:auto; margin:0px auto; padding:4px 0px; border:1px solid #ffffff; background-color:#ffffff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
a.mainMenuLink:hover{ border:1px solid #dcdcdc; background-color:#fafafa; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}

/* ENTETE :TOP */
span.userName{ color:white; font-weight:bold; font-size:18px; text-shadow:1px 1px #333;}
span.appDesc{ color:white; font-style:italic; font-weight:bold; font-size:13px; text-shadow:1px 1px #333;}
div.msgAvertTOP{ background-color:white; color:#DC0000; font-size:8pt; padding:2px; font-weight:normal; border:2px dotted white;}
div.appTitle{ line-height:38px; color:white; font-style:italic; font-weight:bold; font-size:20px; text-transform:uppercase; text-shadow:1px 1px #333;}
div.pflSUPERADMIN{ font-size:10px; font-weight:bold; color:#f0c631; text-shadow:1px 1px #000; padding-left:16px; background:url('../img/stars/yellow12.png') center left no-repeat; text-align:left;}
div.pflADMIN{ font-weight:bold; color:#ade8f6; padding-left:16px; text-shadow:1px 1px #666; background:url('../img/stars/blue12.png') center left no-repeat; text-align:left;}
div.pflUSER{ font-weight:bold; color:#e5e5e5; padding-left:16px; text-shadow:1px 1px #000; background:url('../img/stars/gray12.png') center left no-repeat; text-align:left;}
div.logout{ opacity:0.9; filter:Alpha(Opacity=90); background:url('../img/session_end16.png') 2px center no-repeat; cursor:pointer; text-align:left; padding-left:24px; color:#ffffff;}
div.logout:hover{ opacity:1; filter:Alpha(Opacity=100);}
a.goMain { border:1px solid #dcdcdc; background:#fafafa url('../img/app/app16.png') 4px 2px no-repeat; height:14px; color:black; padding:2px 4px 1px 22px; text-decoration:none; margin-right:10px; font-size:11px;}
a.goAdmin { border:1px solid #dcdcdc; background:#fafafa url('../img/menu/gear.png') 4px 2px no-repeat; height:14px; color:black; padding:2px 4px 1px 22px; text-decoration:none; margin-right:10px; font-size:11px;}

/* MENU */
#menu { background:transparent; float:left; list-style:none; margin:0px; padding:0px; width:120px;}
#menu li.header { margin:20px 0px 20px 0px; text-align:center;}
#menu li.option,
#menu li.option_selected{ margin:0px 0px 4px 0px; padding:0; cursor:pointer;}
#menu li.option a { background:#adcedf url("../img/menu/puce_menu.gif") left center no-repeat; border:1px solid #dcdcdc; color:white; display:block; margin:0; padding:2px 16px; text-decoration:none; line-height:14px;}
#menu li.option_selected a { background:#3385ad url("../img/menu/puce_menu.gif") left center no-repeat; border:1px solid #dcdcdc; color:white; display:block; margin:0; padding:2px 16px; text-decoration:none; line-height:14px;}
#menu li.option a:hover { background:#85b6ce url("../img/menu/puce_menu.gif") left center no-repeat; color:white;}
#menu li#admin.option a { background:#ababab url("../img/menu/puce_menu.gif") left center no-repeat; border:1px solid #dcdcdc; color:white; display:block; margin:0; padding:2px 16px; text-decoration:none; line-height:14px;}
#menu li#admin.option_selected a { background:#404040 url("../img/menu/puce_menu.gif") left center no-repeat; border:1px solid #dcdcdc; color:white; display:block; margin:0px; padding:2px 16px; text-decoration:none; line-height:14px;}
#menu li#admin.option a:hover { background:#8c8c8c url("../img/menu/puce_menu.gif") left center no-repeat; color:white;}
#menu li.footer { background:url("../img/mail.gif") center 0 no-repeat; margin:20px 0px 10px 0px; padding-top:10px; text-align:center;}
#menu li.footer a { cursor:pointer; color:#3385ad; font-size:10px; text-decoration:underline;}
#menu li.goAdmin a { background:#404040 url("../img/menu/pref16.png") 2px center no-repeat; border:1px solid #dcdcdc; color:white; display:block; margin:10px 0px 4px 0px; cursor:pointer; padding:3px 0px 3px 24px; text-decoration:none; line-height:14px;}
#menu li.goMain a { background:#3385ad url("../img/app/app16.png") 2px center no-repeat; border:1px solid #dcdcdc; color:white; display:block; margin:10px 0px 4px 0px; cursor:pointer; padding:3px 0px 3px 24px; text-decoration:none; line-height:14px;}

/* CONTENT */
div.adminHomePage{ background:url('../img/menu/pref96.png') center 160px no-repeat; height:600px; line-height:600px; margin-top:30px; color:#dcdcdc; font-size:42pt; font-weight:bold; text-align:center;}
div.recordsInfo{ width:auto; text-align:right;}
span.paginationClick{ font-size:9pt; font-weight:normal; cursor:pointer; text-decoration:underline;}
span.paginationCurrent{ font-size:12pt !important; font-weight:bold; color:black !important;}
span.recordCount{ font-size:10px; color:#808080; float:left;}
span.recordActions *{ font-size:10px; color:#808080; display:inline;}
span.IPaddress{ font-size:9px; color:#006a98; font-weight:bold;}
.importantField{ font-weight:bold; color:#CC0000;}
.Date{ color:white; font-style:italic; font-size:11px;}
.NomModule{ color:#3385ad; font-size:13px; font-style:italic; font-weight:bold;	}
.bold{ font-weight:bold;}
.bleu{ color:#3385ad;}
.bleuCiel{ color:#ADCEDF;}
.orange{ color:orange;}
.LienBleu{ color:#3385ad; font-size:10px; text-decoration:underline; cursor:pointer;}
.Recherche{ font-size:11px; background-color:#F7F7F7; line-height:30px; border:1px solid #dcdcdc; margin-bottom:20px;}
.mini{ font-size:9px;}
.normal{ font-weight:normal;}

/* FORMS */
table.tableForm{ width:100%;}
td.legendField{ background-color:#f5f5f5; text-align:right; font-weight:bold; line-height:18px; padding-right:2px; color:#3385ad;}
td.valueField{ background-color:#fbfbfb; text-align:left; color:#808080;}
td.sectionField{ background-color:#f0f0f0; text-align:center; font-weight:bold; line-height:18px; padding-right:2px; color:#adcedf; border-bottom:1px dashed #adcedf;}
td.sectionFieldAdmin{ background-color:#f0f0f0; text-align:center; font-weight:bold; line-height:18px; padding-right:2px; color:#999999; border-bottom:1px dashed #d0d0d0;}
td.legendFieldAdmin{ background-color:#f5f5f5; text-align:right; font-weight:bold; line-height:18px; padding-right:2px; color:#000000;}
td.valueFieldAdmin{ background-color:#fbfbfb; text-align:left; color:#000000;}
td.legendFieldAccordion{ text-align:right; line-height:18px; padding-right:2px; color:#999999; border-bottom:1px dotted #dcdcdc;}
td.valueFieldAccordion{ text-align:left; padding-left:4px; border-bottom:1px dotted #dcdcdc;}
td.legendFieldAccordion_noBorder{ text-align:right; line-height:18px; padding-right:2px; color:#999999;}
td.valueFieldAccordion_noBorder{ text-align:left; padding-left:4px;}

/* CHAINE VALIDATION */
div.validators{ border:1px solid #404040; background-color:#fafafa; margin:10px 0px 50px 0px; width:844px;}
div.validatorsTitle{ background-color:#404040; color:white; font-weight:bold; text-align:center; line-height:22px;}
span.accepte{ padding-left:20px; background:url("../img/workflow/workflow_accepte.gif") no-repeat left center; line-height:18px; color:#6B8E23;}
span.refuse{ padding-left:20px; background:url("../img/workflow/workflow_refuse.gif") no-repeat left center; line-height:18px; color:#E9584C;}
span.attente{ padding-left:20px; background:url("../img/workflow/sablier.gif") no-repeat left center; line-height:18px; color:#999999;}
span.encours{ padding-left:20px; background:url("../img/workflow/encours.png") no-repeat left center; line-height:18px; color:#D2691E; font-style:italic;}
.validatorSep{ height:1px; border-bottom:1px dashed #c0c0c0;}
span.delegue{ color:#999999; font-style:italic;}

/* VALIDATION PANEL */
.decision{ width:auto; background-color:#E5E2C4; border:1px solid black; margin:30px 0px;}
a.btn_accepter { opacity:0.8; filter:Alpha(Opacity=80); width:120px; height:24px; line-height:24px; text-align:center; cursor:pointer; background-color:#008000; border:1px solid black; color:white !important; display:inline-block; font-size:9pt; font-weight:bold;}
a.btn_refuser{ opacity:0.8; filter:Alpha(Opacity=80); width:120px; height:24px; line-height:24px; text-align:center; cursor:pointer; background-color:#AB0000; border:1px solid black; color:white !important; display:inline-block; font-size:9pt; font-weight:bold;}
a.btn_revision{ opacity:0.8; filter:Alpha(Opacity=80); width:120px; height:24px; line-height:24px; text-align:center; cursor:pointer; background-color:purple; border:1px solid black; color:white !important; display:inline-block; font-size:9pt; font-weight:bold;}
a.btn_ajouter { opacity:0.8; filter:Alpha(Opacity=80); width:120px; height:24px; line-height:24px; text-align:center; cursor:pointer; background-color:#008000; border:1px solid black; color:white !important; display:inline-block; font-size:9pt; font-weight:bold;}
.decision_img{ border:4px solid black; float:left; background-color:#000000;}
.ajouter_img{ border:7px solid black; float:left; background-color:#000000;}
a.btn_revision:hover,
a.btn_ajouter:hover,
a.btn_accepter:hover,
a.btn_refuser:hover{ opacity:1; filter:Alpha(Opacity=100);}

/* ONGLETS */
#onglets { float:left; width:100%; background:#ffffff; line-height:normal;}
#onglets ul { margin:0; padding:10px 10px 0 50px; list-style:none;}
#onglets li { display:inline; margin:0; padding:0;}
#onglets a { float:left; cursor:pointer; background:url("../img/onglets/themeMain/tab_left.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
#onglets a span { float:left; display:block; background:url("../img/onglets/themeMain/tab_right.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#000000;}
#onglets a:hover span { color:#FFFFFF;}
#onglets a:hover { background-position:0% -42px;}
#onglets a:hover span { background-position:100% -42px;}
#onglets #current a { background-position:0% -42px;}
#onglets #current a span { background-position:100% -42px; color:#ffffff;}

#ongletsAdmin { float:left; width:100%; background:#ffffff; line-height:normal;}
#ongletsAdmin ul { margin:0; padding:10px 10px 0 50px; list-style:none;}
#ongletsAdmin li { display:inline; margin:0; padding:0;}
#ongletsAdmin a { float:left; cursor:pointer; background:url("../img/onglets/themeAdmin/tab_left.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
#ongletsAdmin a span { float:left; display:block; background:url("../img/onglets/themeAdmin/tab_right.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#000000;}
#ongletsAdmin a:hover span { color:#FFFFFF;}
#ongletsAdmin a:hover { background-position:0% -42px;}
#ongletsAdmin a:hover span { background-position:100% -42px;}
#ongletsAdmin #current a { background-position:0% -42px;}
#ongletsAdmin #current a span { background-position:100% -42px; color:#ffffff;}

#onglets_content { float:left; width:100%; border-top:5px solid #404040; display:block; padding-top:10px;}
#ongletsAdmin_content { float:left; width:100%; border-top:5px solid #404040; display:block;}
#ongletsAdmin_title { line-height:22px; background-color:#999999; color:white; text-align:center; font-weight:bold; margin-bottom:10px;}

/* LIENS */
a.link_button{ text-decoration:none;}
a.link_button:hover{ cursor:pointer; color:#3385ad;}
table.link_table tr td{ color:#999999; text-decoration:none;}
table.link_table:hover tr td{ cursor:pointer; color:#404040; text-decoration:underline;}

/* BOUTONS */
div.formButtons{ width:auto; text-align:center; margin:20px 0px;}
a.btn_bleu { width:90px; height:23px; line-height:23px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_bleu.gif') center center no-repeat; color:white !important; display:inline-block;}
a.btn_bleu_long { width:150px; height:23px; line-height:23px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_bleu_long.gif') center center no-repeat; color:white !important; display:inline-block;}
a.btn_bleu_inline { width:90px; height:16px; line-height:16px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_bleu_inline.gif') center center no-repeat; color:white !important; display:inline-block; font-size:7.5pt;}
a.btn_bleu_clair_inline { width:90px; height:16px; line-height:16px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_bleu_clair_inline.gif') center center no-repeat; color:white !important; display:inline-block; font-size:7.5pt;}
a.btn_rouge_inline { width:90px; height:16px; line-height:16px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_rouge_inline.gif') center center no-repeat; color:white !important; display:inline-block; font-size:7.5pt;}
a.btn_vert { width:90px; height:23px; line-height:23px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_vert.gif') center center no-repeat; color:white !important; display:inline-block;}
a.btn_vert_inline { width:90px; height:16px; line-height:16px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_vert_inline.gif') center center no-repeat; color:white !important; display:inline-block; font-size:7.5pt;}
a.btn_violet_inline { width:90px; height:16px; line-height:16px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_violet_inline.gif') center center no-repeat; color:white !important; display:inline-block; font-size:7.5pt;}
a.btn_orange { width:90px; height:23px; line-height:23px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_orange.gif') center center no-repeat; color:black !important; display:inline-block;}
a.btn_bleu_clair_long { width:150px; height:23px; line-height:23px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_bleu_clair_long.gif') center center no-repeat; color:white !important; display:inline-block;}
a.btn_noir { width:90px; height:23px; line-height:23px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_noir.gif') center center no-repeat; color:white !important; display:inline-block;}
a.btn_noir_long { width:150px; height:23px; line-height:23px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_noir_long.gif') center center no-repeat; color:white !important; display:inline-block;}
a.btn_noir_inline { width:90px; height:16px; line-height:16px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_noir_inline.gif') center center no-repeat; color:white !important; display:inline-block; font-size:7.5pt;}
a.btn_gris { width:90px; height:23px; line-height:23px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_gris.gif') center center no-repeat; color:white !important; display:inline-block;}
a.btn_gris_inline { width:90px; height:16px; line-height:16px; text-align:center; cursor:pointer; background:url('../img/buttons/bt_gris_inline.gif') center center no-repeat; color:white !important; display:inline-block; font-size:7.5pt;}
a.btn_EDIT{ width:13px; height:13px; cursor:pointer; background:url('../img/buttons/view_bleu.jpg') center top no-repeat; display:inline-block; border:1px solid #adcedf;}
a.btn_EDIT_admin{ width:13px; height:13px; cursor:pointer; background:url('../img/buttons/view_noir.jpg') center top no-repeat; display:inline-block; border:1px solid #c0c0c0;}
a.btn_FORM_EDIT32{ width:32px; height:32px; line-height:32px; cursor:pointer; background:url('../img/workflow/WForm.png') center top no-repeat; display:inline-block;}

/* START/STOP */
a.start{ width:16px; height:16px; line-height:16px; cursor:arrow; background:url('../img/rows/wstart.gif') no-repeat center center; display:inline-block; margin:0px 2px;}
a.stop{ width:16px; height:16px; line-height:16px; display:arrow; background:url('../img/rows/wstop.gif') no-repeat center center; display:inline-block; margin:0px 2px;}
a.startOFF{ width:16px; height:16px; cursor:arrow; background:url('../img/rows/wstart_off.gif') no-repeat center center; display:inline-block; margin:0px 2px;}
a.stopOFF{ width:16px; height:16px; display:arrow; background:url('../img/rows/wstop_off.gif') no-repeat center center; display:inline-block; margin:0px 2px;}
a.startOFF:hover{ cursor:pointer; background:url('../img/rows/wstart_mid.gif') no-repeat center center; margin:0px 2px;}
a.stopOFF:hover{ cursor:pointer; background:url('../img/rows/wstop_mid.gif') no-repeat center center; margin:0px 2px;}

/* LISTES (COMMON) */
table.TableListe .sort,
table.TableListeAdmin .sort { padding-left:2px; cursor:pointer;}

/* LISTES (MAIN) */
table.TableListe{ border:1px solid #dcdcdc; width:100%; line-height:18px;}
table.TableListe tr th { height:20px; color:white; background:#ADCEDF url('../img/backgrounds/bg_MAIN.gif') repeat-x left top;}
table.TableListe tr td{ padding:2px 0px;}
table.TableListe .ligneA{ background-color:white;}
table.TableListe .ligneB{ background-color:#EDEDED;}
table.TableListe .ligneEmpty{ background-color:white; color:gray; font-style:italic; text-align:center;}
table.TableListe .ligneNew{ background-color:#FFEDED;}
table.TableListe.ligneNew td{ border-top:1px dotted #999999; line-height:22px;}
table.TableListe .ligneA_deleted{ background-color:white; color:#ED0000; font-weight:bold;}
table.TableListe .ligneB_deleted{ background-color:#EDEDED; color:#ED0000; font-weight:bold;}
table.TableListe tr#TR_clickable:hover{ background-color:#E2EEFA; cursor:pointer;}

/* LISTES (ADMIN)  */
table.TableListeAdmin{ border:1px solid #dcdcdc; width:100%; line-height:18px;}
table.TableListeAdmin tr th { height:20px; color:white; background:#606060 url('../img/backgrounds/bg_ADMIN.gif') repeat-x left top;}
table.TableListeAdmin tr td{ padding:2px 0px;}
table.TableListeAdmin .ligneA{ background-color:white;}
table.TableListeAdmin .ligneB{ background-color:#EDEDED;}
table.TableListeAdmin .ligneEmpty{ background-color:white; color:gray; font-style:italic; text-align:center;}
table.TableListeAdmin .ligneNew{ background-color:#DCF0DC;}
table.TableListeAdmin .ligneNew td{ border-top:1px dotted #999999; line-height:22px;}
table.TableListeAdmin .ligneA_deleted{ background-color:white; color:#ED0000; font-weight:bold;}
table.TableListeAdmin .ligneB_deleted{ background-color:#EDEDED; color:#ED0000; font-weight:bold;}
table.TableListeAdmin tr#TR_clickable:hover{ background-color:#B0C4DE; cursor:pointer;}

/* ROW ICONS */
div.iconAdd{ width:16px; height:16px; background:#DCF0DC url('../img/rows/page_add.png') no-repeat center center; margin:0px auto;}
div.iconEdit{ width:16px; height:16px; background:#DCF0DC url('../img/rows/page_edit.png') no-repeat center center; margin:0px auto;}
div.iconDelete{ width:16px; height:16px; background:#DCF0DC url('../img/rows/page_delete.png') no-repeat center center; margin:0px auto;}
div.iconCopy{ width:16px; height:16px; background:#DCF0DC url('../img/rows/page_copy.png') no-repeat center center; margin:0px auto;}

/* LISTES (SUB-ROW) */
div.subRowInfo{ width:80%; border:1px dotted #adcedf; font-size:9px; color:#3385ad; padding:2px; margin:2px auto;}

/* DIVERS */
div.checkAdmin{ width:14px; height:14px; border:1px solid #c0c0c0; background:url("../img/mini/ckb.png") no-repeat center center; margin:0px auto;}
div.uncheckAdmin{ width:14px; height:14px; border:1px solid #c0c0c0; margin:0px auto;}
span.attachedFile { padding:2px 2px 2px 14px; line-height:24px; font-size:10px; font-weight:bold; text-decoration:none; cursor:pointer; background:url('../img/workflow/attach.png') center left no-repeat; color:#800000; text-decoration:none;}
span.dateFile{ color:#ababab; font-size:10px;}
span.enlightSearch{ font-weight:bold;}

/* DRAG-N-DROP */
.dragRow_Etape{ cursor:move; height:40px; border:1px solid #dcdcdc; margin:8px 0px;}
.dragRow_Etape_PH{ height:40px; border:1px solid #D2B48C; background-color:#FFFFE0; margin:8px 0px;}
.dragRow_Question_PH{ height:28px; border:1px solid #D2B48C; background-color:#FFFFE0; margin:4px 0px;}
.dragRow_Choix_PH{ height:20px; border:1px solid #D2B48C; background-color:#FFFFE0; margin:4px 0px;}

/* ETAPES (ADMIN) */
.cellEtapeOrder{ border-bottom:1px solid #dcdcdc; width:40px; background:#ABABAB url('../img/backgrounds/bg_W_ID.gif') repeat-x center center;  font-size:16pt; font-weight:bold; color:#ffffff; text-align:center; line-height:100%;}
.cellEtapeName{ border-bottom:1px solid #dcdcdc; width:auto; background:#FFFFFF url('../img/backgrounds/bg_W_CONTENT.gif') repeat-x center center; font-size:9pt; font-weight:bold; padding-left:10px; color:#808080;}
.cellEtapeButtons{ border-bottom:1px solid #dcdcdc; width:80px; background:#FFFFFF url('../img/backgrounds/bg_W_CONTENT.gif') repeat-x center center; text-align:center;}

/* DIALOGBOX */
div.dialogBox{ width:300px; height:200px;}

/* SORTABLE ROWS */
#sortable_sub, #ordered_sub { list-style-type:none; margin:0; padding:0;}
#sortable_sub li, #ordered_sub li { margin:0 5px 5px 5px; padding:3px; width:90%;}
input.inline-new{ background-color:#f5f5f5; border:1px solid #808080; height:12px; line-height:10px; font-size:10px; padding:2px;}
td.new{ color:#999999; font-style:italic;}
div.statutWorkflow1{ display:inline-block; background:url('../img/paper/gray_edit_32.gif') 2px center no-repeat; padding-left:24px; height:18px; line-height:18px; color:#808080; font-weight:normal;} /* Brouillon */
div.statutWorkflow2{ display:inline-block; background:url('../img/paper/orange_gear_32.gif') 2px center no-repeat; padding-left:24px; height:18px; line-height:18px; color:#CD853F; font-weight:normal;} /* En cours */
div.statutWorkflow3{ display:inline-block; background:url('../img/paper/green_accept_32.gif') 2px center no-repeat; padding-left:24px; height:18px; line-height:18px; color:#6B8E23; font-weight:normal;} /* Accept� */
div.statutWorkflow4{ display:inline-block; background:url('../img/paper/red_refuse_32.gif') 2px center no-repeat; padding-left:24px; height:18px; line-height:18px; color:#E9584C; font-weight:normal;} /* Refus� */
div.statutWorkflow5{ display:inline-block; background:url('../img/buttons/flag16orange.png') 2px center no-repeat; padding-left:24px; height:18px; line-height:18px; color:#DB9B67; font-weight:normal;} /* Refus� */

div.statutEtape1{ display:inline-block; background:url('../img/buttons/flag16gray.png') 4px center no-repeat; padding-left:26px; height:28px; line-height:28px; color:#808080; font-weight:normal;} /* Non commenc� */
div.statutEtape2{ display:inline-block; background:url('../img/buttons/flag16orange.png') 4px center no-repeat; padding-left:26px; height:28px; line-height:28px; color:#D2691E; font-weight:normal;} /* En cours */
div.statutEtape3{ display:inline-block; background:url('../img/buttons/flag16green.png') 4px center no-repeat; padding-left:26px; height:28px; line-height:28px; color:#6B8E23; font-weight:normal;} /* Termin� */
div.statutEtape4{ display:inline-block; background:url('../img/buttons/flag16orange.png') 4px center no-repeat; padding-left:26px; height:28px; line-height:28px; color:#D2691E; font-weight:normal;} /* En r�vision */
div.statutEtape5{ display:inline-block; background:url('../img/buttons/flag16rouge.png') 4px center no-repeat; padding-left:26px; height:28px; line-height:28px; color:#E9584C; font-weight:normal;} /* Refus� */
div.statutEtape6{ display:inline-block; background:url('../img/buttons/flag16green.png') 4px center no-repeat; padding-left:26px; height:28px; line-height:28px; color:#6B8E23; font-weight:normal;} /* Contourn� */
.numEtape{ color:#C0C0C0; font-weight:bold; font-size:13pt;}

/* AUTO-GENERATED FIELDS */
td.legendFieldAuto{ text-align:right; line-height:18px; padding-right:2px; color:#3385ad;}
td.legendFieldAutoKey{ text-align:right; line-height:18px; padding-right:2px; color:#3385ad; font-weight:bold;}
td.legendFieldAutoComment{ text-align:right; line-height:18px; padding-right:2px; font-style:italic; color:#7fbf7f;}
td.valueFieldAuto{ text-align:left; padding-left:4px; color:#000000;}
td.valueFieldAutoComment{ text-align:left; padding-left:4px; color:#808080;}
td.borderFieldAuto{ border-bottom:1px dashed #adcedf;}
table.tableAuto { border-collapse:collapse; width:100%;}
table.tableAuto *{ border:1px solid #404040; font-size:10px;}
table.tableAuto tr td.header{ background-color:#404040; color:#ffffff; text-align:center; width:auto;}
table.tableAuto tr td.data{ background-color:#ededed; color:#696969;}
table.tableAuto tr td input{ color:#000000; border:0px; width:98%; height:100%; line-height:auto; margin:0px; padding:1px;}
table.tableAuto tr td input.erreur{ color:#e9584c; border:0px; width:98%; height:100%; line-height:auto; margin:0px; padding:1px; background:#ffffff url('../img/mini/50.png') right center no-repeat;}
table.tableAuto tr td input.empty{ color:#e9584c; border:0px; width:98%; height:100%; line-height:auto; margin:0px; padding:1px; background:#fadcdc url('../img/mini/required.png') right center no-repeat;}

table.tableAutoAdmin{ border-collapse:collapse;}
table.tableAutoAdmin *{ font-size:10px;}
table.tableAutoAdmin td{ width:120px;}
table.tableAutoAdmin .header{ background-color:#606060; color:#ffffff; border:1px solid #BDBDBD;}
table.tableAutoAdmin .data{ background-color:#ededed; color:#808080; border:1px solid #BDBDBD;}
table.tableAutoAdmin td.header:hover{ background-color:#404040;}
table.tableAutoAdmin td.data:hover{ background-color:#dcdcdc;}
table.tableAutoAdmin td.colSep{ border-left:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; color:#bdbdbd;}
table.tableAutoAdmin td.rowSep{ border-top:1px dashed #dcdcdc; border-bottom:1px dashed #dcdcdc; color:#bdbdbd;}
div.cellDestination{ border:1px dotted #ababab; width:auto; margin:2px; background-color:white; opacity:0.4; height:auto; line-height:10px; cursor:pointer;}
img.tool{ border:1px solid #dcdcdc; background-color:#ededed; padding:2px; margin:0px 1px; opacity:0.7; filter:Alpha(Opacity=70);}
img.tool:hover{ border:1px solid #dcdcdc; background-color:#ededed; padding:2px; cursor:pointer; opacity:1; filter:Alpha(Opacity=100);}

div.buttonRight{ color:#ABABAB; padding-left:8px; opacity:0.7; filter:Alpha(Opacity=70); width:48px;}
div.buttonDown{ color:#ABABAB; padding-top:8px; opacity:0.7; filter:Alpha(Opacity=70); width:48px;}
div.buttonRight:hover{ color:#3385ad; opacity:1; filter:Alpha(Opacity=100); cursor:pointer;}
div.buttonDown:hover{ color:#3385ad; opacity:1; filter:Alpha(Opacity=100); cursor:pointer;}
div.cellInput{ background:#ffffff; width:90%; height:14px; margin:auto; color:#ABABAB; line-height:12px; border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-right:1px solid #ededed; border-bottom:1px solid #ededed; overflow:hidden; cursor:help;}
div.cellInputRequired{ background:#ffffff url('../img/mini/required.gif') no-repeat 1px center; width:90%; height:14px; margin:auto; color:#ABABAB; line-height:12px; border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-right:1px solid #ededed; border-bottom:1px solid #ededed; overflow:hidden; cursor:help;}
div.cellLabel{ width:90%; height:14px; margin:auto; line-height:12px; overflow:hidden; cursor:help; text-align:left;}
.field_auto{ border:1px solid #3385ad; background-color:#f0f0ff;}
.datePicker{ border:1px solid #3385ad; background-color:#f0f0ff;}
.radio_auto, .checkbox_auto{ background-color:#f0f0ff;}
.input_auto{ width:390px; border:1px solid #3385ad; background-color:#f0f0ff;}
.textarea_auto{ border:1px solid #3385ad; background-color:#f0f0ff;}
.textarea_auto_comment{ color:#7fbf7f; font-style:italic; border:1px solid #7fbf7f; background-color:#f5faea;}

div.ExpandCollapse{ background-color:#fafafa; margin:10px 0px 30px 0px; text-align:center; height:30px; line-height:30px;}
div.ExpandCollapse a { font-size:8pt; color:gray; text-decoration:none;}

/* MENUBAR */
div.menuBar{ width:auto; margin-bottom:10px; text-align:right;}
div.menuBar a.buttonSave{ background:#e6f0f5 url('../img/menubar/disk.png') center center no-repeat;}
div.menuBar a.buttonPrint{ background:#e6f0f5 url('../img/menubar/print.png') center center no-repeat;  }
div.menuBar a.buttonRecycle{ background:#e6f0f5 url('../img/menubar/trashcan.gif') center center no-repeat;}
div.menuBar a.buttonCancel{ background:#e6f0f5 url('../img/buttons/flag16rouge.png') center center no-repeat;}
div.menuBar a.buttonPDF{ background:#e6f0f5 url('../img/menubar/pdf.gif') center center no-repeat;}
div.menuBar a.buttonReturn{ background:#e6f0f5 url('../img/menubar/return.png') center center no-repeat;}
div.menuBar a.buttonTree{ background:#e6f0f5 url('../img/menubar/treeview.png') center center no-repeat;}
div.menuBar a.buttonMinimize{ background:#e6f0f5 url('../img/menubar/collapse.gif') center center no-repeat;}
div.menuBar a.buttonMaximize{ background:#e6f0f5 url('../img/menubar/expand.gif') center center no-repeat;}
div.menuBar a#button{ opacity:0.7; filter:Alpha(Opacity=70); cursor:pointer; border:1px solid #adcedf; display:inline-block; margin-left:4px; width:22px; height:22px;}
div.menuBar a#button:hover{ opacity:1; filter:Alpha(Opacity=100); cursor:pointer;}

/* SECTIONS (Document Workflow d�pli�) */
div#accordion_opened div#etape{ border:1px solid #85b6ce; margin-bottom:20px; background-color:#fbfbfb;}
div#accordion_opened div#etape h3{ background-color:#f0f5f8; padding-left:20px; color:#85b6ce; margin-top:0px; height:30px; line-height:30px; border-bottom:1px dashed #dcdcdc;}
div#accordion_opened div#etape_readonly{ border:1px solid #dcdcdc; margin-bottom:20px; background-color:#fbfbfb;}
div#accordion_opened div#etape_readonly h3{ background-color:#ededed; padding-left:20px; color:#999999; margin-top:0px; height:30px; line-height:30px; vertical-align:middle;}
div#accordion_opened div#etape_readonly td.legendFieldAuto,
div#accordion_opened div#etape_readonly td.legendFieldAutoKey,
div#accordion_opened div#etape_readonly td.legendFieldAutoComment{ color:#808080;}
div#accordion_opened div#etape_readonly td.valueFieldAuto{ color:#606060;}
div#accordion_opened div#etape_readonly td.borderFieldAuto{ border-bottom:1px dashed #c5c5c5;}

/* WORKFLOW EVENTS */
div.workflowEvent{ overflow:hidden; border:1px solid #F0EEDF; background-color:#F6F5EE; margin:4px 0px; padding:2px 0px;}
span.date_cloture_etape{ height:22px; line-height:22px; color:#6B8E23; font-weight:normal;}
span.date_cloture_etape_rejet{ height:22px; line-height:22px; color:#E9584C; font-weight:normal;}
span.date_revision_etape{ height:22px; line-height:22px; color:purple; font-weight:normal;}
span.motif_revision_etape{ height:22px; line-height:22px; color:#C793C2; font-weight:normal;}

/* ALERTES  */
a#linkAlerte{ opacity:0.7; filter:Alpha(Opacity=70); font-weight:normal; background-color:#f9f9f9; width:auto; height:52px; line-height:25px; text-align:center; margin:16px auto; display:block;}
a#linkAlerte:hover{ opacity:1; filter:Alpha(Opacity=100); cursor:pointer;}
a#linkAlerte table{height:50px;}
a#linkAlerte span.acteur{color:#404040; font-weight:normal;}

.tabAlerte_ico{ width:50px; height:50px; text-align:center; color:#ffffff; vertical-align:middle; font-weight:bold; font-size:10pt; border-right:1px dashed #c0c0c0; border-top-left-radius:8px; border-bottom-left-radius:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-bottomleft:8px;  -webkit-border-bottom-left-radius:8px;}
.tabAlerte_content{ width:auto; text-align:left; padding-left:10px;}
.tabAlerte_date{ width:120px; vertical-align:top; }

a.alerteBox_accepte table{ border:1px solid #97B065; color:#6B8E23; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
a.alerteBox_refuse table{ border:1px solid #C96464; color:#B22222; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
a.alerteBox_encours_validation table{ border:1px solid #DCA978; color:#CD853F; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
a.alerteBox_a_valider table{ border:1px solid #7DA7CA; color:#4682B4; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
a.alerteBox_revision table{ border:1px solid #C57FC5; color:#8B008B; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}

a.alerteBox_accepte td.tabAlerte_ico{ background:#e9e9e9 url("../img/paper/green_accept_64.gif") center center no-repeat;}
a.alerteBox_refuse td.tabAlerte_ico{ background:#e9e9e9 url("../img/paper/red_refuse_64.gif") center center no-repeat;}
a.alerteBox_encours_validation td.tabAlerte_ico{ background:#e9e9e9 url("../img/paper/orange_gear_64.gif") center center no-repeat;}
a.alerteBox_a_valider td.tabAlerte_ico{ background:#e9e9e9 url("../img/paper/blue_clock_64.gif") center center no-repeat;}
a.alerteBox_revision td.tabAlerte_ico{ background:#e9e9e9 url("../img/paper/purple_revise_64.gif") center center no-repeat;}