/* Reset */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 10px;
	font-family: inherit;
	vertical-align: baseline;
    behavior: url("../css/calendar/csshover3.htc");
}

ol, ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
:focus {
	outline: 0;
}

/* Reset */

html {
	background-color: #ececec;
}
body {
	background-color: #ececec;
	color: #3d4147;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1;
}
a img {
	border: 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
select {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	padding: 2px;

}
p input {
width: 160px;
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
p.submit input {
font-weight: bold;
}

#xdb #xdbcontent {
	padding: 30px;
}
#xdb img {
	vertical-align: middle;
	margin: 3px;
}

#xdb h1 {
	font-size: 16px;
	margin: 14px 0;
}
#xdb h2 {
	font-size: 14px;
	margin: 12px 0;
}
#xdb h3 {
	font-size: 12px;
	margin: 12px 0;
	font-weight: bold;
}
#xdb p {
	margin: 10px 0;
	line-height: 2;
}
#xdb fieldset {
	padding: 5px;
	border: 1px solid #999999;
}
#xdb fieldset legend {
	margin-bottom: 10px;
}


/* navigation --> */
#xdb .navigation {
	margin: 5px 0;
}
#xdb .navigation img {
	margin: 0px 2px;
}
/* <-- navigation */

/* tableau resultats --> */
#xdb table {
	padding: 0px;
	margin: 10px 0;
	background-color: #fff;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#xdb th {
	background: url(../images/icons_xdb/th-bg.gif) top repeat-x #dee3f3;
	font-weight: bold;
	color: #6f6f7f;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #A9A9A9;
	padding: 5px;
}

#xdb th a {
	color: #6f6f7f;

}
#xdb table#xdbresults tr:hover{
	background-color: #F7F7F8;
}
#xdb th a:hover{
	color: #741419;
}
#xdb th.icons{
	white-space: nowrap;
	background-color: #fff;
	text-align: left;
	padding: 2px 5px;
}
#xdb th.icons img {
	margin: 0px;
}
#xdb th a.iconfilter {
	display: block;
	float: left;
}
#xdb th a.iconfilter img {
	margin: 0 2px 0 0;
}
#xdb td {
	padding: 6px 12px;
	border: 1px solid #A9A9A9;
	vertical-align: top;
}
#xdb td a {
	color: #363e7b;
}
#xdb td a:hover{
	color: #b35419;
}
#xdb td.numeric, #xdb td.prix, #xdb td.km, #xdb td.annee, #xdb td.stats_show, #xdb td.stats_search, #xdb td.stats_ratio {
	text-align: right;
}
#xdb td.stats_ratio {
	color: #B22222;
}
#xdb td.stats_show, #xdb td.stats_search {
	color: #435394;
}

#xdb td.icons {
	white-space: nowrap;
	padding: 2px 5px;
}
#xdb td.icons a, #xdb div.navigation a {
	text-decoration: none;
}
#xdb td.tdfilter {
	background: #f2e9e9;
}
/* <-- tableau resultats */

/* tableau details --> */
#xdb table.details {
	width: 600px;
}
#xdb .icons img {
	margin: 2px 0px;
}
/* <-- tableau details */

/* menu --> */
#xdb #xdbmenu {
	padding: 5px 0 0 22px;
	background: #fff;
	border-bottom: #bbbbbb solid 5px;
}
#xdb #xdbmenu  li {
	float: left;
	padding: 10px 8px;
	margin: 2px;
	background: #eee;
	
}
#xdb #xdbmenu  li.logomenu {
	padding: 0 12px;
	background: none;
}
#xdb #xdbmenu  li.logomenu img {
	margin: 0;
	width: 114px;
}
#xdb #xdbmenu  li a {
	font-size: 12px;
	font-weight: bold;
	color:#6F6F7F;
	text-decoration: none;
}
#xdb #xdbmenu  li img[alt="Deconnexion"] {
	margin:0px;
	height: 12px;
}
#xdb #xdbmenu  li a:hover {
	text-decoration: underline;
}
/* <-- menu */




/* formulaires --> */
#xdb form.edition, #xdb div.errors {
    padding: 10px 0;
    position: relative;
	/*width: 510px;*/
	border:1px solid #9dacb4;
	background:#f2f2f2;
	margin: 12px 0;
}
#xdb div.errors {
	width: 410px !important;
}
#xdb form.edition input, #xdb form.edition select, #xdb form.edition textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#xdb form.edition p {
    position: relative;
    left: 180px;
	width: 300px;
    margin: 0 0 7px 0;
}
#xdb form.edition p.delete {
    position: relative;
    left: 8px;
	width: 100px;
    margin: 0 0 7px 0;
}
#xdb form.edition p label, #xdb form.edition p.radio label.labelradio {
	display:block;
    position: absolute !important;
    left: -166px;
}
#xdb form.edition p input,
#xdb form.edition p select,
#xdb form.edition p textarea {
    position: relative;
    padding: 2px;
}


#xdb form.edition span.fieldtext {
    position: relative;
    padding: 2px;
    width: 212px;
	display: block;
}

#xdb form.edition p input {
    width: 212px;
}
#xdb form.edition p select {
    width: 218px;
}
#xdb form.edition p textarea {
    width: 212px;
	height: 60px;
	font-size: 10px;
}
#xdb form.edition p.radio label {
    display:inline;
	position: relative !important;
	left: auto;
	vertical-align: super;
}
#xdb form.edition p.radio input {
    width: 18px;
    margin: 0;
	height: 18px;
    padding: 0;
}
#xdb form.edition p.file {
    line-height: 2;
}
#xdb form.edition p.submit input {
    position: relative;
    width: 160px;
    font-weight: bold;
}
#xdb form.edition p img {
    margin: 5px 0;
}


#xdb form.edition .novalue {
    font-style: italic;
}

#xdb form.edition input[type="text"],
#xdb form.edition input[type="password"],
#xdb form.edition p select,
#xdb form.edition p textarea {
    border: 1px solid #bab9b9;
    background: #fff;
}
#xdb form.edition input[type="text"]:focus, #xdb form.edition textarea:focus {
    border: 1px solid #666666;
    background: #fffaea;
}

#xdb form.edition label.required {
    font-weight: bold;
}

#xdb form.edition label.required:after {
    content: '*';
}

#xdb form.edition span.accessKey {
    text-decoration: underline;
}
#xdb form.edition label.needed:after {
	content: ' *';
}
#xdb form.edition label.needed {
	font-weight: bold;
}
#xdb div.errors {
	color: #ff0000;
	padding: 10px;
}
#xdb div.errors li {
	list-style-type: disc;
	list-style-position: inside;
	margin: 3px 0px;
}
#xdb p.error > label:first-child, #xdb p.error span.label {
	color: #ff0000;
	font-weight: bold;
}
#xdb p.error input[type="text"],
#xdb p.error select,
#xdb p.error textarea {
	border: 2px solid #ff0000 !important;
}

#xdb form.search {
	width: 330px;
}
#xdb form.search p {
	left: 140px;
}
#xdb form h3 {
	padding-left: 10px;
}
#xdb form.search p label {
	left: -126px;
}
#xdb form.search p.radio {
	width: 156px;
}
#xdb form.search label.labelradio {
    left: -126px !important;
}
#xdb form.search span.fieldtext {
    width: 152px;
}

#xdb form.search p input {
    width: 152px;
}
#xdb form.search p select {
    width: 158px;
}
#xdb form.search p textarea {
    width: 152px;
}
#xdb form.search p.radio input {
    width: 18px;
}
#xdb form.search p.submit input {
    width: 120px;
}
#xdb form img.calendar {
	cursor:pointer;
    position: relative;
    margin: 0px 3px !important;
}
#xdb form div.wysiwyg {
    clear: both;
	padding: 16px 0 0 0;
	left: -146px;
	position: relative;
}
div.toolbar {
    width: 400px;
    height: 26px;
    background-color: #e0e2e8;
    border: 1px solid #BAB9B9;
}
#xdb form div.wysiwyg iframe {
    width: 400px;
    height: 301px;
}
#xdb form div.toolbar a, div.toolbar span {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px;
    cursor: pointer;
}
#xdb form div.toolbar a img, div.toolbar span img {
    margin: 0 !important;
}

#xdb form div.toolbar div.divider {
    float: left;
    width: 0;
    height: 20px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #797979;
    margin: 2px;
}
#xdb form iframe {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #BAB9B9;
}
#xdb form p {
	line-height: 1;
}
#xdb form.edition p.multiple input, #xdb form.edition p.multiple select {
    width: 60px;
}
#xdb .quicksearch form input {
    border: 1px solid #bab9b9;
    background: #fff;
	padding: 2px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#xdb .quicksearch form input#quicksearch_submit {
	width: 50px;
}
#xdb .quicksearch form input#quicksearch, #xdb .quicksearch form input#quicksearch_client {
	padding: 3px 3px 3px 18px;
	/* corrige le bug IE6 pour le padding des input*/
	overflow:visible;
	font-style: italic;
	color: #999999;
	background-image: url(../images/icons_xdb/search.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#xdb .quicksearch form input.focus {
	font-style: normal !important;
	color: #000 !important;
}
/* <-- formulaires */

/* autocomplete --> */
.autocomplete-w1 {
	background:url(shadow.png) no-repeat bottom right;
	position:absolute;
	top:7px;
	left:6px;
	/* IE6 fix: */
	_background:none;
	_top:1px;
}
.autocomplete {
	width:300px;
	border:1px solid #999;
	background:#FFF;
	cursor:default;
	text-align:left;
	max-height:350px;
	overflow:auto;
	margin:-6px 6px 6px -6px;
	/* IE specific: */
	_height:350px;
	_margin:0px 6px 6px 0;
	overflow-x:hidden;
 }
.autocomplete .selected {
	background:#D3D3DE;
}
.autocomplete div {
	padding:5px 5px;
	white-space:nowrap;
	cursor:pointer;
}
.autocomplete strong {
	font-weight:bold;
	color:#3399FF;
}
/* <-- autocomplete */

/* Filtre --> */
#xdb ul.filter {
    overflow: auto;
	height: 300px;
	margin-top: 10px;
	background:#f2f2f2;
	padding: 3px;
}
#xdb ul.filter a {
    text-decoration: none;
	display: block;
	padding: 5px;
	color: #3D4147;
}
#xdb ul.filter a:hover {
    background:#c2c3cd;
}
#xdb ul.filter a.filterselect {
    border: 1px solid #fc0202;
}



/* <-- Filtre */

/* edit in place --> */
#xdb table input[type="text"], #xdb table input[type="submit"] {
	width: 150px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	padding: 2px;
}
#xdb table input[maxlength="3"] {
	width: 20px;
}
#xdb table input[type="text"] {
    background: #f6f5f2;
}
#xdb table input[type="submit"] {
	width: 40px;
}

#xdb table select {
    border: 1px solid #bab9b9;
    background: #fff;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}
#xdb table td.highlighttd {
	background: #e1e4e6;
}
#xdb table img.calendar {
	cursor:pointer;
    position: relative;
	left: 0px;
    margin: 3px 0px;
}


/* <-- edit in place  */

/* listes de définition --> */
#xdb dl {
    padding: 10px;
	width: 418px;
	border:1px solid #9dacb4;
	background:#f2f2f2;
	margin: 12px 0;
	padding-bottom: 15px;
}
#xdb dt {
	float: left;
	font-weight: bold;
}
#xdb dd {
	margin: 0 0 8px 140px;
}

/* <-- listes de définition */


/* Sortable lists --> */

ul.sortableList {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 400px;
	
}

ul.sortableList li {
	cursor: move;
	padding: 7px 2px;
	margin: 4px 0px;
	border: 1px solid #949594;
	background-color: #e8f1ea;
	font-size: 12px;
}
/* <-- Sortable lists */

#yes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
    filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6;
}
#xdb #divalert {
	position: absolute;
	background: #E0E2E8;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #616161;
	border-right: 2px solid #616161;
	padding: 20px;
	min-height: 440px;
	z-index: 10;
}
#xdb #divalerthead {
	text-align: right;
	padding: 1px 3px;
	background: #8F92A7;
	color: #FFFFFF
}
#xdb #divalerthead a {
	color: #FFFFFF
}
#xdb #divalert #editionform {
	width: 100%;
}

/*  Banners --> */
#xdb .tr_oui{
	background-color:#DAE7D9;
}

/* <-- Banners */

#xdb.contenu form.edition p textarea {
    width: 500px;
	height: 300px;
	font-size: 10px;
}