body {
	font-family: /*Lucida Grande, Lucida Sans, */ Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EEE;
}
h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 1em 0 0.75em;
	page-break-after: avoid;
}
h2 {
	color: navy;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.25em 0 0.75em;
	page-break-after: avoid;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1ex;
	white-space: nowrap;
	page-break-after: avoid;
}
p {
	margin: 1ex 0;
}

.ui-helper-reset { line-height: 0 !important; }
.ui-widget-content { background:none !important; }

.ui-tabs-nav li { /*height:24px !important;*/ overflow-y:hidden !important; }
.ui-tabs-nav li a { margin-top: 3px !important; font-weight:bolder; }

/* CUSTOM RULES */
.code { display:none; }
table.proprietes { width:100%; }
td.proprietes { width:50%; border-right:1px dotted #ccc; }
tr.proprietes td { border-bottom:1px dotted #ccc; font-size:10px; font-family:Courier, sans-serif; }
.ui-layout-south, .ui-layout-south .footer { border:none !important; }
.header a { text-decoration:none; color:#000; }
#arbre1 a , #arbre2 a { text-decoration:none; color:#003; }
#arbre1 a:hover , #arbre2 a:hover { color:#00f; }
#arbre1 , #arbre2 { background:#fff; }
#vakata-contextmenu a { font-size:11px !important; }
#dosdoc0 > a , #dospar0 > a { color:#999; } 
.toolbar .active {
	color: #007 !important;
	background: #EEE url(images/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	border-top-color: #BBB;
	border-bottom-color: #BBB;
}
body > .ui-layout-south .footer ul.footbar { border:none !important; }
ul.toolbar li { color:#666 !important; }
ul.toolbar li:hover { color:#000 !important; }
ul.toolbar li .ui-icon , ul.footbar li .ui-icon { margin-bottom:1px !important; }

body > .ui-layout-north .toolbar { font-weight:bolder; }
body > .ui-layout-south .toolbar { font-size:11px; }

form.jeditable > button { cursor:pointer; font-size:9px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
form.jeditable > input { height:12px !important; font-size:11px !important; padding:0 !important; margin:0 !important;  }

.ui-tabs .ui-tabs-nav { padding:0 !important; margin:0 !important; }

#arbre_ajaxloader { position:absolute;display:none }
.val_prop { color:#3399FF; }
.val_prop_not_editable { color:#900; }
#arbre1, #arbre2 { padding:0 !important; margin:0 !important; }
.ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
.notallowed { cursor: not-allowed !important; }
.zoomable {cursor: url(images/magnify.cur), url(styles/images/magnify.cur), default;}
.couleur {cursor: url(images/palette.cur), url(styles/images/palette.cur), pointer;}

.opendialog { cursor: alias !important; cursor: -moz-alias !important; }

.case_a_cocher{position:relative;top:2px;}
/*.vert{color:#32CD32;}*/

#eastContent .footer .help {
	font-size:8px;
}

.pane-north { color:#000; text-shadow:1px 1px 4px #fff; }

button {cursor:pointer;}
#bibliotheque,#formulaire { color:#000; }

/* selectbox pour les polices */
span.font_dropdown {
	font-size: 11px;
	width: 131px;
	height: 18px;
	display: block;
	overflow: hidden;
}
select.font_dropdown {
	font-size: 11px;
	width: 129px;
	height: 17px;
	margin:0;
	padding:0;
}
div.font_dropdown {
	position: absolute;
	display: inline-block;
	width: 130px;
	height: 220px;
	background: #fff;
	text-align: left;
	font-size: 11px;
	cursor: pointer;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 9000;
	float:left;
	border: 1px solid #ccc
}
div.font_dropdown ul, div.font_dropdown li {
	list-style: none;
	text-align: left;
	margin:0;
	padding:0;
}
div.font_dropdown a {
	text-decoration: none;
	color: #000;
	background: #fff;
	display: block;
}
div.font_dropdown a:hover, div.font_dropdown a.font_dropdown_hover {
	background: #3399ff !important;
	color: #fff !important;
}



/*
*	COMMON LAYOUT PANE FORMATTING
*/
.pane ,				/* outer pane class */
.ui-layout-pane {	/* inner pane class */
	background-color: #FFF;
	border: 1px solid #777;
	padding: 0;/* alignment & padding is on the inner-divs */
	overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}


/* boutons */

form.jeditable button , .btn{display:inline-block;*display:inline;padding:4px 10px 4px;margin-bottom:0;*margin-left:.3em;font-size:13px;line-height:18px;*line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;border:1px solid #cccccc;*border:0;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);}
form.jeditable button { line-height:12px;*line-height:15px;font-size:11px; }
form.jeditable button:hover , form.jeditable button:active , .btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;*background-color:#d9d9d9;}
form.jeditable button:active , .btn:active,.btn.active{background-color:#cccccc \9;}
form.jeditable button:first-child , .btn:first-child{*margin-left:0;}
form.jeditable button:hover , .btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
form.jeditable button:focus , .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}


/*
*	OUTER-LAYOUT PANE FORMATTING
*/
.pane-north ,
.pane-south ,
.pane-west ,
.pane-east {
	overflow:		hidden;
}
.pane-north {
	border-bottom:	none;
	}
	.pane-north .content ,
	.pane-south .content {
		text-align: center;
	}
.pane-center {
	/* show off the inner-layout inside the outer-center-pane*/
	background-color: #F6F6F6;
	padding: 1px; /* for outer layout */
}

/* inner divs inside Outer East/West panes */
.header { 
	background: #80ade5 url(images/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	border-bottom: 1px solid #777;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
}
.subhead ,
.footer {
	background: #d6d6d6 url(images/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	padding: 3px 10px;
	font-size: 0.85em;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.subhead { border-bottom: 1px solid #777; }
.footer  { border-top: 1px solid #777; }
#mainContent .footer  { border-top: 1px solid #BBB; }
.content {
	padding:	10px;
	position:	relative;
	overflow:	auto;
}




/*
*	OUTER LAYOUT RESIZERS & TOGGLERS
*/

/* north-pane is not resizable
.resizer-north-dragging ,
.resizer-north:hover		{ background: url(images/resizable-n.gif) repeat-x center; }*/
.resizer-south-dragging ,
.resizer-south:hover		{ background: url(images/resizable-s.gif) repeat-x center; }
	
.resizer-west-dragging ,
.resizer-west-open:hover	{ background: url(images/resizable-w.gif) repeat-y center; }
.resizer-east-dragging ,
.resizer-east-open:hover	{ background: url(images/resizable-e.gif) repeat-y center; }

.resizer-west-open ,
.resizer-east-open {
	background-color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.resizer-west-open:hover ,
.resizer-east-open:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.resizer-dragging {
	/* see draggable.opacity option
	opacity: 0.5;
	filter: alpha(opacity=50);
	*/
}
.resizer-dragging-limit	{ background: #FF3300 !important; }

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .resizer-north		{ background: url(images/resizable-n.gif) repeat-x center !important; } */
* html .resizer-south		{ background: url(images/resizable-s.gif) repeat-x center !important; }
* html .resizer-west-open	{ background: url(images/resizable-w.gif) repeat-y center !important; }
* html .resizer-east-open	{ background: url(images/resizable-e.gif) repeat-y center !important; }
/** html .resizer-north , */
* html .resizer-south ,
* html .resizer-west-open ,
* html .resizer-east-open {
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important;
}

/*
*	SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only)
*/

.toggler-north-open ,
.toggler-south-closed 		{ background: url(images/toggle-up.gif) no-repeat center bottom; }
.toggler-north-closed ,
.toggler-south-open   		{ background: url(images/toggle-dn.gif) no-repeat center top; }
/*
.toggler-east-closed ,
.toggler-west-open    { background: url(../layout_img/toggle-lt.gif) no-repeat center right; }
.toggler-west-closed ,
.toggler-east-open    { background: url(../layout_img/toggle-rt.gif) no-repeat center left; }
*/

/*
*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed ,
.resizer-east-closed {
	background: #D1E6FC url(images/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.resizer-west-closed:hover ,
.resizer-east-closed:hover {
	background: #D1E6FC;
}

/*
*	NORTH PANE TOOLBAR & BUTTONS
*/

ul.toolbar, ul.footbar {
	position:	relative;
	overflow:	hidden; /* required to CONTAINER 'floating li' in FF */
	height:		auto;
	margin:		0;
	padding:	2px;
	width:		100%;
	list-style:	none;
	text-align: left;
	background: #D6D6D6 url(images/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	border-top: 1px solid #BBB;
	}
ul.toolbar li , ul.footbar li {
	font-size: 0.9em;
	margin: 0;
	padding: 2px 7px;
	float: left;
	color: #000;
	border: 1px solid transparent;
	border-right-color: #BBB;
	cursor: pointer;
}
ul.footbar li.nobutton {
	cursor: default !important;
}
ul.toolbar li:hover , ul.footbar li.button:hover {
	color: #005;
	background: #EEE url(images/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	border-top-color: #BBB;
	border-bottom-color: #BBB;
}
ul.toolbar li.first:hover {
	border-left-color: #BBB;
}
ul.toolbar li span , ul.footbar li span  {
	/* icons in toolbar */
	width: 			15px;
	height:			15px;
	margin-left:	-3px;
	margin-right:	0.75ex;
	vertical-align:	middle;
	opacity:		0.6;
	filter:			alpha(opacity=60);
	display:		block;
	display:		inline-block;
}
ul.footbar li span , ul.toolbar li.nobutton:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
}
li.button-toggle-north span	,
li.button-open-south span	{ background: url(images/go-up-on.gif) no-repeat center; }
li.button-close-south span	{ background: url(images/go-dn-on.gif) no-repeat center; }
li.button-pin-up span		{ background: url(images/pin-up-on.gif) no-repeat center; }
li.button-pin-down span		{ background: url(images/pin-dn-on.gif) no-repeat center; }

/*
 *	extJS-STYLE TOGGLE & PIN BUTTONS
 *
 *	these 'extra buttons' are INSIDE the east/west panes
 */

/* CUSTOM pin/close buttons */
span.button-pin ,
span.button-close {
	position:	absolute;
	top:		0;
	width: 		20px;
	height:		20px;
	z-index:	2;
	display:	block;
	cursor: 	pointer;
}
span.button-close-west	{ left:	 0; }
span.button-close-east	{ right: 0; }
span.button-pin-west	{ right: 1px; }
span.button-pin-east	{ left:	 1px; }

/* CUSTOM pin-buttons */
span.button-pin-up 		  		{ background: url(images/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover   		{ background: url(images/pin-up-on.gif)  no-repeat center; }
span.button-pin-down 	  		{ background: url(images/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover 		{ background: url(images/pin-dn-on.gif)  no-repeat center; }

/* CUSTOM close-buttons */
span.button-close-west			{ background: url(images/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover	{ background: url(images/go-lt-on.gif)  no-repeat center; }
span.button-close-east			{ background: url(images/go-rt-off.gif) no-repeat center; }
span.button-close-east:hover	{ background: url(images/go-rt-on.gif)  no-repeat center; }

/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed		{ background: url(images/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover	{ background: url(images/go-rt-on.gif)  no-repeat center; }
.toggler-east-closed		{ background: url(images/go-lt-off.gif) no-repeat center; }
.toggler-east-closed:hover	{ background: url(images/go-lt-on.gif)  no-repeat center; }