/**
 * The Dragon stylesheet.
 * ------------------------
 * Colors old:
 * --------
 * dark grey    : #b5b2b8
 * grey         : #e2e2e2
 * light grey   : #dad9d8
 * orange       : #f97601
 * violet       : #5f2a78
 * light violet : #e2cdf3
 * ultra light  : #f7f5f7
 **************************************/
 /* Colors :
 * --------
 * dark grey    : #333333	
 * grey         : #cecece
 * orange       : #e46425
 * violet       : #783187
 * light violet : #c1afc6
 * ultra light  : #a37dae
 **************************************/
 
body,html {
	margin: 0;
	padding: 0px;
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
  font-size: small;
  line-height: 1.5em;
/*	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;*/
	color: #404040;
}

p,form,h1,h2,h3,h4,h5,h6,input,select,textarea,div,a,ul,li,ol {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

input,select,textarea {
	font-size: 100%;
}

table {
	border-collapse: collapse;
}

table acronym {
	border: 0;
	border-collapse: collapse
}

td {
	padding: 0
}

a,a:visited,a:link {
	text-decoration: underline;
	color: #783187;
}

a:hover {
	color: #783187;
}

img,acronym {
	border: none
}

.dn {
	display: none
}

.cb {
	clear: both
}

.noborder {
	border: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.ac {
	text-align: center;
}

.bold {
	font-weight: bold;
}

img {
	margin: 2px 5px 2px 0;
	vertical-align: middle;
}

/* Correction des bug Internet Explorer */
* html button {
	width: 1%;
	overflow: visible;
}

* :first-child+html button {
	overflow: visible;
}

/* ========================================== */
/* Style des header, footer et page container */
/* ========================================== */
/* Dragon (dragon-body) */
body {
	width: 100%;
	background: #F4F4F4 url('../img/Structure/top_bckg.png') repeat-x;
}

#content {
	position: absolute;
	width: 1200px;
	margin-left: -600px;
	left: 50%;
/*	height: 800px;*/
}

#content-top {
	width: 1200px;
	background-image: url('../img/Structure/top.png');
	background-repeat: repeat-x;
	height: 158px;
}

/*
#content-mid-top {
	width: 1010px;
	background-image: url('../img/Structure/mid_top_bckg.png');
	height: 4px;
}
*/
#content-mid {
	width: 1155px; /* = 1200 - 20 - 20*/
/*	height: 500px;*/
	background-image: url('../img/Structure/mid_mid_bckg.png');
	padding: 4px 20px 10px 20px;
	position: relative;
	margin-top:-2px;
}
#page-container {
	border-left:1px solid #A47cc2;
	padding-left:5px;
	display: block;
	position: relative;
	z-index: 1;
	margin-left: 188px;
	min-height: 400px;
	/* Pour IE */
	_height: 400px;
/*	margin-right: 20px;*/
	/*overflow-x: auto;*/.
	overflow:hidden;
	_overflow:visible;
	_width: 1%;
	
	
}
#content-mid-bot {
	width: 1195px;
	background-image: url('../img/Structure/mid_bot_bckg.png');
	height: 31px;
}

#footer {
	clear: both;
	/*margin-top: 30px;*/
	margin-top: 5px;
	padding-bottom: 5px;
	font-size: 0.7em;
	font-weight: bold;
	font-style: italic;
	color: #666666;
	text-align: center;
}

#footer ul {
	display: inline;
	background: url("../img/bulet/footer_bullet.png") right center no-repeat;
	padding-right: 5px;
}

#footer ul li {
	display: inline;
	background: url("../img/bulet/footer_bullet.png") left center no-repeat;
	padding: 0 3px 0 9px;
}

/* Dragon format (content-body) */
.page-title {
  color: #492562;
  font-weight: bold;
  font-size: 14px;
  padding: 4px 4px 0px 6px;
 /* border-bottom: 2px solid #EAEAEA;*/
 /* text-transform: uppercase;*/
 margin-top:0.5em;
 margin-bottom:0.4em;
 letter-spacing:0.1em;
}

#errorbox,#askbox,#messagebox {
	margin: 20px;
}

#errorbox #stack {
	overflow-x: auto;
	_width: 100%;
}

.text {
	margin: 20px 0 20px 20px;
}

.text_browse {
	margin-left: 30px;
	margin-bottom: 10px;
}

.input_field input {
	margin-bottom: 10px;
	margin-left: 30px;
	border: 1px #e46425;
	border-style: solid;
	padding: 1px 2px;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #783187;
}


/* ==================================== */
	/* (vertical) Menu style                */
	/* ==================================== */
#sidebar {
	vertical-align: top;
	width: 188px;
	position: absolute;
	top: 10px;
	left: 17px;
	z-index: 2;
}
div.Menu {
	margin-bottom: 20px;
}

div.Menu .title {
  /*background:#783187 url(../img/nav-li2.png) no-repeat scroll 100% 0;*/
  border-width:0;
  color:#333333;
  display:block;
  margin:0;
  padding:4px 15px;
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
}
div.Menu ul {
  /*background:transparent url(../img/nav-ul.gif) repeat-x scroll 0 2px;*/
  margin:0;
  padding:5px 0;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

div.Menu li {
	font-size:12px;
  /*line-height:1.4em;*/
  /*color:#445566;*/
}

div.Menu li span,div.Menu li a {
	_height: 1%;
	display: block;
	color: #783187;
	text-decoration:underline !important;
  	padding:0.2em 15px;
	vertical-align: middle;
}

div.Menu img {
	vertical-align: middle;
	/*	margin: -2px 3px -2px -3px;*/
}

div.Menu ul li a:hover,div.Menu ul li a:focus {
	/*background-color: #e8e8e8;*/
	color: #a37dae;
}

/* Sub menu */
div.Menu ul ul ul,div.Menu ul ul li.submenu:hover ul ul {
	display: none;
}

div.Menu ul ul ul li span, div.Menu ul ul ul li a {
/*	background: #F8F8F8 url("../img/bulet_nav.gif") 10px center no-repeat;*/
	padding: 5px 5px 5px 20px;
	color: #404040;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	display: block;
}

div.Menu ul ul li.submenu:hover ul,div.Menu ul ul ul li.submenu:hover ul
	{
	display: block;
}

/* Sub-menu popup out on the right */
div.Menu li.submenu:hover {
	position: relative;
}

div.Menu ul ul {
	margin-left: 20px;
}

div.Menu ul ul ul {
	position: absolute;
	/*	width: 80%;*/
	z-index: 3;
	border: 2px solid #E8E8E8;
	top: 20px;
	left: 30px;
	white-space: nowrap;
}

/* ==================================== */
	/* HeaderMenu style                */
	/* ==================================== */
div.HeaderMenu {
	position: absolute;
	overflow: hidden;
	right: 40px;
	top: 100px;
	_width: 300px;
}

div.HeaderMenu ul {
	float: right;
}

div.HeaderMenu ul li {
	float: left;
	padding: 0 5px;
}

div.HeaderMenu .title {
	display: none;
}

/* ============================ */ /* ButtonsBar style             */
	/* ============================ */
div.Buttons {
	text-align: center;
	padding: 10px;
	margin-left: 240px;
	display: block;
	/* clearing fix */
	_width: 100%;
	overflow: hidden;
}

div.Buttons ul li {
	float: left;
}

div.Buttons a,div.Buttons a:link,div.Buttons a:visited,div.Buttons input,div.Buttons span.disabled
{
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
/*	background-color: #F8F8F8;*/
	background: transparent url(../img/button-bg2.gif) repeat-x;
	cursor: pointer !important;
	color: #404040;
	font-family: Verdana, sans-serif;
	font-size:9px;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #D0D0D0;
	margin: 0 5px;
	display: block;
	text-decoration: none;
	padding: 0px 5px;
	height:15px;
}

div.Buttons span.disabled {
	color: #C4C4C4;
}

div.Buttons input {
	/*padding: 2px 4px 3px 4px;*/
	padding:0.28em 0.2em;
	height:17px;
	/* For IE */
	_padding: 2px 0 2px 0;
}

div.Buttons a:hover,div.Buttons input:hover {
	/*
	background: #DEDEDE;
	color: #404040;
	*/
	color: #a37dae;
	background: #e8e8e8;
}

/* ============================ */ /* Toolbar style                */
	/* ============================ */
div.Toolbar {
	position: absolute;
	overflow: hidden;
	right: 48px;
	top: 176px;
	_top: 146px;
	border: 3px double #CECECE;
	padding: 0;
}

div.Toolbar ul li {
	float: left;
}

div.Toolbar a,div.Toolbar a:link,div.Toolbar a:visited,div.Toolbar input,div.Toolbar span.disabled
	{
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	background-color: #F3F3F3;
	cursor: pointer !important;
	color: #404040;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 0px 3px;
	margin: 0;
	font-size: 80%;
	border: 0;
	border-left: 1px solid #CECECE;
}

div.Toolbar span.disabled {
	color: #C4C4C4;
}

div.Toolbar input {
	padding: 0;
}

div.Toolbar a:hover,div.Toolbar input:hover {
	background-color: #4F4D4E;
	color: #FFFFFF;
}

/* ============================ */ /* Style du  TabPage par d�faut */
	/* ============================ */
div.Tab {
	background: url("../img/bulet/tab_bar.png") bottom repeat-x;
	/* clearing fix */
	overflow: hidden;
	_width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	margin: 0 10px;
}

div.Tab li {
	float: left;
}

div.Tab a,div.Tab a:visited,div.Tab a:link,div.Tab .Selected,div.Tab span
	{
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #fff;
	cursor: pointer !important;
	color: #783187;
	font-size: 90%;
	font-weight: bold;
	border: 1px solid #783187;
	border-bottom: 1px solid #fff;
	margin: 0 2px 0 2px;
	padding: 3px 7px 4px 7px;
	display: block;
}

div.Tab .Selected {
	color: #783187;
	background-color: #E9E2EF;
	/*border-bottom-color: #783187;*/
	border-bottom-color: #E9E2EF;
}

div.Tab .Disabled {
	color: #AF8EDD;
}

div.Tab a:hover {
	background-color: #fff;
	color: #e46425;
}

div.TabContent {
	padding: 10px 0;
	/*	margin: 0px 10px 10px 10px;*/
	border-top: 1px solid #783187;
	/*border-top-width: 0;*/ /*	padding: 13px;*/
	background-color: #fff;
	display: block;
	min-height: 300px;
	/* For IE */
	_height: 300px;
}

div.TabV {
	background: url("../img/bulet/tab_vbar.png") right repeat-y;
	padding-top: 20px;
	margin: 10px 0 10px 10px;
	float: left;
	width: 100px;
}

div.TabV ul {
	display: block;
}

div.TabV li {
	display: block;
}

div.TabV ul li {
	display: block;
	border: 1px solid #783187;
}

div.TabV a,div.TabV a:visited,div.TabV a:link,div.TabV span { /*
	display:-moz-inline-box;
	display:inline-block;
	*/
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #fff;
	cursor: pointer !important;
	color: #404040;
	font-size: 90%;
	font-weight: bold;
	border: 3px double #BEBEBE;
	border-right: 1px solid #BEBEBE;
	margin: 2px 0 2px 0;
	padding: 3px 7px 4px 7px;
	display: block;
	_width: 100%;
	/*	-moz-border-radius: 2px;*/ /*	float: left;*/ /*	height: 20px;*/
}

div.TabV .Selected {
	color: #783187;
	background-color: #E9E2EF;
	/*border-right-color: #F3F3F3;*/
}

div.TabV .Disabled {
	color: #AF8EDD;
}

div.TabV a:hover {
	background-color: #fff;
	color: #e46425;
}

div.TabVContent { /*margin: 10px 10px 10px 0;*/
	margin: 10px 10px 10px 110px;
	/*border: 1px solid #BEBEBE;*/
	border-left-width: 0px;
	padding: 13px;
	background-color: #F3F3F3;
	min-height: 400px;
	/* For IE */
	_height: 400px;
}

/* ========================= */ /* Style du  Form par d�faut */
	/* ========================= */
div.Form {
	background-color: #FFFFFF;
	color: #404040;
	padding: 0;
	margin-bottom: 10px;
}

div.Form fieldset {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	border: 0;
/*	background: url("../img/divers/filets.jpg") left 0px repeat-x;*/
}

div.Form legend, div.Form .legend {
  color: #e46425;
 /* border-bottom: 1px solid #EAEAEA;*/
  font-size: 12px;
  font-weight: bold;
  padding: 0px 8px;
  margin-left: 50px;
  display: block;
/*  text-transform: uppercase;*/
}

div.Form div.field {
	display: block;
	border-bottom: 1px solid #D9D9D9;
	border-top: 1px solid #FFFFFF;
	/* clearing fix */
	_width: 100%;
	overflow: hidden;
}

div.Form div.odd {
	background-color: #f9f5f3;
}

div.Form label.field {
	color: #783187;
	font-weight: bold;
	display: block;
	width: 200px;
	float: left;
	padding: 8px 0;
	text-align: right;
	font-size:10px;
}

div.Form div.field div {
	float: left;
	padding: 8px 0;
	margin-left: 10px;
	
	/*	vertical-align: middle;*/
}

div.Form div.field textarea {
/*	font-family: MS Shell Dlg;*/
}

div.Form div.field input,div.Form div.field select,div.Form div.field textarea
	{
	margin-right: 5px;
	border: 1px solid #e46425;
	padding: 1px 2px;
	background-color: #FFFFFF;
	vertical-align: middle;
	/*color: #783187;*/
}

div.Form div.mandatory input,div.Form div.mandatory select,div.Form div.mandatory textarea
	{
	background-color: rgb(255, 255, 200);
}

div.Form div.field input.checkbox,div.Form div.field input.radio {
	/*	border: 1px solid #e46425;*/
	border: none;
	background-color: transparent;
	margin: 2px 3px;
}

div.Form ul.errors {
	float: left;
	margin: 8px 5px;
}

div.Form ul.errors li {
	display: block;
	font-size: 90%;
	color: #783187;
	background: url("../img/bulet/error.gif") left center no-repeat;
	padding-left: 7px;
}

/* ========================= */ /* Style de Table par d�faut */
	/* ========================= */
div.Table {
	background-color: #FFFFFF;
	color: #404040;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
	border:1px solid #c1afc6;

}
div.Table table {
	background-color: #FFFFFF;
	color: #404040;
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}

div.Table .Title {
  color: #e46425;
  border-bottom: 1px solid #EAEAEA;
  font-size: 12px;
  font-weight: bold;
  padding:4px 4px 0px 6px;
/*  text-transform: uppercase;*/
}
/* navigation bar */
div.Table div.navigation {
	/* clearing fix */
	overflow: hidden;
	_overflow: visible;
	_height: 1%;
	padding: 5px 10px;
	border-bottom: 1px solid #D9D9D9;
	color:#783187;
	font-weight: bold;
	font-size: 85%;
}
div.Table .range {
	font-size:9px;
	font-weight: bold;
	float: left;
}
div.Table .pagelinks {
	font-weight: bold;
	float: right;
}
div.Table .pagelinks * {
	margin-left: 5px;
	font-weight: bold;
}
/* toolbar */
div.Table div.toolbar {
	padding: 5px 5px;
	border-bottom: 1px solid #D9D9D9;
/*	background-color: #EAEAEA;*/
	background: transparent url("../img/nav-ul.gif") 0 -30px repeat-x;
}
div.Table div.toolbar div.Buttons {
	padding: 0;
	margin: 0;
	text-align: left;
	display: block;
	overflow: hidden;
}
div.Table div.toolbar div.Buttons a, div.Table div.Buttons span {
	font-size: xx-small;
	padding: 0px 3px;
	margin: 0 2px;
}
/* headers */
div.Table tr.headers div.filter {
	white-space: nowrap;
	margin-top: 5px;
	position: relative;
}
div.Table tr.headers div.filter input,
div.Table tr.headers div.filter select {
	border: 1px solid #bebebe;
	font-size: 10px;
	padding: 0;
}
div.Table tr.headers div.filter input {
	
	padding: 0 3px;
	width: 70px;
	vertical-align: middle;
}
div.Table tr.headers div.filter option {
	font-size: 10px;
}
div.Table tr.headers div.filter input:hover {
	border: 1px solid #bebebe;
	color: #444444;
	background: #F8F8F8;
}
div.Table tr.headers div.filter input:focus {
	color: #444444;
	border-color: #783187;
	background: #F8F8F8;
}
div.Table tr.headers div.filter a.clear {
	display: inline-block;
	overflow: hidden;
	background: url(../img/clear_but.gif) 0 0 no-repeat;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	margin-left: 2px;
	font-size: 0; /* do not display text */
	text-indent: -5000px;
	text-decoration: none;
	vertical-align: middle;
}
div.Table tr.headers div.filter a.clear:hover {
	background-image: url(../img/clear_but_h.gif);
}
div.Table tr.headers th {
	font-size:10px;
	vertical-align: top;
	font-weight: bold;
	padding: 2px 5px;
	background-color: #dfdfdf;
	border-bottom: 1px solid #D9D9D9;
	/*
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #224466;
	border-bottom: 1px solid #224466;
	*/
}
div.Table tr.headers th:first-child {
	border-left: none;
}
div.Table tr.headers th:last-child {
	border-right: none;
}
div.Table th a, .Table th a:visited .Table th a:link {
	text-decoration: underline;
	font-weight: bold;
}
div.Table th a:hover {
	color:#a37dae;
}
div.Table tr.headers a, .Table tr.headers a:visited {
/*	padding-right: 10px;*/
	font-size:10px;
}
div.Table tr.headers th.sortedasc a,
div.Table tr.headers th.sorteddesc a {
	color:#783187;
}
div.Table tr.headers th.sortedasc {
	background: #dbc4ef url("../img/bulet/sort_down.gif") right center no-repeat;
	padding-right: 11px;
}
div.Table tr.headers th.sorteddesc {
	background: #dbc4ef url("../img/bulet/sort_up.gif") right center no-repeat;
	padding-right: 11px;
}
/* body */
div.Table td {
	padding: 1px 7px;
	border-bottom: 1px solid #D9D9D9;
	border-top: 1px solid #FFFFFF;
}
div.Table tbody tr.odd {
/*	background-color: #E9E2EF;*/
	background-color: #eaeaea;
}
/* paragraph mode: title style */
div.Table span.title {
	font-size: 80%;
	color: #777777;
}
/* details */
div.Table td.Details a {
	display: block;
	font-size: 0; /* do not display text */
	text-indent: -5000px;
	width: 9px;
	height: 9px;
	background: url("../img/TreeAnchor_P.gif") center center no-repeat;
}
div.Table td.Details a.Expanded {
	background-image: url("../img/TreeAnchor_M.gif");
}
div.Table tr.Details  {
	font-size: 80%;
}
div.Table tr.Details td.Details {
/*	background-color: #FFD7D7;*/
/*	background: url("../img/Tree_V.gif") left top repeat-y;*/
}
div.Table tr.bottom td {
	border-top: 1px solid #CCCCCC;
	font-weight: bold;
	background-color: #EFEFEF;
}

/* ========================= */ /* Calendar */
	/* ========================= */
a.CalendarButton {
	text-decoration: none;
	background: url(../img/icons/calendar-22px.png) no-repeat;
	width: 22px;
	height: 22px;
	display: inline-block;
	/*padding: 4px 9px;*/
	margin-right: 5px;
	overflow: hidden;
	vertical-align: middle;
	font-size: 0; /* do not display text */
	text-indent: -5000px;
	/*	position: absolute;*/
}

a.CalendarButton:hover {
	background-image: url(../img/icons/calendar-22px.png);
}

/* Rule that is retrieved by JavaScript code that opens the popup window */
.CalendarWindow {
	width: 250px;
	height: 160px;
}

/* calendar table (and inner borders) */
table.Calendar {
	background-color: #FFFFFF;
	color: #404040;
	border-collapse: collapse;
	padding: 0;
	border: 3px double #9D9D9D;
	margin: 10px auto;
}

table.Calendar tr.Toolbar th {
	border-bottom: 3px double #9D9D9D;
}

table.Calendar th,table.Calendar td {
	border: 1px solid #9D9D9D;
}

/* toolbar */
table.Calendar tr.Toolbar div {
	position: relative;
	display: block;
	padding: 5px 0;
	width: 100%;
	background-color: #E8E8E8;
	color: #E02521;
	text-transform: uppercase;
	font-weight: bold;
}

table.Calendar tr.Toolbar a {
	text-decoration: none;
	display: block;
	position: absolute;
	display: block;
	overflow: hidden;
	top: 7px;
}

table.Calendar a.PrevYear {
	background-image: url(../img/Calendar/back2_big.gif);
	width: 10px;
	height: 9px;
	left: 5px;
}

table.Calendar a.PrevMonth {
	background-image: url(../img/Calendar/back_big.gif);
	width: 5px;
	height: 9px;
	left: 20px;
}

table.Calendar a.NextMonth {
	background-image: url(../img/Calendar/next_big.gif);
	width: 5px;
	height: 9px;
	right: 20px;
}

table.Calendar a.NextYear {
	background-image: url(../img/Calendar/next2_big.gif);
	width: 10px;
	height: 9px;
	right: 5px;
}

table.Calendar td span,table.Calendar td a,table.Calendar td a:visited,table.Calendar td a:link,table.Calendar td a
	{
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 1px 3px;
	text-decoration: none;
}

table.Calendar td.Week span {
	font-weight: normal;
	font-style: italic;
}

table.Calendar td.Day a {
	cursor: pointer;
}

table.Calendar td.Day a.Selected {
	color: #E02521;
}

table.Calendar td.Day a.OutMonth {
	color: #999999;
}

table.Calendar td.Day a.WeekEnd {
	background-color: #E8E8E8;
}

table.Calendar td.Day a:hover {
	background-color: #FFD7D7;
	color: #E02521;
}


/* ================================ */
	/* Style de Autocomplete par d�faut */
	/* ================================ */
div.Popup {
	position: absolute;
	z-index: 100;
	overflow-x: visible;
	overflow-y: auto;
	background-color: lightyellow;
	border: 1px outset black;
	text-align: left;
}

div.Popup li {
	position: relative;
	display: block;
	padding: 0 4px;
	font-size: 10px;
	white-space: nowrap;
	cursor: default;
}

div.Popup li.Loading {
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	background: url("../img/loading.gif") left top no-repeat;
}

div.Popup li.Selected {
	background-color: #CCCCCC;
}

div.Popup li:hover {
	background-color: #DDDDDD;
}