/**
 * 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
----------------------------------------------------------*/
 .rubric_title   {
        display: none !important;
    }

#vehicle-filter-control a {
    background: transparent url(preview.png) no-repeat 0 40%;
    padding-left: 20px;
}

.vehicles-filters-form {
    width: 220px;
}

.vehicles-filters-form select,
.vehicles-filters-form input {
    color: #000;
    padding: 1px;
    border: 1px solid #cecece;
}

.vehicles-filters-form .active {
    border: 1px solid #5D0708;
}

.vehicles-filters-form fieldset {
    padding: 0.5em;
    margin-bottom: 2em;
    border: 1px solid #5D0708;
    border-left: none;
    border-right: none;
    background-color: #fdf2f2;
}

.vehicles-filters-form legend {
    padding: 0 0.3em;
    color: #000;
}

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

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

.vehicles-filters-form select {
    width: 200px;
}

.vehicles-filters-form input[type="text"] {
    width: 195px;
}

/* 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%;
    padding: 0;
    margin: 10px 0;
    margin: 0;
    list-style: none;
}

#vehicles-mosaic .column {
    float: left;
    width: 240px; /* Largeur des vignettes */
    padding: 0;
    margin: 5px 0;
    display: inline;
}

.mosaic {
    height: 400px;
    padding: 0.2em;
    position: relative;

    margin-right: 10px; /* Espace entre chaque vignettes */

    border: 1px solid #5d0708;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.mosaic p {
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

#vehicles-mosaic .vehicle-title {
    font-size: 1.1em;
    font-weight: normal;
    background-color: #9E0C0C;
    color: #fff;
    margin: 0;
    padding: .5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#vehicles-mosaic .vehicle-title a {
    text-decoration: none;
    color: #fff;
}

#vehicles-mosaic .img {
    border: none;
    display: block;
    width: 200px;
    margin: 0 auto;
    padding: 0.5em;
}

#vehicles-mosaic .img img {
}

#vehicles-mosaic .img .no-img {
    width: 200px;
    height: 150px;
    background-color: #efefef;
}

#vehicles-mosaic .content {
    margin: 0;
    padding: 0 0.5em;
}

#vehicles-mosaic .links {
    margin: 0;
    padding: 0 0.5em;
}

#vehicles-mosaic p.send-to-friend-link-wrapper {
}

#vehicles-mosaic a.send-to-friend-link {
}

#vehicles-mosaic p.contact-me-link-wrapper {
}

#vehicles-mosaic a.contact-me-link {
}

#vehicles-mosaic p.add-to-selection-link-wrapper {
}

#vehicles-mosaic a.remove-from-selection-link {
}

#vehicles-mosaic p.remove-from-selection-link-wrapper {
}

#vehicles-mosaic a.add-to-selection-link {
}

#vehicles-mosaic .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#vehicles-mosaic .price {
    text-align: center;
    margin: 0.8em;
    font-size: 1.1em;
}

#vehicles-mosaic .details {
    margin: 0;
    padding: 0.5em 1em;
	min-height: 160px;
}

#vehicles-mosaic .details-link {
    background: transparent url(preview.png) no-repeat 0 40%;
    padding-left: 20px;
}

/* Fiche véhicule
----------------------------------------------------------*/

#vehicle {
    border: 1px solid #5d0708;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: .2em;
}

#vehicle-title {
    padding: .5em;
    background-color: #9e0c0c;
    color: #fff;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#vehicle-title h1 {
    color: #fff;
    width: 75%;
}

#vehicle-title p {
    color: #fff;
    font-size: 1.4em;
    width: 22%;
}

#vehicle-content {
    padding: 1em 0;
    position: relative;
}

#vehicle-images {
    width: 100%;
}

.#vehicle-images img {
    border: 2px solid #5d0708;
    margin: 0 2px 2px 0;
}

#vehicle-images a img {
    filter: alpha(opacity=100);
    opacity: 1;
}

#vehicle-images a:hover img {
    filter: alpha(opacity=70);
    opacity: .7;
}

#vehicle-description {
    width: 450px;
    text-align: justify;
}

#vehicles-details {
    background-color: #fdf2f2;
    border-top: 1px solid #5d0708;
    padding: 1em 0;

    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
}

#vehicles-details .label {
    color: #9e0c0c;
    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;
}

/* Alertes
----------------------------------------------------------*/

#vehicles-alert-form {
}

#vehicles-alert-form select,
#vehicles-alert-form input[type=text] {
    width: 200px;
}

p.field {
    margin: 0.5em 0;
}

p.field label, p.field .fake-label {
    display: block;
    display: table-cell;
}

.alert {
    border: 1px solid #c6c6c6;
    margin-bottom: 1em;
}

.alert-title {
}

.alert-title {
    display: inline-block;
    zoom: 1;
    clear: both;
}

.alert-title:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* required comment for clearfix to work in Opera \*/
* html .alert-title {
    height: 1%;
}

.alert-title {
    display: block;
}

/* end clearfix */

.alert-title h3 {
    float: left;
    text-align: left;
    margin: 0;
    padding: 5px 10px;
}

.alert-action {
    float: right;
    text-align: right;
    margin: 0;
    padding: 5px 10px;
}

.alert-details {
}

.alert-details .label {
    font-weight: bold;
}

.alert-vehicles {
}

/* Agences
----------------------------------------------------------*/
#map_display {
    display: none
}

.agency {
    float: left;
    width: 45%;
}

.agencyName {
    background-color: #9E0C0C;
    padding: .5em;
    color: #fff;
}

#google_map.nosAgences {
    clear: both;
    height: 500px;
    padding: 0;
    width: 690px;
}

.box {
    border: 1px solid #A4A4A4;
    box-shadow: 2px 2px 3px #A4A4A4;
    margin: 10px 5px;
    padding: 10px;
    position: relative;
}

/* Pagination
----------------------------------------------------------*/

.pagination {
    display: inline-block;
    zoom: 1;
    clear: both;
}

.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;
}

.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 #5D0708;
    background-color: #fdf2f2;
    color: #5D0708;
    display: block;
    padding: 3px 6px;
    text-decoration: none;
}

.pagination .active {
    border: 1px solid #9E0C0C;
    background-color: #fdf2f2;
    color: #9E0C0C;
}

.pagination a:hover {
    border: 1px solid #fdf2f2;
    background-color: #5D0708;
    color: #fdf2f2;
}

table.common caption {
    text-indent: -9999px;
    position: absolute;
}

/* boites d'erreurs, d'avertissements et de messages */
.error_box, .wrn_box, .msg_box {
    margin: 0.6em;
    padding: 0.2em 0.6em;
    text-align: center;
}

.error_box p, .wrn_box p, .msg_box p {
    margin: 0;
}

.error_box ul, .wrn_box ul, .msg_box ul {
    text-align: left;
    margin: 0;
    padding-left: 1em;
}

/* boite erreur */
.error_box {
    background-color: #FFEEEE;
    border: 1px solid red;
}

/* boite avertissement */
.wrn_box {
    background-color: #FFFFEE;
    border: 1px solid #FFFF00;
}

/* boite message */
.msg_box {
    background-color: #EEFFEE;
    border: 1px solid #009900;
}

/* formulaire envoyer à un ami */
#send_to_friend_wrapper {
}

#send_to_friend_form {
    text-align: left;
}

#send_to_friend_form p.field label {
    display: block;
}

/* Back to top link
----------------------------------------------------------*/
.scrollTop-wrapper {
    clear: both;
    text-align: right;
}

.scrollTop {
}

a.modal.center img {
    width: 100%;
}