/**

 * Feuille de style pour le module véhicules coté public

 *

 * 	- Filtres d'affichages

 * 	- Liste des véhicules

 * 	- Fiche véhicule

 * 	- Colonnes

 * 	- Pagination

 *  - AJax loader

 */





/* Filtres d'affichages

----------------------------------------------------------*/



#filter-control a {
	background: transparent url(preview.png) no-repeat 0 40%;
	padding-left: 20px;
}
.filters-form {
}
.filters-form input {
	color: #000;
	padding: 1px;
}
.filters-form fieldset {
	padding: 0.5em;
	margin-bottom: 2em;
	border: 1px solid #303030;
	border-left: none;
	border-right: none;
	background-color: #F9F9FA;
}
.filters-form legend {
	padding: 0 0.3em;
	color: #000;
	font-family:"Trebuchet MS",helvetica,"Bitstream Vera Sans",sans-serif;
}
.filters-form p.field {
	margin: 0.5em 0;
	padding: 0;
}
.filters-form p.field label,  .filters-form p.field .fake-label {
	display: block;
	float:left;
	margin-right:5px;
}
/* Liste véhicules

----------------------------------------------------------*/



#vehicles-list {
	width: 100%;
}
#vehicles-list img {
	border: 2px solid #303030;
}
#vehicles-list .vehicle-title,  #vehicles-list .vehicle-title a {
	border-top: 6px solid #303030;
	background-color: #191919;
	color: #fff;
	margin: 0;
	padding: .5em;
}
#vehicles-list th,  #vehicles-list td {
	border-bottom: 1px solid #5d0708;
	padding: 1em;
	vertical-align: top;
	text-align: left;
}
#vehicles-list th.nowrap,  #vehicles-list td.nowrap {
	white-space: nowrap;
}
/* Mosaique  de véhicules

----------------------------------------------------------*/



#vehicles-mosaic {
	width: 100%;
}
.mosaic {
	border: 1px solid #191919;
	float: left;
	width: 192px;
	height: 200px;
	margin: 0 .5em .5em 0;
	position: relative;
}
.mosaic p {
	margin: 0;
	padding: 0;
	line-height: 1;
}
#vehicles-mosaic .vehicle-title {
	border-top: 6px solid #303030;
	background-color: #191919;
	color: #fff;
	margin: 0;
	padding: .5em;
}
#vehicles-mosaic .vehicle-title a {
	text-decoration: none;
	color: #fff;
}
#vehicles-mosaic .content {
	padding: .8em;
}
#vehicles-mosaic .content img {
	border: 2px solid #303030;
	float: left;
	margin: 0 0.5em 0.5em 0;
}
#vehicles-mosaic .content p {
	margin: 0.5em 0;
}
#vehicles-mosaic .footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#vehicles-mosaic .price {
	text-align: right;
	padding-right: 1em;
}
#vehicles-mosaic .details {
	padding: 0.5em 1em;
}
#vehicles-mosaic .details-link {
	background: transparent url(preview.png) no-repeat 0 40%;
	padding-left: 20px;
}
/* Fiche véhicule

----------------------------------------------------------*/



#vehicle {
	border: 1px solid #191919;
}
#vehicle img {
	border: 2px solid #303030;
	margin:2px;
}
#vehicle-title {
	background-color: #191919;
	border-top: 6px solid #303030;
	color: #fff;
}
#vehicle-title h2 {
	color: #fff;
	font-family:"Trebuchet MS",helvetica,"Bitstream Vera Sans",sans-serif;
	margin-bottom:2px;
	text-align:left
}
#vehicle-title p {
}
#vehicle-content {
	padding: 1em;
}
#vehicle-images {
	width: 220px;
}
#vehicle-description {
	width: 67%;
}
#vehicles-details {
	background-color: #F9F9FA;
	border-top: solid 1px #191919;
	padding: 5px 0;
}
#vehicles-details .label {
	color: #303030;
	font-weight: bold
}
/* Colonnes

----------------------------------------------------------*/



.two-cols, .three-cols, .four-cols {
	position: static;
	zoom: 1;
}
.two-cols:after, .three-cols:after, .four-cols:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.two-cols .col, .three-cols .col, .four-cols .col {
	float: left;
	margin-left: 1%;
	padding: 1px 0;
}
.two-cols .col {
	width: 48%;
}
.three-cols .col {
	width: 32%;
}
.four-cols .col {
	width: 24%;
}
.clearer {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatLeftEspace {
	float: left;
	padding: 0 1em 1em 0;
}
/* Pagination

----------------------------------------------------------*/



.pagination {
	display: inline-block;
	zoom: 1;
}
.pagination:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* required comment for clearfix to work in Opera \*/

* html .pagination {
	height:1%;
}
.pagination {
	display:block;
}
/* end clearfix */



.pagination {
	border: 0;
	padding: 0.5em 0;
	zoom: 1;
	clear:both
}
.pagination li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-right: 2px;
	display: block;
	float: left;
}
.pagination .active,  .pagination a {
	border: 1px solid #191919;
	color: #191919;
	display: block;
	padding: 3px 6px;
	text-decoration: none;
}
.pagination .active {
	border: 1px solid #191919;
	background-color: #dbdbdb;
	color: #191919;
}
.pagination a:hover {
	border: 1px solid #191919;
	background-color: #2F2F2F;
	color: #fff;
}
/* Ajax loader



	pour personnaliser l'icone du loader on peut utiliser

	ce site : http://www.ajaxload.info/

----------------------------------------------------------*/

#ajaxloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	background: #cccccc url(ajax-loader.gif) no-repeat center;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}