/*[of]html:HTML **/
/*
HTML * {
	font-family: "Dingbats", "Webdings", symbol;
	font-size: 5px;
	font-weight: 900;
	color: yellow;
	border-color: red;
	background: red;
	margin: 0;
	padding: 0;
}
*/
/*[cf]*/

/*[c]Editor*/

/*[of]:Main*/

/*[c]Main*/

BODY.main-window {
	padding: 7px 14px;
	width: 800px;
	position: absolute; /* To grow with content : JS need to know sizes */
	margin: 0; /* Must not have any v-margin. See latter comment */
	margin-left: -400px;
		/* Centered, so no left and right margin */
		/* Right margin is width / 2 */
	left: 50%;
	background-color: #F3FCBF;
	cursor: default;
		/* To avoid text-cursor on non-editable text */
}

.main-window #realBody {
	padding: 0;
	margin: 0;
	background-color: #F3FCBF;
		/* Same as for BODY, but must not use transparent, beceause the */
		/* one of BODY may be redefined at run time. */
	float: right;
		/* Contains float */
}

/*[c]Left pan*/

#leftPan {
	float: left;
	padding: 0;
	width: 160px;
	height: 600px;
	margin: 0 6px 0 0;
		/* No left margin, beceause it is in a centered content */
		/* Right margin width + width must be odd */
	background-color: #FFE4C1; /* Same background color as for statusBar */
	display: none; /* Default */
}

#leftPan > DIV {
	position: absolute;
	padding: 0;
	margin: 0;
	width: 160px;
	height: 600px;
}

#ads {
	background: #FFE4C1; /* Same as for leftPan */
}

/*[c]With left pan*/

BODY.main-window.withLeftPan #realBody {
	/* Resize and recenter */
	width: 966px; /* BODY.main-window width + #leftPan width + #leftPan margins */
}

BODY.main-window.withLeftPan {
	/* Resize and recenter */
	width: 966px; /* BODY.main-window width + #leftPan width + #leftPan margins */
	margin-left: -483px; /* width div 2 */
}

.main-window.withLeftPan #leftPan {
	/* Display the left pan area */
	display: block;
}

/*[c]Core content*/

.main-window #realBody #coreContent {
	width: 800px;
	float: right;
	background: transparent;
}
/*[cf]*/
/*[of]:Buttons */

/*[c]Main buttons layout*/

A.button {
	float: right;
	font-size: 11px;
	margin: 5px 0 5px 3px;
	/* Buttons are added right to left, so there is no
	* right padding. This is the default for most buttons,
	* and this is overriden for others */
	padding: 0;
	display: block;
	width: 50px;
		/* Default widths for most of buttons. This is overriden
		* for others */
	height: 64px;
		/* See button label font metrics */
	overflow: hidden;
		/* Contains image which is switched with position shift */
	position: relative;
		/* IE bug : without this, the overflow:hidden will not apply */
	background: transparent;
	text-decoration: none;
	color: #FFE4C1;
		/* Focus rectangle : same color as button text highlight */
}

A.button IMG {
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
		/* To move it and switch buttons states visual aspects */
}

A.button SPAN {
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	color: #939877; /* Button label text color */
	background: transparent;
}

A.button SPAN.highlight {
	/* Cannot use uderline beceause it does not display with IE */
	color: #627211; /* Button label text color on hover */
}

A.button.disabled SPAN {
	/* Cannot use uderline beceause it does not display with IE */
	/* But this is finally better, as underlined means active */
	color: #AFCDE2; /* Gray color */
	cursor: default !important;
}

A.button.disabled {
	/* Cannot use uderline beceause it does not display with IE */
	color: #AFCDE2; /* Gray color */
	cursor: default;
}

/*[c]Half left buttons*/

A.half-left-button {
	margin-right: 0;
	width: 25px;
}

/*[c]Half right buttons*/

A.half-right-button {
	margin-left: 0;
	width: 25px;
}

/*[c]Half height buttons*/

A.half-height-button {
	margin-left: 0;
	height: 39px;
}

DIV.panel2-separator {
	float: right;
	width: 100px;
	height: 2px;
	margin: 7px 0 14px 0;
	font-size: 0; /* IE6 Bug. Otherwise it gives line height to the DIV */
	background-color: #939877;
}
/*[cf]*/
/*[of]:Status bar*/

/*[c]The status bar*/

/* Where current path and file name is displayed */

#statusBar {
		/* Right padding is larger beceause text on the right is italic */
	border: 1px solid;
	color: #754A11; /* File name and border color */
	width: 798px;
		/* 798 + 1 + 1 = 800 = coreContent width */
	position: relative;
		/* For inner absolute positioned elements */
	height: 35px;
	margin-bottom: 4px;
}

/*[c]Status bar components*/

/*[of]:#statusInformationBox*/
#statusInformationBox {
	margin: 0;
	padding: 4px 6px 3px 5px;
	width: 787px;
		/* 787 + 6 + 5 = 798 = statusBar width */
	position: relative;
		/* For inner absolute positioned elements */
	line-height: 28px;
		/* Must be bigger than font-size of #infoStatus and #fileNameDisplay */
	background-color: #FFE4C1; /* Same background color as for leftPan */
}
/*[cf]*/
/*[of]main-window-infostatus:.main-window #elementPathView*/
.main-window #elementPathView {
	left: 0;
	margin: 0;
	padding-right: 7px;
	overflow: hidden;
}
/*[cf]*/
/*[of]main-window-filenamedisplay:.main-window #fileNameDisplay*/
.main-window #fileNameView {
	position: absolute;
	right: 3px;
	margin: 0;
	font-family: "Times New Roman", serif;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 22px;
		/* Cannot share with inherit : IE bug here */
	font-style: italic;
	background: transparent;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 7px;
	overflow: hidden;
}

/*
An Opera bug with this, so removed
and handled by javascript instead

.main-window #fileNameView:first-letter {
	text-transform: capitalize;
}
*/
/*[cf]*/
/*[of]:.main-window #fileFormatView*/
.main-window #fileFormatView {
	position: absolute;
	top: 3px;
	right: 4px;
}
/*[cf]*/

/*[c]Load form*/

/*[of]:#loadFormBox*/
#loadFormBox {
	display: none; /* Initial value */
	position: absolute;
	top: 0;
	width: 100%;
	padding: 0;
	margin: 0;
}
/*[cf]*/
/*[of]main-window-loadform:#loadForm*/
#loadForm {
	padding: 5px;
	height: 25px; /* 29 + 3 + 3 + 2 + 2 = statusBar height */
	text-align: center;
	background-color: #FFE4C1; /* Same as statusInformationBox bkg color */
}

#loadForm * {
	font-size: 0.8em;
	display: inline-block;
	margin-top: 0;
	margin-right: 5px;
	margin-left: 0;
	margin-bottom: 0;
	vertical-align: middle;
}
/*[cf]*/
/*[cf]*/
/*[of]:Left pan (ads & childs list)*/

/*[c]Ads*/

#ads {
	z-index: 901;
}

/*[c]Child navigation*/

#childsNavigationPan {
	z-index: 900;
	overflow: auto;
	position: relative;
		/* IE6 bug. Without this, an inner position:relative will */
		/* remain at a fixed position when the overflow:auto content */
		/* is scrolled */
}

.main-window #childsNavigationPan {
	border: 1px solid;
	border-color: #804040; /* Same border color as for statusBar */
	width: 158px; /* leftPan with - 2px beceause of border */
	height: 598px; /* leftPan with - 2px beceause of border */
}
/*[cf]*/
/*[of]:H/V navigation controls*/
/*[of]:Childs sequence view*/
#childsSequenceView {
	margin: 0;
	padding-right:  4px;
	padding-left:   4px;
	padding-top:    4px; /* Same top as for statusBar */
	padding-bottom: 4px;
}

#childsSequenceView .list-index {
	font-size: 13px;
	float: left;
	width: 15px;
	padding: 3px 5px 3px 0;
}

#childsSequenceView P {
	margin-top:     5px;
	margin-right:   0px;
	margin-bottom:  3px;
	margin-left:    1px; /* Same as .marked left border width */
	padding-top:    3px;
	padding-right:  3px;
	padding-bottom: 5px;
	padding-left:   3px;
	text-align: left;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	overflow: hidden;
		/* Height is not constrained */
		/* Does not fully work as expected with IE6, but */
		/* do not mind, and any way, it is not so bad */
}

#childsSequenceView P.marked {
	/* Must be before P.header */
	border-style: solid;
	border-color: #7598B1;
	border-width: 2px;
	border-width: 4px 1px 4px 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	margin-left: 0;
	background-image: url("edit.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 31px;
}

#childsSequenceView P.header {
	/* Must be after P.marked */
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-color: #754A11;
}

#childsSequenceView.disabled P.marked {
	background-image: url("edit-grayed.png");
}

#childsSequenceView .sublinks-control {
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 3px;
	width: 125px; /* 23 * 5 + 4 * 2 + 1 + 1 */
	margin-bottom: 6px;
}

#childsSequenceView .element-title,
#childsSequenceView .element-excerpt {
	display: block;
	color: #0C3551;
	font-size: 65%;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*[cf]*/
/*[of]:Element path and childs sequence views*/
/*[of]:#elementPathView & #childsSequenceView*/
#elementPathView,
#childsSequenceView {
	font-family: "Trebuchet MS", sans-serif;
	font-weight: normal;
	font-size: 20px;
		/* Cannot share with inherit : IE bug here */
	text-transform: lowercase;
	background: transparent;
	color: #754A11;
}
/*[cf]*/

/*[c]Element link and its sublinks*/

/*[of]:.element-link*/
.element-link {
	color: #754A11;
	text-decoration: underline;
	font-weight: 500;
}
/*[cf]*/
/*[of]:.element-sublink*/
A.element-sublink {
	/* A. is needed, beceause A.button is declared with A. and we need */
	/* to override some A.button definitions */
	float: none; /* Override button's class defaults */
	display: inline-block; /* Override button's class defaults */
	padding: 0;
	margin: 1px; /* Override button's class defaults */
	width: 23px; /* Override button's class defaults */
	height: 27px; /* Override button's class defaults */
}
/*[cf]*/
/*[of]:.element-link.visited,*/
.element-link.visited {
	color: #56636C;
}
/*[cf]*/
/*[of]:.element-link\:(hover & focus),*/
.element-link:focus,
.element-link:hover {
	color: #7598B1;
}
/*[cf]*/
/*[of]:.element-link.selected*/
.element-link.selected {
	color: #0C3551;
}
/*[cf]*/
/*[of]:(#elementPathView & #childsSequenceView).disabled **/
#elementPathView.disabled *,
#childsSequenceView.disabled * {
	color: #AFCDE2 !important; /* The gray color */
	border-color: #AFCDE2 !important; /* Same as color */
	text-decoration: none !important;
	cursor: default !important;
}
/*[cf]*/

/*[c]Hoist parent link*/

/*[of]:.hoist-parent-link*/
.hoist-parent-link {
	margin: 0;
	display: inline-block; /* To get sizes */
	width: 35px;
	height: 19px;
	background-image: url("vers-parent.png");
	border-style: none; /* For Internet Explorer and some others */
	vertical-align: bottom;
	padding-bottom: 5px; /* to get bottom aligned with font underline */
	background-repeat: no-repeat; /* Needed beceause of the padding */
	background-position: 0; /* Initial value */
}
/*[cf]*/
/*[of]:.hoist-parent-link.visited*/
.hoist-parent-link.visited {
	background-position: -35px; /* 35 * -1 */
}
/*[cf]*/
/*[of]:.hoist-parent-link\:(hover & focus)*/
.hoist-parent-link:hover,
.hoist-parent-link:focus {
	background-position: -70px; /* 35 * -2 */
}
/*[cf]*/
/*[of]:.hoist-parent-link.selected*/
.hoist-parent-link.selected {
	background-position: -105px; /* 35 * -3 */
}
/*[cf]*/
/*[of]:.disabled .hoist-parent-link */
.disabled .hoist-parent-link {
	background-position: -140px; /* 35 * -4 */
}
/*[cf]*/

/*[c]Path connectors*/

/*[of]:.path-connector && .reversed-path-connector*/
.path-connector,
.reversed-path-connector {
	margin: 0;
	display: inline-block; /* To get sizes */
	width: 15px;
	height: 19px;
	margin-left: 5px;
	margin-right: 5px;
	/* Later rules gives a background image */
	border-style: none; /* For Internet Explorer and some others */
	vertical-align: bottom;
	padding-bottom: 5px; /* to get bottom aligned with font underline */
	background-repeat: no-repeat; /* Needed beceause of the padding */
	background-position: 0; /* Initial value */
}
/*[cf]*/
/*[of]:.path-connector*/
.path-connector {
	background-image: url("connecteur-chemin.png");
}
/*[cf]*/
/*[of]:.reversed-path-connector*/
.reversed-path-connector {
	background-image: url("connecteur-chemin-inverse.png");
}
/*[cf]*/
/*[of]:.disabled (.path-connector && .reversed-path-connector)*/
.disabled .path-connector,
.disabled .reversed-path-connector {
	background-position: -15px;
}
/*[cf]*/
/*[cf]*/
/*[cf]*/
/*[of]:Top controls panel*/

/*[c]The area*/

#topArea {
	padding: 0;
	width: 800px;
		/* coreContent width */
	margin: 0;
	overflow: visible;
		/* Contains floats */
		/* Grow in height with content */
	background: transparent;
	/* Correct bug for IE6 */
	position: relative;
	z-index: 902;
		/* z-index here instead of on #elementNameSelect, */
		/* beceause IE6 fails to properly handle it on #elementNameSelect */
}

/*[c]Area components*/

/*[of]prsentation:Présentation & logo*/

DIV#presentation {
	/* Fixed dimmensions */
	float: left;
	width: 230px;
	overflow: hidden;
		/* Beceause of fixed width and height */
	background: transparent;
}

P#logoText {
	/* A kind of text image : all metrics are fixed and
		there is no word wrapping */
	background: transparent;
	color: #939877; /* Same as button text color */
	font-family: "Corbel", sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 1px;
	word-spacing: 0;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	/* The container is overflow:hidden */
}

IMG#logoImage {
	height: 37px;
	padding: 6px 0 0 0;
	width: 200px;
		/* 200 + 6 = 206 */
	margin: 0;
	background: transparent;
}

/* 206 < 230 */

/*[cf]*/
	/* Width: 230 */
/*[of]:Panel 1*/
FORM#panel1 {
	/* The one with buttons and controls */
	float: right;
	margin: 0;
	padding: 0;
	width: 555px;
	background: transparent;
}

/* 555 = panel1 client width */

/*[c]Sub panels*/

/*[of]panel-1-sub-1:Panel 1 Sub 1*/
#panel1Sub1 {
	/* The one with buttons */
	float: right;
	width: 400px;
	padding: 0;
	background: transparent;
}
/*[cf]*/
/*[of]panel-1-sub-2:Panel 1 Sub 2*/
#panel1Sub2 {
	/* The one with select and text controls */
	float: right;
	padding: 0 5px 0 0;
	width: 150px;
		/* 150 + 5 = 155 */
	background: transparent;
}

/* 155 + 400 = 555 */
/* 555 is panel1 client width */
/* 400 is panel1Sub1 full width */
/*[cf]*/
/*[of]label-input-list-box:Label, input & list box*/
#panel1Sub2 * {
	font-size: 12px;
	line-height: 18px;
	height: 18px;
}

#panel1Sub2 SELECT,
#panel1Sub2 SELECT * {
	/* For SELECT, revert from the previous rules */
	height: auto;
}

#panel1Sub2 .label-input {
	padding: 0;
	margin: 10px 0;
	background: transparent;
	position: relative;
		/* To be a absolute positioning reference */
}

#panel1Sub2 INPUT,
#panel1Sub2 OPTION,
#panel1Sub2 SELECT {
	text-align: left;
	font-family: "Arial", sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}

#panel1Sub2 INPUT,
#panel1Sub2 SELECT {
	font-family: "Trebuchet MS", sans-serif;
	display: block;
	border: 1px solid;
	border-color: #627211;
	padding: 0 0 0 2px;
	margin: 0;
	background-color: #939877; /* Same as status bar background color */
	color: #F3FCBF; /* Same as child list title (small text) */
}

#panel1Sub2 INPUT {
	width: 83px;
}

#panel1Sub2 OPTION {
	font-size: 120%;
}

#panel1Sub2 LABEL {
	width: 63px;
		/* 63 + 83 + 4 = 150 */
		/* 2 fois 1px de bordure + 2px de padding = 4 */
}

#panel1Sub2 #elementNameSelect {
	position: absolute;
	right: 0;
	display: none; /* Initial value */
}

#panel1Sub2 LABEL {
	display: block;
	float: left;
	text-align: right;
	font-family: "Arial", sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	white-space: pre;
	overflow: hidden;
	color: #939877; /* Same as button text color */
	background: transparent;
}
/*[cf]*/
/*[cf]*/
	/* Width: 555 */

/* 230 + 555 = 785, which is less than 800, to leave room */
/*[cf]*/
/*[of]:Document, message & dialog boxes, right buttons panel*/

/*[c]Form layout*/

FORM#storForm {
	/* Some browsers, like IE, has a default style with margin
	* added to FORM elements */
	padding: 0;
	margin: 0;
	width: 100%;
	background: transparent;
}

/*[c]Form components*/

/*[of]:Right buttons panel*/

/*[c]Panel layout*/

#panel2 {
	width: 110px;
		/* 110 + 690 = 800 */
	float: right;
	padding: 0;
	margin: 0;
	background: transparent;
}

/*[c]Panel components : see buttons*/

/*[c]Notifications*/

.main-window .notifications {
	width: 100px;
		/* Must give it a width due to an IE bug */
	overflow: hidden;
	float: right;
	clear: right;
	background: transparent;
	padding: 0;
	margin: 0;
}

.main-window .notifications P {
	display: none;
	float: right;
		/* Valeur initiale */
	margin: 5px 0 0 0;
	padding: 0;
	font-family: "Impact", sans-serif;
	font-weight: normal;
	font-size: 12px;
		/* Cannot share with inherit : IE bug here */
	background: transparent;
}

#enforceRulesView {
	color: #0C3551;
}

#readOnlyView {
	color: #0C3551;
}

#debugModeView {
	color: #939877;
}
/*[cf]*/
/*[of]:Document, message & dialog boxes panel*/

/*[c]Panel layout*/

#panel3 {
	margin: 0;
	padding: 0;
	width: 688px;
		/* 688 + 1 + 1 = 690 */
		/* 690 + 110 = 800 = coreContent width */
	height: 483px;
		/* Ajustable librement */
	float: left;
	border: 1px solid;
	border-color: #0C3551; /* Same as status small text color */
	position: relative; /* Pour être un référenciel de positionement abso. */
}

/*[c]Panel components*/

#panel3 IFRAME {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	border: 4px solid;
	border-color: #939877; /* ou #FFE4C1 */
	width: 680px;
		/* 680 + 4 + 4 = 688 = panel3 width */
	height: 475px;
		/* 475 + 4 + 4 = 483 = panel2 height */
}

/*[of]document:Document*/

#editorFrame {
	background-color: #939877; /* Same as base dt style background */
}

/*[l]:base-elements-styles.css:../../base-elements-styles.css*/

/*[cf]*/
/*[of]dialog-box:Dialog box*/

#dialog {
	/*display: none;*/
		/* Initiale value */
	background-color: #AB7266;
}

/*[c]See dialog box section of this file*/

/*[cf]*/
/*[of]message-box:Message box*/
#messageBox {
	display: none;
		/* Initiale value */
	position: absolute;
		/* Positioned in #panel3 */
	padding: 0;
		/* Pour l'instant ici */
	width: 60%;
	left: 50%;
	margin-left:-32%; /* width div 2 + adjust */
	bottom: 10%;
	background-color: #f3fcbf;
}

/*[of]frame-with-round-corners:Frame with round corners*/

/*[c]Ajout des bordures gauches et droites sur l'extérieur*/

#messageBox {
	padding-left: 6px; /* 6 = left image width - left border width */
	border-left-style: solid;
	border-left-width: 6px;

	padding-right: 6px; /* 6 = right image width - right border width */
	border-right-style: solid;
	border-right-width: 6px;

	border-color: #754A11;
}

/*[c]Ajout des bordures hautes et basses sur l'extérieur en positionement relatif aprés le flux*/

#MBB2 ,
#MBB4 {
	padding: 0;
	margin: 0;
	width: 100%;
	border: 0 solid;
	border-color: #754A11;
	background: transparent;
	position: relative;
	background-color: #f3fcbf; /* For adjustement only */
}

#MBB2 {
	border-top-width: 6px; /* 6 = top border width */
	height: 8px; /* 6 = top image height - top border width, +2 */
	top: -8px; /* 8 = height */
}

#MBB4 {
	height: 8px; /* 6 = bottom image height - bottom border width, +2 */
	border-bottom-width: 6px; /* 6 = bottom border width */
	bottom: -8px; /* 8 = height */
}

/*[c]Ajout des quatres coins en positionement absolu*/

#MBC1,
#MBC2,
#MBC3,
#MBC4 {
	/* Image for round corners : square matching border size */
	width: 12px;
	height: 12px;
	position: absolute;
		/* Positioned in #messageBox */
}

#MBC1 {
	top: -8px; /* -top left image height, -2 */
	left: -6px; /* -top left image width */
}

#MBC2 {
	top: -8px; /* -top right image height, -2 */
	right: -6px; /* -top right image width */
}

#MBC3 {
	bottom: -8px; /* bottom left image height, -2 */
	right: -6px;
}

#MBC4 {
	bottom: -8px; /* bottom right image height, -2 */
	left: -6px;
}
/*[cf]*/

#messageBoxClientArea {
	padding: 0;
	margin: 0;
}

/*[of]:Message box text area*/
#messageBoxText  {
	text-align: center;
	padding: 0;
	margin: 0;
	background: transparent;
	border-width: 1px;
}

#messageBoxText * {
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: 500;
	letter-spacing: 1px;
	color: #800040;
}

/*[of]html-elements:HTML elements*/
#messageBoxText H4,
#messageBoxText H5 {
	font-family: "Times New Roman", "Georgia", serif;
	font-style: italic;
	/* Not required, but avoid validation warning */
	padding: 0;
}

#messageBoxText H4 {
	font-size: 130%;
	font-weight: 900;
	letter-spacing: 2px;
	word-spacing: 4px;
	margin: 0.2em 0 0.5em 0;
}

#messageBoxText H5 {
	font-size: 105%;
	font-weight: 700;
	letter-spacing: 1px;
	word-spacing: 2px;
	margin: 0.7em 0 0.25em 0;
}

#messageBoxText B {
	letter-spacing: 0;
	word-spacing: 0;
	font-family: "Arial Black", "Arial";
}

#messageBoxText P {
	padding: 2px 3px;
	margin: 1ex;
}

#messageBoxText OL,
#messageBoxText UL
{
	text-align: left;
	padding: 0 3px 0 14px;
	margin: 1ex 2px 1ex 4ex;
	list-style: disc outside;
}
/*[cf]*/
/*[cf]*/
/*[of]:Message box controls area*/
#MessageBoxCtrls {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0.3em;
	margin-top: 1.5em;
}

/*[of]controls-and-icons:Controls and icons*/
INPUT#closeMBButton {
	display: none;
	background-color: #FFD7A4;
	color: #754A11;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: 500;
	font-size: 100%; /* Looks bigger than the message font */
	padding: 0px;
	line-height: 110%;
	width: 20ex;
	height: 2em;
	border: 1px solid;
	border-color: gray;
	margin: 0; /* #MessageBoxCtrls has its own margins */
}

IMG#waitMBIcon {
	display: none; /* Initial value */
	width: 220px; /* Fixed. From image source */
	height: 19px; /* Fixed. From image source */
	padding: 0;
	margin: 0; /* #MessageBoxCtrls has its own margins */
	margin-bottom: 0.6em; /* More than #MessageBoxCtrls own's margin */
	display: inline;
}
/*[cf]*/
/*[cf]*/
/*[cf]*/
/*[cf]*/
/*[cf]*/
/*[of]:Bottom area */
P#bottomArea {
	float: right;
	margin: 12px 0 0 0;
	padding: 7px 0 7px 0;
	width: 800px;
		/* 800 = main-window width */
	border: 1px solid;
	text-align:center;
	background-color: #AFCDE2; /* Same background color as for leftPan */
	color: #7598B1;
}

.withLeftPan P#bottomArea {
	width: 966px;
		/* 966 = main-window.withLeftPan width */
}

#bottomArea A,
#bottomArea IMG {
	display: inline;
	vertical-align: middle;
	background: transparent;
	margin: 0;
}

#bottomArea IMG {
	border: none;
}

#bottomArea A {
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 12px;
	font-family: "Georgia", serif;
	font-weight: 900;
	letter-spacing: 3px;
	word-spacing: 3px;
	color: #7598B1; /* Overidde browser default */
}

#bottomArea A.rss-icon {
	margin-left: 5px;
}

#footerDeco {
	 position: relative;
	 left: -5px; /* The image is a bit widher than the page width */
	 margin-top: 12px; /* Same as font size */
}
/*[cf]*/

/*[c]Dialog boxes*/

/*[of]:Dialogs main layout*/
/*[of]body.dialog-box:BODY.dialog-box*/
BODY.dialog-box {
	padding: 0;
	width: 500px;
		/* width is fixed for beautifying reason only */
	background-color: #FFD7A4;
		/* The background color is choosed so that it make a smooth
			transition while the background image is loaded. Its color
			is choosen to be as near as possible to the dominant color
			of the background image. */
	min-height: 472px;
		/* To force display of the vertical scroll bar, and avoid it to */
		/* appear and disappear depending on content. */
		/* Does not work with IE6 */
	cursor: default;
		/* To avoid text-cursor on non-editable text */

	/* Center horizontally. Cannot use "margin: 0 auto", due to an */
	/* IE7 bug (was working fine on IE6) */

	position: relative;
	margin-left: -250px;
	left: 50%;

	/* margin-left: 50%; */
	/* left: -250px; */
	/* About this one : */
	/* Must use position:absolute instead of position:relative, */
	/* beceause with IE and position:relative, the outer HTML element */
	/* grow in width bigger than the frame client width. */
	/* In this case, IE adds the left offset to the overall content */
	/* width, seeming to forget the was a left-margin (it forgets the */
	/* left margin while computing the overall width, but still apply */
	/* the left margin). */
}

BODY.dialog-box * {
	line-height: 1.5em; /* For better readability */
}
/*[cf]*/
/*[of]dialog-box.outercontainer:.outer-container*/
.dialog-box .outer-container {
	/* Always a direct child of BODY.dialog */

	/* outerContainer defines horizontal metrics
	* referece for elements to be appended verticaly */

	padding: 16px 0;
		/* Use margins of .controlGroup instead */
	margin: 16px 0;

	/* There is no need for a clear:left to ensure that containers
	* will be happended verticaly, beceause the width:100% do that.
	* And further more, adding of a clear:left falls into an IE bug. */
	border: 1px solid;

	background-color: #E2C1E3;
	/* Possible values are : */
	/* background-color: #939877; */
	/* background-color: #AFCDE2; */
	/* background-color: #E2C1E3; */
	/* background-color: #F3FCBF; */

	border-color: #56636C;
}
/*[cf]*/
/*[of]dialog-box.controlgroup:.control-group*/
.dialog-box .control-group {
	/* Always a direct child of an .outerContainer */
	width: 482px;
	margin: 1em auto;
	color: #754A11;
		/* For text and border */
		/* This color is overidden later for P/UL/OL and re-enforced for A */
}

.control-group-inner { /* !!! Hack à revoir */
	text-align: right; /* For direct inline block childs */
}

.dialog-box .control-group.first {
	margin-top: 0;
}

.dialog-box .control-group.last {
	margin-bottom: 0;
}

.dialog-box .control-group-inner {
	background-color: #FFE4C1;
	height: 100%;
		/* IE6 bug. The height:100% give the hasLayout to this, */
		/* requesting it to draw itself without disturbing what comes */
		/* after. Without this, IE6 will shift the content which follow, */
		/* To the right. */
	border-left: 1px solid;
	border-right: 1px solid;
	padding: 0 1ex;
	overflow: auto;
		/* Avoid inner element's margins to collapse with sibling's ones */
}

.dialog-box .control-group UL,
.dialog-box .control-group OL {
	text-align: left;
}

.dialog-box .control-group .deco-haut-section,
.dialog-box .control-group .deco-bas-section {
	font-size: 1px;
		/* IE6 bug : IE6 interpret the empty content as a blank line. */
		/* Tje font-size:1px, avoid IE6 to display this. */
	display: block;
	width: 482px;
	height: 9px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

.dialog-box .control-group .deco-haut-section {
	background-image: url("dialog-section-haut.png");
}

.dialog-box .control-group .deco-bas-section {
	background-image: url("dialog-section-bas.png");
}
/*[cf]*/
/*[of]dialog-box.buttonbox:.button-box*/
.dialog-box .button-box {
	background: transparent;
}
/*[cf]*/
/*[cf]*/
/*[of]elements:Elements*/
/*[of]input-select-option:INPUT, SELECT, OPTION, LABEL, TH*/
/*[of]:INPUT, SELECT, OPTION (colors and fonts)*/
.dialog-box INPUT,
.dialog-box SELECT,
.dialog-box OPTION {
	background-color: #FFD7A4;
	color: #754A11;
		/* Safari modify the color for INPUT, while leaving it
		* as-is for SELECT. Safari turns #871C1C into #FF0000. */
	font-weight: normal;
	letter-spacing: 0;
		/* height equel to line-height, to get a vertical centered
		* text. */
	font-family: "Trebuchet MS", sans-serif;
		/* Same font as for LABEL/TH, defined later */
}

/*[of]:OPTION (colors and fonts)*/
.dialog-box OPTION,
.dialog-box OPTION.normal,
.dialog-box OPTION.allowed {
	/* Use the default color */
}

.dialog-box OPTION.highlight {
	color: #7598B1;
}

.dialog-box OPTION.disallowed {
	color: #7598B1; /* The gray color */
}

.dialog-box OPTION.unassigned {
	color: #56636C;
	font-style: italic;
}
/*[cf]*/
/*[cf]*/
/*[of]:INPUT, SELECT (borders)*/
.dialog-box INPUT,
.dialog-box SELECT {
	border: 1px solid;
}
/*[cf]*/
/*[of]:INPUT (h-metrics)*/
.dialog-box INPUT {
	padding-right: 0.3em;
		/* Cannot give a right padding to SELECT with FF, so
		* give one only to INPUT. */
	width: 20ex;
		 /* See SELECT width */
	margin-left: 0;
	margin-right: 0;
}

.dialog-box INPUT.name {
	/* Use default width */
	/* See SELECT.name width */
}

.dialog-box INPUT.value {
	width: 31ex;
		 /* See SELECT.value width */
}
/*[cf]*/
/*[of]:SELECT (h-metrics)*/
.dialog-box SELECT {
	width: 21ex; /* See INPUT width */
	margin-left: 0;
	margin-right: 0;
}

.dialog-box SELECT.name {
	/* Use default width */
	/* See INPUT.name width */
}

.dialog-box SELECT.value {
	width: 32ex; /* See INPUT.value width */
}

/* Select must have the same width as input, but as there is no */
/* padding on select, we replace the padding 0.5ex of input, by adding */
/* 0.5 + 0.5 ex width on the select element */
/*[cf]*/
/*[of]:LABEL (h-metrics)*/
.dialog-box LABEL {
	margin-left: 0;
	margin-right: 0;
}
/*[cf]*/

/*[of]:LABEL, TH (colors and fonts)*/
.dialog-box LABEL,
.dialog-box TH {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.1em;
	font-weight: 500;
	color: inherit;
	text-align: right;
}
/*[cf]*/
/*[of]:LABEL, TH, SPAN (inner SPANs)*/
.dialog-box LABEL SPAN,
.dialog-box TH SPAN {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
}
/*[cf]*/
/*[of]:LABEL, TH (text align)*/
.dialog-box LABEL {
	text-align: right;
}

.dialog-box TH {
	text-align: left;
}
/*[cf]*/
/*[of]:LABEL, INPUT, SELECT (v-metrics and inline-block)*/
.dialog-box LABEL,
.dialog-box INPUT,
.dialog-box SELECT {
	padding-top: 0;
	padding-bottom: 0;
	display: inline-block;
}

.dialog-box INPUT {
	height: 1.6em;
}

.dialog-box SELECT {
	height: 1.8em;
}

.dialog-box LABEL,
.dialog-box INPUT,
.dialog-box SELECT {
	display: inline-block;
	vertical-align: middle;
}

.dialog-box LABEL {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
}

.dialog-box INPUT,
.dialog-box SELECT {
	margin-top: 0.5em;
	margin-bottom: 0;
		/* Add 0.4em to the margin previously defined for LABEL, */
		/* to simulate the outline spacing of text in LABELs */
}
/*[cf]*/

/*[of]:.errorneous*/
.dialog-box .errorneous {
	border-color: #FF0000; /* The error color */
	background-color: #FFD7D7; /* The error background color */
}
/*[cf]*/
/*[cf]*/
/*[of]hn-label-th:H3, H4, H5*/

/*[c]Text as title of any kind*/

.dialog-box H3,
.dialog-box H4,
.dialog-box H5 {
	background: transparent;
		/* Color, font size and font weight, later defined
		* for each element */
}

.dialog-box H4:first-letter,
.dialog-box H5:first-letter {
	text-transform: uppercase;
}

.dialog-box H3 SPAN,
.dialog-box H4 SPAN,
.dialog-box H5 SPAN {
	background: transparent;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
}

.dialog-box H3,
.dialog-box H4,
.dialog-box H5 {
	padding: 0;
		/* No left and right peers */
}

.dialog-box H3 {
	text-align: center;
	margin: 4px 0;
	font-family: "Georgia", serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 800;
	color: inherit;
}

.dialog-box H4 {
	margin: 0;
	font-family: "Arial", sans-serif;
	font-size: 1em;
	font-weight: 700;
	color: inherit;
	font-style: italic;
	text-align: center;
}

.dialog-box H5 {
	text-align: left;
	margin: 1.2em 0 0.2em 0;
	font-family: "Trebuchet MS", sans-serif;
	font-style: italic;
	font-size: 0.9em;
	font-weight: 600;
	color: inherit;
}
/*[cf]*/
/*[of]table-table:P, TABLE, UL, OL, .area*/

/*[c]Containers without direct text*/

.dialog-box TABLE,
.dialog-box UL,
.dialog-box OL,
.dialog-box THEAD,
.dialog-box TBODY,
.dialog-box TR,
.dialog-box .area {
	background: transparent;
}

/*[c]First level containers*/

.dialog-box TABLE,
.dialog-box UL,
.dialog-box OL {
	margin: 0 0 1ex 0;
	padding: 0;
	width: auto;
		/* Not 100%, to allow later specification of h paddings */
}

.dialog-box UL,
.dialog-box OL {
	list-style-image: url(long-dash.png);
	list-style-position: outside;
	padding-left: 41px;
		/* 41 = 14 + 27 */
		/* 27 = image width, 14 = standard offet */
		/* Leave other paddings as previously defined */
}

.dialog-box P {
	font-family: "Georgia", serif;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	text-align: justify;
	color: inherit;
	background: transparent;
	padding: 0;
	margin: 1em 0;
}

.dialog-box P,
.dialog-box UL {
	color: #56636C;
}

/*[c]Second level containers*/

.dialog-box THEAD,
.dialog-box TBODY,
.dialog-box TR {
	margin: 0;
	padding: 0;
		/* Rely on leaf elements for presentation */
}

/*[c]Last level containers defined later*/

.dialog-box THEAD,
.dialog-box TR,
.dialog-box TH {
	margin: 0;
	padding: 0;
	height: 10px;
}

.dialog-box TR {
	margin: 10px;
}

.dialog-box TABLE {
	margin: 5px 0;
}
/*[cf]*/
/*[of]li-td:LI, TD*/
.dialog-box TD,
.dialog-box LI {
	background: transparent;
	font-family: "Georgia", serif;
	font-size: inherit;
	font-weight: normal;
	line-height: 1.2em;
	text-align: justify;
	color: inherit;
	padding: 0.3em 0;
	margin: 0.2em 0 0 0;
		/* To pass parent text color to content */
}

.dialog-box TD SPAN,
.dialog-box LI P,
.dialog-box LI SPAN,
.dialog-box LI A {
	background: transparent;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

/* Due to an IE6/IE7 bug, we cannot use cell-spacing, */
/* so we emulate the same layout with margin on content. */
.dialog-box TD INPUT,
.dialog-box TD SELECT {
	margin-right: 10px;
}
/*[cf]*/
/*[of]p-span-others:Others*/
.dialog-box P SPAN,
.dialog-box P A {
	background: transparent;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

.dialog-box .node-name {
	font-weight: 600;
}

.dialog-box .parenthesis {
	font-style: italic;
}

.dialog-box .lasidore-name {
	font-style: italic;
	font-weight: 500;
}

.dialog-box A:link {
	text-decoration: underline;
}

.dialog-box A:visited {
	text-decoration: underline;
}

.dialog-box A:link {
	color: #754A11;
		/* Same as for .controlGroup base text coloe */
		/* Cannot use inherit here, beceause this will */
		/* give the default link color (ex. blue with IE) */
}

.dialog-box A:visited {
	color: #56636C; /* Same as for P and UL/OL */
}

.dialog-box P.selection-info {
	font-family: "Georgia", serif; /* Same font as for H3 */
	font-size: 0.8em; /* ... but even smaller than normal text size */
	height: 4em;
	color: #754A11;
	background-color: #FFEACC;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 11px;
	margin-right: 0.4ex;
	margin-left: 0.4ex;
	padding-top: 0.4ex;
	padding-bottom: 0.4ex;
	padding-right: 0.7ex;
	padding-left: 0.7ex;
	border-style: dashed;
	border-width: 1px;
	overflow: auto;
}
/*[cf]*/
/*[cf]*/
/*[of]:.single-option*/
.dialog-box .single-option LABEL,
.dialog-box .single-option SELECT,
.dialog-box .single-option INPUT {
	display: block;
	text-align: center; /* For LABEL */
	margin-right: auto; /* For SELECT and INPUT */
	margin-left: auto; /* For SELECT and INPUT */
	margin-top: 4px;
}

.dialog-box .single-option LABEL {
	margin-bottom: 1em;
}

.dialog-box .single-option SELECT,
.dialog-box .single-option INPUT {
	margin-bottom: 1.5em;
}

/* Less margin on the LABEL, beceause it text outiline make it looks */
/* bigger */
/*[cf]*/
/*[of]:Help/error message*/
/*[of]:Messages boxes*/
.dialog-box #helpMessageBox {
	background-color: #6D566E;
	/* Possible values are : */
	/* background-color: #6D566E; */
	/* background-color: #500C52; */
}

.dialog-box #errorMessageBox {
	background-color: #FF0000; /* The error background color */
}
/*[cf]*/
/*[of]:Message box content*/
Message box content
.dialog-box #helpMessageBox P,
.dialog-box #errorMessageBox P {
	margin-top: 0;
}

.dialog-box #helpMessageBox H4,
.dialog-box #errorMessageBox H4 {
	margin: 0 0 1ex 0;
}

.dialog-box #helpMessageBox H4.first,
.dialog-box #errorMessageBox H4.first {
	padding: 0 0 0 50px;
		/* 50px is the width of buttons */
		/* Fix the centering rendering, which seems wrong due to the */
		/* float:right at the left of the first H4 */
}

.dialog-box #helpMessageBox H4 {
	color: #6D566E; /* The error color */
}

.dialog-box #helpMessageBox A:link {
	color: #6D566E; /* The error color */
}

.dialog-box #helpMessageBox A:visited {
	color: #6D566E; /* The error color */
}

.dialog-box #errorMessageBox H4 {
	color: #FF0000; /* The error color */
}

.dialog-box #errorMessageBox A:link {
	color: #FF0000; /* The error color */
}

.dialog-box #errorMessageBox A:visited {
	color: #FF0000; /* The error color */
}
/*[cf]*/
/*[of]:Boxes intial states*/
.dialog-box #helpMessageBox,
.dialog-box #errorMessageBox {
	/* display:none is an initial value, which will be dinamicaly
	* switched to display:block. */
	display: none;
}
/*[cf]*/
/*[of]:Buttons box*/
.dialog-box #messageButtonsBox {
	position: relative;
}

.dialog-box #messageButtonsBox2 {
	position: absolute;
	right: -65px;
	width: 50px;
}
/*[cf]*/
/*[of]:Buttons*/
.dialog-box #showHelpButton,
.dialog-box #showErrorButton,
.dialog-box #hideHelpButton,
.dialog-box #hideErrorButton {
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-image: url("boutons-message-dialogue.png");
	background-repeat: no-repeat;
	margin: 0 0 16px 0;
		/* Same margin-bottom as .outer-container, while no margin-top, */
		/* beceause this is a float, so it will not collapse with the */
		/* previous sibling outer-container. A margin-left, beceause */
		/* two buttons may be appended horizontally. */
}

.dialog-box #hideHelpButton,
.dialog-box #hideErrorButton {
	margin: 1.2em 0 0.8em 1em;
	float: right;
}
/*[cf]*/
/*[of]:Button's initial states*/
.dialog-box #showHelpButton {
	display: block; /* Initial value */
}

.dialog-box #showErrorButton {
	display: none; /* Initial value */
}
/*[cf]*/
/*[of]:Button images*/
.dialog-box #showHelpButton {
	background-position: 0px 0px;
}

.dialog-box #showHelpButton:hover {
	background-position: -50px 0px;
}

.dialog-box #hideHelpButton {
	background-position: -100px 0px;
}

.dialog-box #showErrorButton {
	background-position: 0px -50px;
}

.dialog-box #showErrorButton:hover {
	background-position: -50px -50px;
}

.dialog-box #hideErrorButton {
	background-position: -100px -50px;
}
/*[cf]*/
/*[cf]*/
/*[of]:Dialog butons*/
/*[of]:.button-box*/
.dialog-box .button-box {
	padding: 11px 0;
	text-align: center;
	float: left;
		/* Cannot use inline-block due to IE, and cannot use the */
		/* inline-block hack for IE, beceause a width is later specified, */
		/* which would be ignored. */
}
/*[cf]*/
/*[of]:.button-box INPUT*/
.button-box INPUT {
	margin: 0;
	padding: 0 1.3em;
	border: 1px solid;
	background-color: transparent;
	color: #754A11;
	border-color: #754A11; /* Same as text color, repeated to force it */
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.8em;
	font-weight: 600;
	cursor: pointer;
	height: 2.1em;
}
/*[cf]*/
/*[of]:.button-box INPUT.disabled*/
.button-box INPUT.disabled {
	/* Style pour bouton disabled, pour FF, qui n'affiche pas
	* les boutons personalisés comme désactivés quand ils le sont.
	* Il faut de plus passer par une classe, car l'utilisation
	* d'un selecteur basé sur l'attribut disabled, ne fonctionne pas
	* sous tout les navigateurs */
	border: 1px solid;
	color: #AFCDE2; /* The gray color */
	border-color: #AFCDE2; /* Same as text color, repeated to force */
	cursor: default; /* Override the non-default one specified as default */
}
/*[cf]*/

.dialog-box .one-button-group .button-box {
	width:100%;
}

.dialog-box .two-buttons-group .button-box {
	width:49%;
}

.dialog-box .three-buttons-group .button-box {
	width:33%;
}

.dialog-box .four-buttons-group .button-box {
	width:25%;
}
/*[cf]*/

/*[c]Specific help dialog box styles*/

/*[of]help-dialog-box:Help dialog box*/

/*[c]Mainly definition of contextual text colors*/

.dialog-box P#backLinkArea {
	padding: 0;
	margin: 0 0 2em 0;
	text-align: right;
	font-size: 80%;
	display: none;
}

.dialog-box #backLinkArea A {
	color: #0C3551;
}

.dialog-box #semanticArea {
	font-size: 105%;
}

.dialog-box #semanticArea,
.dialog-box #semanticArea * {
	color: #0C3551;
}

.dialog-box .area {
}

.dialog-box #disclaimerArea {
	font-family: "Trebuchat MS", "Arial", sans-serif;
}

.dialog-box #disclaimerArea H4 {
	float: left;
	padding: 0;
	margin-top: 1.5em;
	margin-right: 2ex;
	margin-bottom: 0;
}
/*[cf]*/