/**
 * Feuille de style pour le module véhicules coté public
 *
 * 	- Filtres d'affichages
 * 	- Liste des véhicules
 * 	- Fiche véhicule
 * 	- Colonnes
 * 	- Pagination
 *
 */


/* 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 #41413F;
	border-left: none;
	border-right: none;
	background-color: #fdf2f2;
}
#filters-form legend {
	padding: 0 0.3em;
	color: #000;
}

#filters-form p.field {
	margin: 0.5em 0;
	padding: 0;
}

#filters-form p.field label,
#filters-form p.field .fake-label {
	display: block;
}


/* Liste véhicules
----------------------------------------------------------*/

#vehicles-list {
	width: 100%;
}
#vehicles-list img {
	border: 2px solid #41413F;
}
#vehicles-list .vehicle-title,
#vehicles-list .vehicle-title a {
	color: #FFAD01;
	margin-top: 0;
	padding-top: 0;
}

#vehicles-list th,
#vehicles-list td {
	border-bottom: 1px solid #41413F;
	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 #41413F;
	float: left;
	width: 210px;
	height: 200px;
	margin: 0 .5em .5em 0;
	position: relative;
}

#vehicles-mosaic .vehicle-title,
#vehicles-mosaic .vehicle-title a {
	text-decoration: none;
	background-color: #FFAD01;
	color: #fff;
	margin: 0;
	padding: .1em;
}

#vehicles-mosaic .content {
	padding: .8em;
}
	#vehicles-mosaic .content img {
		border: 2px solid #41413F;
		float: left;
		margin: 0 0.5em 0.5em 0;
	}
	#vehicles-mosaic .content p {
		margin: 0.5em 0;
	}

#vehicles-mosaic .footer {
	position: absolute;
	bottom: 0;
	right: .8em;
	margin: 0;
	padding: 0;
	text-align: right;
}


/* Fiche véhicule
----------------------------------------------------------*/
.ss-titre{ padding:5px; text-align:center; color:#ffad00; background-color:#41413F; margin:5px 0; font-weight:bold}
#vehicle {
	border: 1px solid #41413F;
}

#vehicle img {
	border: 2px solid #41413F;
}

#vehicle-title {
	background-color: #FFAD01;
}
	#vehicle-title h2 {
	}
	#vehicle-title p {
	}

#vehicle-content {
	padding: 1em;
	background-color: #211F20;
	color: #fff;
}
	#vehicle-images {
		width: 413px;
	}
	#vehicle-images img{
		margin:3px 0
	}
	#vehicle-description {
		width: 37%;
	}

#vehicles-details {
	background-color: #767573;
	border-top: solid 1px #41413F;
	padding: 5px 0;
}

#vehicles-details .label {
	color: #FFAD01;
	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: 1em 0;
	zoom: 1;
}
.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 #41413F;
	background-color: #fdf2f2;
	color: #41413F;
	display: block;
	padding: 3px 6px;
	text-decoration: none;
}
.pagination .active {
	border: 1px solid #FFAD01;
	background-color: #fdf2f2;
	color: #FFAD01;
}
.pagination a:hover {
	border: 1px solid #fdf2f2;
	background-color: #41413F;
	color: #fdf2f2;
}