/**
 * 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 {
	width:647px;
}
.filters-form input {
	color: #000;
	padding: 1px;
}
.filters-form fieldset {
	padding: 0.5em;
	margin-bottom: 2em;
	border: 3px double #F8C00E;
	border-left: none;
	border-right: none;
	background-color: #a9a6a3;
}
.filters-form legend {
	padding: 0 0.3em;
	color: #fff;
	font-family:Verdana,"Trebuchet MS",helvetica,"Bitstream Vera Sans",sans-serif;
	font-size:11px
}
.filters-form p.field {
	margin: 0.5em 0;
	padding: 0;
}
.filters-form p.field label,  .filters-form p.field .fake-label {
	margin-right:5px
}
/* Liste véhicules

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



#vehicles-list {
	width: 100%;
}
#vehicles-list img {
	border: 2px solid #5d0708;
}
#vehicles-list .vehicle-title,  #vehicles-list .vehicle-title a {
	color: #9e0c0c;
	margin-top: 0;
	padding-top: 0;
}
#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 #F8C00E;
	background-color: #A9A6A3;
	float: left;
	width: 210px;
	height: 184px;
	margin: 0 .5em .5em 0;
	position: relative;
}
.mosaic p {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
#vehicles-mosaic .vehicle-title {
	background-color: #F5A906;
	color: #fff;
	margin: 0;
	padding: .5em;
}
#vehicles-mosaic .vehicle-title a {
	text-decoration: none;
	color: #fff;
}
#vehicles-mosaic .content {
	padding: .8em;
}
#vehicles-mosaic .borderMosaic {
	border: 1px solid #959391;
}
#vehicles-mosaic .content img {
	border: 2px solid #F5A906;
	float: left;
	margin: 0 0.5em 0.5em 0;
}
#vehicles-mosaic .content p {
	margin: 0.5em 0;
}
#vehicles-mosaic .footer {
}
#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 #F8C00E;
	background-color: #A9A6A3;
}
#vehicle img {
	border: 2px solid #F5A906;
}
#vehicle-title {
	background-color: #F5A906;
	color: #fff;
}
#vehicle-title h2 {
	font-size:14px
}
#vehicle-title p {
}
#vehicle-content {
	padding: 1em;
	border: 1px solid #959391;
}
#vehicle-images {
	width: 220px;
}
#vehicle-description {
	width: 65%;
}
#vehicles-details {
	background-color: #F5A906;
	padding: 5px 0;
}
#vehicles-details .label {
	color: #736F6C;
	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;
	margin: 1em 0;
	padding: 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 #F8C00E;
	background-color: #A9A6A3;
	color: #fff;
	display: block;
	padding: 3px 6px;
	text-decoration: none;
}
.pagination .active {
	border: 1px solid #F8C00E;
	background-color: #C0BCB9;
	color: #fff;
}
.pagination a:hover {
	border: 1px solid #F8C00E;
	background-color: #F8C00E;
	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;
}