/**** general *****/
body {
	background-color: #F1F1E9;
	background-attachment: fixed;
	background-image: url(../images/background.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

html\:abbr,abbr {
	border: none;
	cursor: help;
}

hr {
	width: 60%;
	text-align: center;
	color: #F7A210;
	background: #F7A210;
	height: 1px !important;
	padding: 0px;
	margin: 3em 0 3em 20%;
	text-align: center;
	border: none;
}

p {
	background-repeat: no-repeat;
	padding: 0px;
	margin-left: 5px;
	margin-right: 30px;
	margin-bottom: 0px;
}

h1 {
	float: left;
	background-repeat: no-repeat;
	padding: 0px;
	color: white;
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 0px;
}

img {
	border: none;
	vertical-align: middle;
}

/** definition-list **/
dl {
	width: 550px !important;
	width: 500px;
	margin: 10px;
	padding: 10px 0;
}

dt {
	background-color: #F6F6EE;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	width: 140px;
	width: 180px !important;
	float: left;
	padding: 5px;
	margin: 3px 0;
}

dt sup {
	vertical-align: super;
	font-size: .7em;
	line-height: .3em !important;
}

dd {
	color: #60888E;
	float: left;
	background-color: #F7F9FD;
	width: 340px !important;
	width: 320px;
	text-align: left;
	padding: 5px;
	margin: 3px 0;
}

dd p {
	margin: 0 !important;
	padding: 0 !important;
}

table {
	border: none;
	width: 100%;
	font-size: 11px;
	margin-bottom: 10px;
	color: #000000;
}

thead td {
	background: url(../images/bg_thead.gif) repeat-x bottom;
	line-height: 2em;
}

thead,tfoot {
	background-color: #FFF;
	color: #617A92;
	font-weight: bold;
}

tbody {
	background-color: #FFF;
	color: #9E9FA4;
}

th {
	border: 1px #D9D9B5;
	background-color: #F2EDE5;
	text-align: left;
	text-indent: 5px;
}

td {
	border-bottom: 1px solid #DEDBD6;
	text-align: left;
}

tr {
	text-align: left;
	text-indent: 5px;
}

/* balise sémantique cachée
-------------------------------------------------------- */
.semnone {
	display: none;
}

/*** formulaire **/
input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F7F9FD;
	font-size: 11px;
	color: #4B6886;
	vertical-align: top;
	margin: 2px 0 2px 0;
	padding: 0;
}

.textfield {
	width: 300px;
	border: 1px solid #546C91;
	padding: 0 0 0 0.2em;
	text-align: left;
	margin: 0;
}

.largetextfield {
	width: 300px;
	height: 150px;
	padding: 0 0 0 0.2em;
	border: 1px solid #546C91;
	text-align: left;
	margin: 0;
}

.shorttextfield {
	border: 1px solid #546C91;
	padding: 0 0 0 0.2em;
	text-align: left;
	margin: 0;
}

.date-text {
	float: left;
}

p.post-date {
	clear: left;
	padding-top: 1em;
}

input#searchincome {
	width: 70px;
	border: 1px solid #546C91;
	padding: 0 0 0 0.2em;
	text-align: left;
}

.largetextfield:focus,.textfield:focus,input#searchincome :focus,.shorttextfield:focus
	{
	background: #FFF9EF;
	border: 1px solid #FFB647;
}

input.button {
	margin-right: 33px;
	margin-top: 20px;
	margin-bottom: 10px;
	background-image: url(../images/bgbutton.gif);
	background-repeat: repeat;
	vertical-align: top;
	padding: 0 0.5em;
	border: 1px solid #B1B1B1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #767676;
	cursor: pointer;
}

label {
	font-family: inherit;
	color: inherit;
	vertical-align: middle;
	float: left;
	width: 180px;
	display: inline;
}

span.radio {
	font-family: inherit;
	color: inherit;
	vertical-align: middle;
	display: inline;
	margin-left: 5px;
}

.radioinline {
	margin-left: 185px;
}

select {
	background-color: #F7F9FD;
	border: 1px solid #546C91;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B6886;
	vertical-align: top;
	margin: 2px 5px 2px 0;
	padding: 0;
}

option[selected] {
	background-color: #FFB647;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

optgroup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	margin: 2px 5px 2px 5px;
	padding: 0;
}

/* utilisé pour input[type=file] */
.file {
	background-color: #F7F9FD;
	border: 1px solid #546C91;
	font-family: inherit;
	font-size: 11px;
	color: #4B6886;
	vertical-align: top;
	margin: 2px 2px 2px 0;
	padding: 0;
	width: 300px;
}

/*--------------- icone action --------------------------*/
a.ico_add2,a.ico_mod2,a.ico_sup2,a.ico_mail2,a.ico_lock2,a.ico_unlock2,a.ico_search2,a.ico_earth2
	{
	width: 20px;
	height: 20px;
	float: right;
	margin-right: 5px;
	margin-bottom: 3px;
}

a.ico_add,a.ico_mod,a.ico_sup,a.ico_mail,a.ico_lock,a.ico_unlock,a.ico_search,a.ico_earth
	{
	width: 15px;
	height: 15px;
	float: right;
	margin-right: 3px;
	margin-top:0;
	/* ie7 hack */
	//margin-top:-14px;  
}

/*************** Ugly hack - opera only **********************/
@media all and (-webkit-min-device-pixel-ratio:10000) , not all and
	(-webkit-min-device-pixel-ratio:0) {
	head ~body a.ico_add,head ~body a.ico_mod,head ~body a.ico_sup,head
		~body a.ico_mail,head ~body a.ico_lock,head ~body a.ico_unlock,head
		~body a.ico_search,head ~body a.ico_earth {
		margin-top: 0 !important;
	}
}

a.ico_search2 {
	background: url(../images/ico_search2.gif) no-repeat;
}

a.ico_search {
	background: url(../images/ico_search.gif) no-repeat;
}

a.ico_add2 {
	background: url(../images/ico_add2.gif) no-repeat;
}

a.ico_add {
	background: url(../images/ico_add.gif) no-repeat;
}

a.ico_mod2 {
	background: url(../images/ico_modif2.gif) no-repeat;
}

a.ico_mod {
	background: url(../images/ico_modif.gif) no-repeat;
}

a.ico_sup2 {
	background: url(../images/ico_sup2.gif) no-repeat;
}

a.ico_sup {
	background: url(../images/ico_sup.gif) no-repeat;
}

a.ico_mail2 {
	background: url(../images/ico_mail2.gif) no-repeat;
}

a.ico_mail {
	background: url(../images/ico_mail.gif) no-repeat;
}

a.ico_lock2 {
	background: url(../images/ico_lock2.gif) no-repeat;
}

a.ico_lock {
	background: url(../images/ico_lock.gif) no-repeat;
}

a.ico_unlock2 {
	background: url(../images/ico_unlock2.gif) no-repeat;
}

a.ico_unlock {
	background: url(../images/ico_unlock.gif) no-repeat;
}

a.ico_earth2 {
	background: url(../images/ico_earth2.gif) no-repeat;
}

a.ico_earth {
	background: url(../images/ico_earth.gif) no-repeat;
}

.iconetab {
	text-align: center;
	margin-top: 14px;
}

/*--------------- �l�ments de page --------------------------*/
.brendstep {
	clear: both;
}

.lienliste {
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.lienliste a {
	padding: 1px;
	color: #F69E18;
	text-decoration: underline;
	text-indent: 0px;
}

.lienliste span {
	font-size: 12px;
	padding: 1px;
	color: #F69E18;
	text-indent: 0px;
}

.lienliste a:hover {
	color: #9C9C8E;
	text-decoration: none;
}

/* deconnexion */
#deconnexion {
	background: url(../images/deco.gif) no-repeat right;
	width: 750px;
	height: 15px;
	margin-left: 10px;
	margin-right: 10px;
}

#deconnexion a {
	font-size: 10px;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#deconnexion a:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #C8D4ED;
}

#deconnexion img {
	vertical-align: middle;
}

/* bienvenue */
#bienvenue {
	color: #F7D5A2;
	font-size: 11px;
	width: 750px;
	height: 20px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}

#bienvenue span {
	color: white;
	font-size: 11px;
	text-decoration: none;
}

/* chemin courant */
#chemin {
	width: 100%;
	height: 20px;
	text-align: left;
	margin-left: 50px;
}

#chemin ul {
	margin-top: 5px;
}

#chemin ul li {
	background-image: url(../images/chem.gif);
	background-repeat: no-repeat;
	display: inline;
	margin-left: 2px;
	margin-right: 2px;
}

#chemin a {
	margin-left: 15px;
	color: #F69E18;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
}

#chemin a:hover {
	color: #60778E;
	text-decoration: underline;
}

#chemin span {
	color: #60778E;
	margin-left: 15px;
}

/* icone rapide */
#icone {
	position: absolute;
	width: 750px;
	height: 15px;
	top: 57px;
	left: 17px;
	margin: 0px;
	padding: 0px;
}

#icone img {
	padding: 2px;
	border: none;
}

/*--------------- d�finition de containers --------------------------*/
#container {
	padding: 0;
	margin: 0;
	width: 770px;
	text-align: right;
	display: block;
	background-repeat: no-repeat;
	background-color: #F4F9FD;
}

/*--------------- menu de navigation --------------------------*/
	/* container Menu & quickbox */
div.containermenu {
	width: 171px;
	margin-top: 13px;
	margin-left: 11px !important;
	margin-left: 5px;
	float: left;
	background: url(../images/bg_menu.gif);
	background-repeat: no-repeat;
}

div.menu {
	margin-top: 11px;
	padding: 0px;
}

.menu ul {
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.menu li {
	background: url(../images/bg_menu2.gif);
	width: 171px;
	height: 19px;
	list-style: none;
}

.menu .aactif,.menu .aactif:hover {
	background: url(../images/bg_menuhover.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 2px;
	padding-right: 15px;
	height: 15px;
	text-align: center;
	color: white;
}

.menu a {
	display: block;
	margin-top: 0px;
	color: #8793A8;
	text-decoration: none;
	padding: 2px;
	padding-right: 5px;
	height: 15px;
}

.menu a:hover,.menu a:active {
	background: url(../images/bg_menuhover.gif);
	color: white;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	padding: 2px;
	padding-right: 5px;
	height: 15px;
}

#imgmenu {
	vertical-align: baseline;
}

/*---------------  search --------------------------*/
#containersearch {
	text-align: left;
	margin-top: 10px;
}

#containersearch span {
	clear: both;
	float: none;
	color: #8793A8;
}

#gosearch {
	background: url(../images/ico_search.gif) no-repeat;
	width: 18px;
	height: 18px;
	border: none;
	cursor: pointer !important;
	cursor: hand;
}

/*---------------  entete quickbox --------------------------*/
.entete {
	position: absolute;
	width: 171px;
	background: url(../images/bg_racc1.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	left: 10px;
}

.qb_ico {
	position: relative;
	background-repeat: no-repeat;
	padding: 0px;
	margin: -5px 0px 0px 7px;
	width: 20px;
	height: 20px;
	z-index: 1;
}

/*--------------- QUICKBOX --------------------------*/
div.quickbox {
	position: absolute;
	margin-top: -7px;
	margin-bottom: 10px;
	width: 169px ! important;
	width: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: white;
	border-right: 1px solid #939393;
	border-left: 1px solid #939393;
	border-bottom: 1px solid #939393;
	padding: 0px;
}

.quickbox h1 {
	float: none;
	margin-top: 20px;
	text-align: center;
	color: #A1A1A1;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	background: none;
}

.quickbox ul {
	margin-left: 27px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 4px;
}

.quickbox li {
	list-style: url(../images/pucefleche.gif);
	padding: 0px;
	color: #73A0A2;
}

.quickbox a {
	text-decoration: none;
	margin-left: 5px;
	color: #587099;
}

.quickbox a:hover {
	color: #FFB647;
	text-decoration: none;
}

/*---------------  contenu principal --------------------------*/
div.contentcontainer { /*clear:both;*/
	background: url(../images/bg_haut_content.gif) no-repeat;
	width: 563px;
	float: right;
	margin: 15px 0.7em 10px 0 ! important;
	margin: 15px 0.3em 10px 0;
	padding: 0;
}

#itemenu {
	background-image: url(../images/bgh1.gif);
	background-repeat: repeat-x;
	margin: 8px 0 0 0;
	padding: 0;
	width: 563px;
	height: 21px;
	/*display:block;*/
	text-align: left;
}

#itemenu h1 {
	background: url(../images/puceh1.gif) no-repeat;
	text-indent: 1.6em;
	width: 210px !important;
	width: auto;
	background-position: 0.1em 0;
	margin: 0 0 0 0.5em;
	padding: 0;
	line-height: 1.7em;
}

.contentlink {
	margin: 0 5px 0 0;
	color: white;
	text-align: right;
	line-height: 1.7em;
	width: auto;
}

.contentlink a {
	text-decoration: none;
	color: #FFEDD3;
}

.contentlink a:hover {
	color: #60778E;
	background-color: #E6F0F8;
}

#content {
	float: left;
	margin: 0;
	padding: 0;
	background-color: white;
	width: 561px !important;
	width: 100%;
	border-right: 1px solid #CFCBBC;
	border-left: 1px solid #CFCBBC;
	border-bottom: 1px solid #CFCBBC;
	vertical-align: top;
}

#content p {
	margin: 10px 0 0 10px;
	text-align: left;
	color: #60778E;
	font-size: 11px;
	font-weight: normal;
	padding-left: 16px;
}

#content ul {
	padding: 0px;
	margin: 10px 0 4px 0;
	text-align: left;
}

#content li {
	background-repeat: repeat-x;
	list-style: none;
	padding: 3px;
}

#content ul.sousitem {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 4px;
	margin-left: 15px;
}

#content li.sousitem {
	background-image: none;
	padding: 0px;
	clear: both;
}

#content a {
	color: #60778E;
	text-decoration: none;
}

#content a:hover {
	color: #F69E18;
	text-decoration: underline;
}

#content h5 {
	margin-top: 10px;
	text-align: left;
	margin-left: 0px;
	color: #4B6886;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
	padding-left: 0px;
	font-style: italic;
	text-indent: 2em;
}

#content h4 {
	margin-top: 10px;
	text-align: left;
	margin-left: 0px;
	color: #4B6886;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
	padding-left: 0px;
	font-style: italic;
}

#content h3 {
	margin-top: 10px;
	text-align: left;
	margin-left: 15px;
	color: #4B6886;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
	padding-left: 13px;
	background-image: url(../images/puceh3.gif);
	background-repeat: no-repeat;
}

#content h2 {
	background-image: url(../images/puceh2.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	text-align: left;
	margin-left: 10px;
	color: #60778E;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 16px;
}

.state {
	color: #9C9C8E;
	font-size: 11px;
	margin-left: 5px;
}

div.comment {
	margin: 0 0 0 180px;
	padding: 0;
	vertical-align: top;
	width: 300px;
}

/*--------------- rubrique d'aide --------------------------*/
.headerhelp {
	background-image: url(../images/bg_haut_content.gif);
	background-repeat: no-repeat;
	margin-top: 25px;
	width: 100%;
	width: 563px ! important;
	margin-right: 0px;
	margin-bottom: 15px;
	position: static;
	left: 200px;
}

.help_ico {
	background-image: url(../images/ico_help2.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: relative;
	margin-left: 10px;
	margin-right: 520px;
	top: -5px;
	z-index: 1;
	display: block;
}

.help {
	margin-top: -15px;
	padding: 0px;
	background-color: white;
	width: 561px ! important;
	width: 100%;
	text-align: center;
	border: 1px solid #CFCBBC;
}

.help a {
	background-image: none;
	color: #60778E;
	text-decoration: none;
}

.help a:hover {
	color: #F69E18;
	text-decoration: underline;
}

.help ul {
	list-style: url(../images/nav_vert.gif);
	margin-top: 10px;
	text-align: left;
	margin-left: 10px;
	color: #60778E;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-right: 20px;
}

.help li {
	margin-left: 23px;
	margin-top: 5px;
}

.help2 { /*position: relative;*/
	
}

/*--------------- version bas de page --------------------------*/
.version {
	text-align: center;
	margin-left: 45px;
	margin-top: 10px;
	color: #9C9C8E;
}

.version a {
	color: #99CC33;
	text-decoration: none;
}

.version a:hover {
	color: #60778E;
	text-decoration: underline;
}

.version img {
	display: inline-block;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 250px;
	margin-bottom: 0px;
	padding: 0px;
	vertical-align: middle;
}

.version p {
	display: block;
}

/*--------------- messages & errors --------------------------*/
.systemerror {
	text-align: left;
	margin: 5px 5px 3px 50px;
	text-indent: 15px;
	font-size: 14px;
	color: #FA1A1A;
	vertical-align: middle;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.error {
	text-align: left;
	margin: 5px 5px 3px 50px;
	text-indent: 15px;
	color: #BDB9A5;
	vertical-align: middle;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.info {
	text-align: left;
	margin: 15px 30px 13px 30px;
	text-indent: 20px;
	color: #9C9C8E;
	height: 17px;
	vertical-align: middle;
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.info a {
	margin: 0px;
	padding: 0px;
	color: #F69E18;
	text-decoration: none;
}

.info a:hover {
	color: #60778E;
	text-decoration: underline;
}

/* --------------- security-image -------------------------- */
#securityimg {
	border: 1px solid #FFB642;
}

#securitycode_scale {
	margin: 0 0 0 50px;
	vertical-align: middle;
}

/* --------------- Textarea Resizer -------------------------- */
div.grippie {
	background: #EEE url(../images/grippie.png) no-repeat scroll
		center 2px;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0pt 1px 1px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
	margin-left: 180px !important; /*@added_by simon */
}

.resizable-textarea textarea {
	display: block;
	margin-bottom: 0;
	width: 300px;
	/*height: 20%;*/
}

#version-check {
	text-align: center;
	margin: 1em;
}

#version-check a {
	background: #fff url(../images/update_dl.png) no-repeat 0 0;
	font-size:1em;
	font-weight:bold;
	color:red;
	height:35px;
	line-height:35px;
	display:inline-table;
	padding-left:35px;
}
#debug-enabled {
	background: url(../images/debug.png) no-repeat 10px 3px;
	width:250px;
	height:40px;
	line-height:40px;
	padding-left:0.5em;
	background-color:#497832;
	border-left:4px solid #7bac5d;
	border-bottom:4px solid #7bac5d;
	color:#d7ebb9;
	font-weight:bold;
	font-size:1.2em;
	position:fixed;
	right:0;
	top:0;
	text-align: center;
}
.debug{
	background:#f7dfd9;
	color:red;
	border: 1px solid #ff3600;
}
.tools_execute{
font-size:1.2em;
color: #888888;
margin-left:2em;
}