/**** general *****/

body {
	background-color: #F1F1E9;
	background-attachment: fixed;
	background-image: url(../images/admin/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/admin/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/admin/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;  
}  




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: -14px !important; /* FF */
	*margin-top: -18px !important; /*IE 7 and below */
}

/*************** 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/admin/ico_search2.gif) no-repeat;  
}  
a.ico_search {  
     background: url(../images/admin/ico_search.gif) no-repeat;  
}

a.ico_add2 {
	background: url(../images/admin/ico_add2.gif) no-repeat;
}
a.ico_add {
	background: url(../images/admin/ico_add.gif) no-repeat;
}
a.ico_mod2 {
	background: url(../images/admin/ico_modif2.gif) no-repeat;
}
a.ico_mod {
	background: url(../images/admin/ico_modif.gif) no-repeat;
}
a.ico_sup2 {
	background: url(../images/admin/ico_sup2.gif) no-repeat;
}

a.ico_sup {
	background: url(../images/admin/ico_sup.gif) no-repeat;
}
a.ico_mail2 {
	background: url(../images/admin/ico_mail2.gif) no-repeat;
}
a.ico_mail {
	background: url(../images/admin/ico_mail.gif) no-repeat;
}
a.ico_lock2 {
	background: url(../images/admin/ico_lock2.gif) no-repeat;
}
a.ico_lock {
	background: url(../images/admin/ico_lock.gif) no-repeat;
}
a.ico_unlock2 {
	background: url(../images/admin/ico_unlock2.gif) no-repeat;
}
a.ico_unlock {
	background: url(../images/admin/ico_unlock.gif) no-repeat;
}
a.ico_earth2 {
	background: url(../images/admin/ico_earth2.gif) no-repeat;
}
a.ico_earth {
	background: url(../images/admin/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/admin/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/admin/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/admin/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/admin/bg_menu2.gif);
	width:171px;
	height: 19px;
	list-style: none;
}


.menu .aactif, .menu .aactif:hover  {  
	background: url(../images/admin/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/admin/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/admin/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/admin/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/admin/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/admin/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/admin/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/admin/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/admin/puceh3.gif);
	background-repeat: no-repeat;
}


#content h2 {
	background-image: url(../images/admin/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/admin/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/admin/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/admin/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/admin/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/admin/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/admin/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/admin/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%;*/
}