/**
 * @name Feuille de style de l'interface d'administration
 * @author Lapoz - pierre.guillaume@e-lixir.fr
 * @copyright Copyright e-Lixir (c) 2005-$Year$
 * @link http://www.e-lixir.fr
 * @package flamL
 * @subpackage Admin
 * @version $Version$
 */

/********** STRUCTURE GENERALE **********/
* { margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; }
HTML { zoom: 1; } /* Merci IE 5 ! */
HTML, BODY { height: 100%; }
BODY { background: #83B0EC url(bg-body.png) repeat-x; color: #3764A0; font-size: 11px; }
BODY.connexion { background-position: 0 -65px; }
#global { position: relative; height: 100%; margin-bottom:-21px; }
*>#global { height: auto; min-height: 100%; }

/********** EN-TETES ET MENU PRINCIPAL **********/
#header { background: #FFF 98% 80% no-repeat; }
#bandeau { height: 20px; background: #EBF3FF; border-bottom: 1px solid #86B1EA; }
#bandeau * { color: #666; }
#bandeau H1 { float: left; margin: 3px 0 0 10px; font-size: 11px; font-weight: bold; }
#bandeau DIV.nfo { float: right; height: 20px; margin-right: 10px; line-height: 20px; vertical-align: middle; }
#bandeau A.lang { text-decoration: none !important; }
DIV.nfo IMG { margin-right: 5px; }
H2 { height: 20px; margin: 13px 0 10px 13px; font-size: 16px; font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #000; }
#menu { width: 980px; height: 19px; }
#menu LI { float:left; list-style: none; }
#menu LI.first { margin-left: 8px; border-left: 1px solid #C2DCFF; }
#menu LI * { color: #3764A0; }
#menu A { float: left; display: block; height: 15px; padding: 2px 20px 0 20px; text-decoration: none !important; background: url(bg-menu-off.gif) repeat-x; border-left: 1px solid #FFF; border-top: 1px solid #C2DCFF; border-right: 1px solid #C2DCFF; border-bottom: 1px solid #FFF; }
#menu LI.actif A, #menu A:hover { color: #FFF; background: url(bg-menu-on.gif) repeat-x; }

/********** CONTENU : STRUCTURE ET NAVIGATION **********/
#container { width: 980px; }
#sousmenu { float: left; width: 190px; margin: 20px 0 0 8px; border: 1px solid #6F9DD9; list-style: none; }
#sousmenu LI { height: 25px; background: url(bg-sousmenu.gif) repeat-x; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#sousmenu LI.first { background: url(bg-sousmenu-first.gif) repeat-x; }
#sousmenu A { display: block; width:182px; height: 24px; padding-left: 7px; line-height: 24px; font-size: 10px; color: #3764A0; text-decoration: none; }
#sousmenu A:hover { text-decoration: underline; }
#sousmenu LI.actif A { font-weight: bold; }
#sousmenu LI.actif A:hover { text-decoration: none; }
#main { float: right; width: 730px; height: 500px; margin: 20px 0 30px 0; padding: 0 15px 20px 15px; background: #FFF url(bg-header-article.gif) repeat-x; border: 1px solid #6F9DD9; }
*>#main { height: auto; min-height: 500px; }
#main.standalone { float: none; width: 935px; margin-left: 8px; }
#connexionWindow { position: relative; left: 50%; width: 350px; margin: 100px 0 0 -150px; padding: 0 15px 20px 15px; background: #FFF url(bg-header-article.gif) repeat-x; border: 1px solid #6F9DD9; }
#headerArticle { height: 25px; line-height: 25px; margin-bottom: 10px; color: #333; }
#headerArticle .cdf { color: #3764A0; font-weight: bold; }
#headerNav { float: right; margin-top: -1px; height: 16px; }
#headerNav IMG { margin-right: 3px; }
.navGauche { float: left; text-align: left; }
.navDroite { float: right; text-align: right; }
DIV.leftPanel { float: left; clear: left; width: 180px; margin: 20px 0 0 8px; padding: 5px; background: #D6E8FF url(bg-panel.jpg) left bottom repeat-x; border: 1px solid #6F9DD9; }
DIV.leftPanel H4 { font-weight: bold; font-size: 11px; margin-bottom: 5px; }
DIV.leftPanel UL { margin-left: 15px; list-style-type: square; }
DIV.leftPanel LI { margin: 0 0 5px 5px; }

/********** CONTENUS **********/
DIV.content H3 { clear: left; margin-bottom: 15px; font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #000; }
DIV.content H4 { clear: left; margin: 10px 0 10px 0; font-size: 12px; font-weight: bold; text-decoration: underline; }
DIV.content H5 { clear: left; margin: 10px 0 10px 0; font-size: 11px; font-weight: bold; font-style: italic; }
DIV.content P { margin-bottom: 8px; line-height: 17px; }
DIV.content P.warning { text-align: center; font-weight: bold; color: #F00; }
DIV.content UL { margin: 10px 0 10px 30px; list-style: none; }
DIV.content OL { margin: 10px 0 10px 30px; }
DIV.content LI { margin-bottom: 5px; padding-left: 15px; background: url(puce.gif) 0px 4px no-repeat; }
DIV.content OL LI { background: none; padding-left: 0; }
IMG.bordure { border: 4px solid #CCE3FF; padding: 1px; }
DIV.content A { color: #529F37; }
DIV.interne { border: 1px solid #ABCBF5; margin-bottom: 5px; padding: 5px; }
DIV.bloc { margin: 5px 0 5px 0; padding: 4px 3px; background: #ECF3F9; }
DIV.bloc LABEL { width: 127px !important; }
DIV.imageN { float: left; text-align: center; min-width: 80px; }
DIV.imageN IMG { margin-bottom: 4px; }
IMG.pourcentage { background: #FFF url(pc-bg.jpg) top left no-repeat; }
#depot { margin: 10px auto 30px auto; border: 1px solid #CCC; text-align: center; }
#arboJS { border: 1px solid #333; background: #FFF url(../../spinner.gif) center center no-repeat; }
#containerArboJS { float: left; width: 420px; }
#managementPanel { width: 480px; margin-top: 30px; }
SPAN.deactivatedItem { font-style: italic; color: #666; }
.selectedTreeRow SPAN.deactivatedItem, .selectedTreeRow_lor SPAN.deactivatedItem { color: #FFF; }
#geoloc { width: 100%; height: 300px; }

	/********** FORMULAIRES **********/
	DIV.content FORM P { clear: left; }
	DIV.content FORM P INPUT { vertical-align: middle !important; }
	DIV.content FORM P.nolabel { padding-left: 130px; }
	DIV.content LABEL { float: left; width: 130px; }
	DIV.content LABEL.inline { float: none; width: auto; margin: 0 5px; vertical-align: middle; }
	DIV.content INPUT, DIV.content SELECT, DIV.content TEXTAREA { width: 180px; font-size: 11px; background: #ECF4FF; color: #333; border-top: 1px solid #84B0EC; border-left: 1px solid #84B0EC; border-right: 1px solid #D2E2F9; border-bottom: 1px solid #D2E2F9; }
	DIV.content INPUT.bouton, DIV.content BUTTON { width: auto !important; padding: 0 5px !important; overflow: visible !important; margin-right: 10px; background: #FFF; border-top: 1px solid #D2E2F9; border-left: 1px solid #D2E2F9; border-right: 1px solid #84B0EC; border-bottom: 1px solid #84B0EC; font-size: 11px; }
	DIV.content INPUT.file { width: auto; }
	DIV.content INPUT.chk { width: auto; background: transparent; border: none; vertical-align: middle !important; }
	DIV.content A.tooltip { position: relative; text-decoration: none; cursor: help; outline: none; }
	DIV.content A.tooltip IMG { vertical-align: middle; }
	DIV.content A.tooltip SPAN.tooltip { display: none; }
	DIV.content SPAN.tooltip, DIV.content SPAN.tooltip * { vertical-align: baseline !important; }
	DIV.content A.tooltip:hover { background: none; z-index: 1000; }
	DIV.content A.tooltip:hover SPAN.tooltip { display: inline; position: absolute; top: 25px; left: -150px; padding: 3px; font-size: 10px; font-style: italic; color: #3764A0 !important; background: #EEE; border: 1px solid #CCC; }

	/********** TABLEAUX **********/
	DIV.fixedTable { overflow: auto; border: 1px solid #EEE; margin-bottom: 10px; }
	TABLE.listing { border: 1px solid #BEDAFF; padding: 1px; margin-bottom: 20px; font-size: 11px; }
	TABLE.fixedTable { margin-bottom: 0 !important; border: none !important; }
	TABLE.listing TD { padding: 7px 0 7px 3px; border-bottom: 1px solid #BEDAFF; border-right: 1px solid #FFF; background: #FFF; }
	TABLE.listing TH { padding: 7px 0 7px 3px; text-align: left; border-bottom: 1px solid #BEDAFF; border-right: 1px solid #FFF; background: #FFF; }
	TABLE.listing TR.entete TH { height: 23px !important; padding: 0; border: none; background: url(bg-th.gif) top right no-repeat; }
	TABLE.listing TR.entete A { display: block; height: 23px; padding: 4px 4px 0 5px; color: #3764A0 !important; text-decoration: none; }
	TABLE.listing TR.entete A.asc { background: url(bg-th-asc.gif) top right no-repeat; }
	TABLE.listing TR.entete A.desc { background: url(bg-th-desc.gif) top right no-repeat; }
	TABLE.listing TR.actif TD, TABLE.listing TR.actif TH { background: #D7E8FF !important; }
	TABLE.listing TR.alt TD, TABLE.listing TR.alt TH { background: #F2F8FF; }
	TABLE.listing TH.actions, TABLE.listing TD.actions { padding: 0; text-align: center; }
	TABLE.listing TH.actions { padding-bottom: 3px !important; text-align: center; }

	/********** LISTINGS **********/
	FORM.searchPanel { margin-bottom: 15px; padding: 10px; border: 1px solid #BEDAFF; }
	FORM.searchPanel SELECT { width: 180px; margin-right: 10px; }
	FORM.searchPanel LABEL { width: auto; margin-right: 10px; }
	FORM.searchPanel INPUT.nbPerPage { width: 40px !important; }
	P.searchNav * { vertical-align: middle; }
	P.pagingNav { margin: 10px 0 10px 0; text-align: center; height: 18px; line-height: 18px; }
	P.pagingNav * { vertical-align: middle; }
	P.pagingNav SELECT { width: auto !important; }
	P.pagingNav OPTION { padding: 0 5px 0 5px; }
	P.pagingNav SPAN, P.pagingNav A { margin-right: 5px; }
	P.actionsNav { text-align: right; }
	P.actionsNav * { vertical-align: middle; }
	P.actionsNav SELECT { width: auto; }
	P.actionsNav INPUT { margin: 0 !important; }
	P.noRecord { margin-top: 20px; font-weight: bold; text-align: center; color: #666; }
	P.nbRecords { margin-top: 20px; text-align: center; color: #666; }

/********** PIED-DE-PAGE **********/
#footer { position: relative; clear:both; bottom: 0px; height: 18px; padding: 2px 5px 0 0; text-align: right; background: #EBF3FF; color: #666; border-top: 1px solid #3764A0; }
#footer A { color: #666; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

/********** STYLES GENERAUX ET SURDEFINITIONS **********/
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }
.gauche { float: left; }
.droite { float: right; }
.middle { vertical-align: middle !important; }
.spacer { clear: both; font-size: 0px; height: 1px; }
.clear { clear: both !important; }
.s { text-decoration: underline; }
.red { color: #C00; }
.green { color: #393; }
.details { font-size: 10px !important; font-style: italic !important; }
.actionOk { margin-bottom: 8px; padding: 5px; line-height: 17px; text-align: center; color: #529F37; font-weight: bold; border: 1px solid #529F37; }
.actionError { margin-bottom: 8px; padding: 5px; line-height: 17px; text-align: center; color: #C00; font-weight: bold; border: 1px solid #C00; }
.actionOk LI, .actionError LI { text-align: left !important; }
.actionOk .normal, .actionError .normal { color: #3764A0; font-weight: normal; text-align: left; }
IMG { border: none; vertical-align: middle; }

/********** BOITE DE DIALOGUE DHTML **********/
#MB_overlay { position: absolute; top: 0; left: 0; margin: auto; width: 100%; height: 100%; z-index: 9999; background-color: #FFF !important; }
#MB_overlay[id] { position: fixed; }
#MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; }
#MB_window[id] { position: fixed!important; }
#MB_frame { position: relative; height: 100%; background-color: #ECF3F9; }
#MB_header { margin: 0; padding: 0; }
#MB_content { padding: 6px .75em; overflow: auto; }
#MB_caption { margin: 0; padding: .5em 2em .5em .75em; font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; text-align: left; }
#MB_close { position: absolute; top: 4px; right: 5px; display: block; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; }
#MB_close:hover { background: transparent; }
#MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(../../spinner.gif) 50% 0 no-repeat; }
#MB_frame { padding-bottom: 7px; }
#MB_window { background-color: #EFEFEF; color: #000; }
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header { background-color: #DDD; border-bottom: 1px solid #CCC; }
#MB_caption { color: #000; }
#MB_close { color: #777; }
#MB_close:hover { color: #000; }
.MB_alert { margin: 10px 0; text-align: center; }

/********** CALENDRIER JS **********/
DIV.calendar { position: relative; z-index: 10000; font-family: tahoma,verdana,sans-serif; font-size: 11px; color: #000; background: #F9F9F9; cursor: default; }
.calendar TABLE { font-family: tahoma,verdana,sans-serif; font-size: 11px; color: #000; border: 1px solid #3764A0; background: #F9F9F9; cursor: default; }
.calendar .button { padding: 2px; text-align: center; }
.calendar THEAD .title { padding: 2px; font-weight: bold; text-align: center; color: #000; background: #FFF; }
.calendar THEAD .headrow { color: #FFF; background: #5988C6; }
.calendar THEAD .daynames { background: #ECF4FF; }
.calendar THEAD .name { padding: 2px; text-align: center; color: #000; border-bottom: 1px solid #556; }
.calendar THEAD .weekend { color: #529F37; }
.calendar THEAD .hilite { padding: 1px; color: #000; border: 1px solid #666; background-color: #B0C6E4; }
.calendar THEAD .active { padding: 2px 0px 0px 2px; background-color: #ECF4FF; }
.calendar TBODY .day { width: 2em; padding: 2px 4px 2px 2px; text-align: right; color: #456; }
.calendar TBODY .day.othermonth { font-size: 80%; color: #BBB; }
.calendar TBODY .day.othermonth.oweekend { color: #FBB; }
.calendar TABLE .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #ECF4FF; }
.calendar TBODY .rowhilite TD { background: #ECF4FF; }
.calendar TBODY .rowhilite TD.wn { background: #EEF; }
.calendar TBODY TD.hilite { padding: 1px 3px 1px 1px; border: 1px solid #BBB; color: #333; background: #ECF4FF; }
.calendar TBODY TD.active { padding: 2px 2px 0px 2px; background: #CDE; }
.calendar TBODY TD.selected { padding: 1px 3px 1px 1px; font-weight: bold; color: #000; border: 1px solid #000; background: #FFF; }
.calendar TBODY TD.weekend { color: #529F37; }
.calendar TBODY TD.today { font-weight: bold; color: #3764A0; }
.calendar TBODY .disabled { color: #999; }
.calendar TBODY .emptycell { visibility: hidden; }
.calendar TBODY .emptyrow { display: none; }
.calendar TFOOT .footrow {  text-align: center; color: #FFF; background: #556; }
.calendar TFOOT .ttip {  padding: 1px; color: #445; border-top: 1px solid #556; background: #FFF; }
.calendar TFOOT .hilite { padding: 1px; color: #000; border: 1px solid #04F; background: #AAF; }
.calendar TFOOT .active { padding: 2px 0px 0px 2px; background: #B0C6E4; }
.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; color: #000; border: 1px solid #655; background: #ECF4FF; font-size: 90%; z-index: 100; cursor: default; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .hilite { color: #333; background: #B0C6E4; }
.calendar .combo .active { font-weight: bold; border-top: 1px solid #46A; border-bottom: 1px solid #46A; background: #EEF; }
.calendar TD.time { padding: 1px 0px; text-align: center; border-top: 1px solid #000; background-color: #F4F0E8; }
.calendar TD.time .hour, .calendar TD.time .minute, .calendar TD.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #FFF; }
.calendar TD.time .ampm { text-align: center; }
.calendar TD.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }
.calendar TD.time SPAN.hilite { border-color: #000; background-color: #667; color: #FFF; }
.calendar TD.time SPAN.active { border-color: #F00; background-color: #000; color: #0F0; }

/********** ARBORESCENCE JS **********/
.defaultTreeTable { margin: 0; padding: 0; border: none; }
.containerTableStyle { position: relative; top: 0; overflow: auto; font-size: 12px; }
.containerTableStyleRTL SPAN { direction: rtl; unicode-bidi: bidi-override; }
.containerTableStyleRTL { position: relative; top: 0; overflow: auto; direction: rtl; font-size: 12px; }
.standartTreeRow { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; -moz-user-select: none; }
.selectedTreeRow { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; background-color: #3764A0; -moz-user-select: none; }
.dragAndDropRow { color: #FFF; background-color: #000090; }
.standartTreeRow_lor { text-decoration: underline; background-color: #FFFFF0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; -moz-user-select: none; }
.selectedTreeRow_lor { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #FFF; background-color: #3764A0; -moz-user-select: none; }
.standartTreeImage { margin: 0; padding: 0; width: 18px; height: 18px; font-size: 1px; border: 0; overflow: hidden; }
.hiddenRow { width: 1px; overflow: hidden; }
.dragSpanDiv, .dragSpanDiv T { font-size: 12px; background-color: #FFF; }
.selectionBox { background-color: #FFFFCC; }
.selectionBar { position: absolute; z-index: 11; top: 0; height: 2px; background-color: #000; overflow: hidden; }
.intreeeditRow { margin: 0; padding: 0; width: 100%; height: 16px; font-size: 8pt; border: 1px solid silver; -moz-user-select: text; }
.dhx_tree_textSign { margin: 0; padding: 0; width: 21px; font-family: monospace; font-size: 8pt; text-align: center; color: #000; cursor: pointer; }
.dhx_tree_opacity { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.dhx_bg_img_fix { width: 18px; height: 18px; background-repeat: no-repeat; background-position: center center; }
.dhxtree_dhx_black { color: #000; background: #FFF; }

/********** CALENDRIER HTML **********/
DIV.calendarHTML { width: 190px; height: 170px; padding: 5px !important; background: #F1F7FF; }
DIV.calendarHTML * { font-size: 11px; font-family: Tahoma; }
DIV.calendarHTML P { margin: 5px 0 10px 0 !important; padding: 0 !important; text-align: center; font-weight: bold; color: #333; }
DIV.calendarHTML UL { clear: both; height: 15px; margin: 0 0 5px 0 !important; padding: 0 !important; list-style: none !important; }
DIV.calendarHTML LI { margin: 0 !important; padding: 0 !important; background: none !important; }
UL.days LI { float : left; width : 27px; color: #333; text-align: center; font-weight: bold; margin-bottom: 7px; }
UL.week { width: 189px; padding: 0; }
UL.week LI { color: #CCC; float : left; width : 27px; text-align: center; margin-bottom: 5px; }
UL.week A { color: #529F37; font-weight: normal; }
UL.week A:hover { list-style: none; text-decoration: none; }
UL.week LI.active A { color: #3764A0; }