@import url('style.css');
body
{
  margin: auto;
  width:1000px;
}

#wrapper { background:#ECEDEF; }

#header
{
	background: url('img/header.jpg') no-repeat bottom right;
	height:200px;
	vertical-align:middle;
	position:relative;
	z-index:10;
}

#header #logo { overflow:hidden; width:300px; height:150px; position:absolute; top:40px; left:80px; text-align:center; }

#login { color:#FCBC28; position:absolute; bottom:0px; right:25px; width:330px; height:170px; overflow:hidden; }
#login .panelbody,#header #login .panelbody>div {height:150px;}
#login .panelhead>h2, #header #login .panelbody>div{ padding-left:16px; padding-right:16px; }
#login label { font-size:9px; height:auto; line-height:12px; color:#FCBC28; width:85px; }
#login input[type=text],#login input[type=password] { width:150px; vertical-align:middle;  margin:1px; border-color:#BAAB83; }
#login .error { margin:0; margin-bottom:2px; padding:0; border:0; background:transparent; text-align: center;}
#login .bbutton { position:relative; top:5px; }

#main { padding:0 30px 0 30px; width:auto; }

#header #bDeconnect
{
	position:absolute;
	right:10px;
	top:0;
}

#menu
{
  height:62px;
  background:url('img/bgmenu.png') repeat-x top left;
  z-index:10;
  position:relative;
  
  /*padding-top:10px;*/
}

#menu a {color: #666;}
#menu a:hover {color: #333;}
#menu .current {color: #1C5DA8;}

#menu li
{
  display:block;
  float:left;
  text-align:center;
  padding:11px 10px 0 10px;
  line-height:52px;
  background:url('img/bgmenu2.png') no-repeat top right;
}

#menu #accueilMenu {line-height:42px;}
#menu #accueilMenu img {padding-top:5px; }

#telephone {position:absolute; bottom:3px; right:0;}
#footer_list
{
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  border-radius:4px;
  width:94%;
  margin:auto;
  border:1px solid #999;
  background: #ccc url('img/bglist.png') repeat-x top left;
  border-width:1px 1px 0 1px;
	margin-top:3em;
  text-align:center;
}

#footer_list li,#footer_list ul {background: #e0e0e0; text-align:left; }
#footer_list ul.brands {margin:0 6px 0 6px; }
#footer_list ul.models {padding-top:5px;}

#footer_list ul.brands>li {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:6px;width:136px; height:255px; border:1px solid #999; float:left; margin:2px;}
#footer_list ul.models>li {padding-left:5px;font-size:9px; background: url('img/puce.png') no-repeat center left; }

#footer_list h4 {color:#666; font-size:12px; font-weight:normal; }
#footer_list li {color:#999; overflow:hidden;}

#footer_list a { color:#999; }
#footer_list a:hover { color:black; }

#loginform
{
	margin:auto; 
	margin-top:3em; 
	width:30em; 
	border:1px solid black; 
	background-color:#E1E3EE; 
	padding:3em; 
	text-align:center;
}


.datalist, ul.datalist li { margin-bottom:1em; }

#banner {width:500px; margin:auto; }
#banner h4 { background-color:#555; color:#fff; font-weight:bold; font-size:1.25em}
#banner li { background-color:#eee; text-align:center; }
#banner object { display:block; margin:auto; }

.dialog label { text-align:left; display:inline; }
#addmarkupvalue { width:5em; }

ul.vehicle li {	background:#fafafa;	margin-bottom:1em; clear:both; min-height:100px; }
ul.vehicle li img { float:left; }
ul.vehicle li>div { margin-left:140px; }
ul.vehicle li strong { font-weight: bold; }
	
.ui-slider {width:15em !important;}
.rangeset input { text-align:right; width:5em; display:inline; }

input.flat { background:transparent; border:0; text-align:center; }
input[type=password]:focus, input[type=text]:focus, textarea:focus { background:#666666; }

.panel.search { color:#6cf; margin:-18px -5px 2em -5px; z-index:1;  }
.panel.search h2 { padding-top:28px !important; }
form#search {position:relative; width:100%;}
form#search label {color:#6cf; width: 5em; line-height:2.5em; height:2.5em;}
form#search>div+div label {width: 11em;}
form#search input[type="text"], form#search  select { border:1px solid #6D8C9B; }
form#search input[type="checkbox"] {  }
form#search .bbutton {position:absolute; bottom:0; right:0; }
form#searchoffer { color:#FCBC28; }
form#searchoffer table { width:100% }
form#search .buttons {position:absolute; bottom:0; right:0; }
form#search .buttons input {margin-bottom:5px;  }
form#search .buttons input {display:block;}

.resulttable { background:#fff; width:100%; margin:0 auto 8px auto; border: 1px solid #666;}
.resulttable th,.resulttable td{ padding:2px; }
.resulttable th { color:rgb(225,226,229); background-color:#666; }
.resulttable td {border-bottom:1px solid #ccc;}
.resulttable tr:hover {background-color:#E1E2E5;}

.tablesorterPager.top { margin:-20px 0 8px 0px; }
.tablesorterPager.bottom { margin-top:12px;}

div.tablesorterPager { margin-bottom:8px; }
div.tablesorterPager a { color:#666; padding:0 1px; }
div.tablesorterPager span { color:#000; padding:0 1px;}

#searchresult td+td, #searchresult th+th {vertical-align:middle; white-space:nowrap;text-align:left;}
#searchresult td+td+td, #searchresult th+th+th+th {width:100%;white-space:normal;}
#searchresult td+td+td+td, #searchresult th+th+th+th {text-align:right; width:auto; white-space:nowrap;}
#searchresult td+td+td+td+td, #searchresult th+th+th+th+th {text-align:center;}
#searchresult td+td+td+td+td+td, #searchresult th+th+th+th+th+th {text-align:center;}
#searchresult td+td+td+td+td+td+td, #searchresult th+th+th+th+th+th+th {text-align:center;}
#searchresult td+td+td+td+td+td+td+td, #searchresult th+th+th+th+th+th+th+th {white-space:nowrap;text-align:right;}
#searchresult a {color:inherit;}
#searchresult a:hover {color:#000;}

#offerresult td, #offerresult th {text-align:left;}
#offerresult td+td, #offerresult th+th {text-align:left;white-space:nowrap;}
#offerresult td+td+td+td, #offerresult th+th+th+th {text-align:center;}
#offerresult td+td+td+td+td, #offerresult th+th+th+th+th {text-align:right;white-space:nowrap;}
#offerresult td+td+td+td+td+td, #offerresult th+th+th+th+th+th {text-align:left;white-space:inherit;}
#offerresult td+td+td+td+td+td+td, #offerresult th+th+th+th+th+th+th {white-space:nowrap;}
#offerresult td+td+td+td+td+td+td+td, #offerresult th+th+th+th+th+th+th+th {white-space:inherit;}
#offerresult td+td+td+td+td+td+td+td+td+td, #offerresult th+th+th+th+th+th+th+th+th+th {white-space:nowrap; width:30px;text-align:right;}

.searchthumb li
{
	background:url('img/box_p.png') no-repeat top left;
	background:white;
	border:2px solid #ccc;
	border-radius:4px;
	height:320px;
	width:206px;
	display:block;
	float:left;
	margin:0 20px 20px 0;
 	padding: 10px 5px 10px 5px;
	font-size:10px;
	text-align:center;
	position:relative;
}

.searchthumb li h3 { color:#FCBC28; font-size:1.4em; margin-bottom:0px; }
.searchthumb .thumb { width:200px; height:150px; text-align:center; margin:auto; margin-bottom:10px;}
.searchthumb .price {margin-top:0px;}
.searchthumb li p {margin-bottom:2px;}
.searchthumb li.last { margin-right:0; }
.searchthumb .create_button {position:absolute; bottom:9px; right:10px;}
.searchthumb .wide_bbutton {position:absolute; bottom:11px; left:50px;}

.searchlist li
{
	background:url('img/wide_box.png') no-repeat top left;
	height:110px;
	width:910px;
	display:block;
 	margin:0 auto 20px auto;
 	padding: 5px 10px 5px 10px;
	font-size:10px;
	text-align:center;
	position:relative;
}

.searchlist td { vertical-align:middle; text-align:left; }
.searchlist li h3 { text-align:left; color:#FCBC28; font-size:1.4em; margin-bottom:0px; height:28px;}
.searchlist .thumb { width:120px; height:80px; text-align:center; margin:auto; }
.searchlist .create_button {position:absolute; bottom:6px; right:10px;}
.searchlist .wide_bbutton {position:absolute; bottom:8px; right:30px;}
.searchlist .price {position:absolute; bottom:4px; }


.vehiclelist { width:100%; }
.vehiclelist li
{
	background:url('img/box.png') no-repeat top left;
	height:130px;
	width:280px;
	display:block;
	float:left;
	margin:0 20px 20px 0;
	padding: 10px;
	font-size:10px;
}

.vehiclelist.vlwide {  margin:auto; }
.vehiclelist.vlwide li
{
	background:url('img/wide_box.png') no-repeat top left;
	width:910px;
	margin:0 auto 20px auto;
	float:none;
}

.vehiclelist.vlwide table {width: 910px; margin:auto;}
.vehiclelist.vlwide table td {vertical-align:top;}

.vehiclelist.vlwide a {margin:0 5px 0 0 ;}

.vehiclelist .thumb { float:right; width:120px; height:80px; text-align:center;}
.vehiclelist li h3 { color:#FCBC28; font-size:1.4em; margin-bottom:0px; height:28px;}
.vehiclelist li.last { margin-right:0; }
.vehiclelist p { margin-top:10px; }
.vehiclelist .small_bbutton, .vehiclelist .small_obutton,.vehiclelist .create_button { float:left; margin-top:5px; }
.vehiclelist .price { float:right; color:#FCBC28; font-size:2em; width:120px; text-align:center; }


.panel.offers { color:#6cf; margin:-18px -5px 2em -5px; z-index:1;  }
.panel.offers h2 { padding-top:28px !important; }
.offers label { width:8em; }
.offers input[type=text] {width:7em;}
.offers table td {margin:10px; }
.offers table th { color:black; font-size:16px; border-bottom:1px solid #000; }
.offers table {border-collapse:separate; }
.offers table tr:hover, .offers table td:hover { background-color:inherit; }


/*  PROFIL */
.col { color:#FCBC28;height:82%; min-height:220px; }
.col.panel2>div { padding-bottom:0; }
.col>div {height:100%; min-height:220px;}
.col .panel2body { padding-bottom:28px; }
.col label { width: 108px; }
.col input[type=text] { width: 272px; }
.col .small_obutton {float:right;}
.col table {width:100%; border:1px solid #666; border-bottom:0;}
.col table th { background:#666; border:0; }
.col table th, .col table td { text-align:center; border-bottom:1px solid #666; }
.col {width:455px; float:left; margin-right:30px !important; }
.col.last {margin-right:0 !important;}
#mytarifs input[type=text] { width: 100px; }
/****/

.sortbar {
  -moz-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  background:#666666;
  color:#ccc;
  line-height:1.5em;
  padding: 0 10px 0 10px;
  width:600px;
  text-align:left;
  display:inline-block;
  margin-bottom:8px;
  font-size:11px;
}


.sortbar a {
	background-image: url(img/bg.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding:0 20px 0 4px;
	width:45px;
	display:inline-block;
	color:#ccc;
	font-size:11px;
}

table.resulttable th.header
{
	background-image: url(img/bg.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right:24px !important;
}

table.resulttable th.header a {display:block; }

table.resulttable th.headerSortUp, .sortbar a.headerSortUp {
	background-image: url(img/asc.png);
	color:#ffffff;
}
table.resulttable th.headerSortDown, .sortbar a.headerSortDown {
	background-image: url(img/desc.png);
	color:#ffffff;
}

table.resulttable th.headerSortUp, table.resulttable th.headerSortDown, .sortbar a.headerSortDown, .sortbar a.headerSortUp {
background-color: #777;
}


/* lien vers crypteo */
#footer_list a.crypteo
{
	color: #555;
	text-decoration:none ;
	font-size:10px;
}

#footer_list a.crypteo:hover
{
	color: #000;
}


@media print {
	.noprint  { display:none; }
}