/**
 * 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 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;
}*/
/* Fiche véhicule
----------------------------------------------------------*/
/* 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%;
}*/
/* Styles pixels */
/*div#search_single_vehicule h2, 
div#search_single_vehicule p,
div#search_single_vehicule input[type="submit"] {
    color: #1e2537 !important;
}

div#search_single_vehicule h2 {
    font-family: hind;
    font-size: 23px;
    text-transform: uppercase;
}

div#search_single_vehicule .home_search_form_wrapper {
    background: #f0f0f0;
    margin: 0;
}

div#search_single_vehicule .col-md-3:not(:last-child):after {
    content: "";
    position: absolute;
    background: #ccc;
    right: 0;
    height: 100px;
    width: 1px;
    top: 0;
}

div#content h1 {
    font-size: 20px;
    font-family: work sans;
    font-weight: 100;
    text-transform: uppercase;
    font-weight:300
}
#vehicle {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
#vehicle #vehicles-details  { padding-top : 0 ; }*/
/*
.pagination { text-align: center ; width: 100% }
.pagination .active, .pagination li { display: inline-block !important; float: inherit !important ; }
.pagination .active {
    border: 1px solid #efefef !important;
    background-color: #3d4a6b !important;
    color: #efefef !important;
}
.pagination li { 
    border: 1px solid #f0f0f0 !important;
    background-color: #1e2537 !important;
    color: #ffffff !important;
}

.pagination a:hover {
    background-color: #3d4a6b !important;
}
.pagination .active, .pagination a {
    border: 1px solid #efefef !important;
    background-color: #1e2537 !important;
    color: #ffffff !important;
}
*/
/*div#search_single_vehicule {
    margin-bottom: 30px;
    overflow: hidden;
}

.similar_single h3 {
    font-size: 23px;
    font-weight: bold !important;
    font-family: hind;
    color: #1e2537 !important;
    width: 120%;
    text-transform: uppercase;
    margin-left: -10%;
    margin-bottom: 3px;
}*/
/*div#vehicle-images ul.slides li img {
    width: 100%;
    border: none;
}*/
/*.col-md-12.chapters_titles {
    background: #fbfbfb;
    border-bottom: 1px solid #fbfbfb;
    margin-bottom: -1px;
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}




.home_search_form_wrapper span {
    height: 0;
    max-height: 0px !important;
    background: red;
    display: flex;
    float: right;
}
.home_search_form_wrapper p.marginTop10 {
    margin: 10px 0 0 0;
}

.filters-form legend{
    border: 1px solid #1e2537;
}
.filters-form fieldset { border-top: 1px solid #1e2537; }
form#filters_form_public_news select, form#filters_form_public_news input {border: 1px solid #bbbbbb !important;}

.filters-form input[type="submit"]
{
    color: #f4f4f4;
    background-color: #1e2537;
    border: 1px solid #1e2537;
    padding: 10px 50px;
    border-radius: 4px !important;
}

.col-md-6.latest_link h2   {
    text-decoration: none;
    color: #FFF;
    font-size: 28px;
    font-family: hind;
}
.col-md-6.latest_link a {
    color: #cb2b13;
    text-decoration: none;
    font-size: 15px;
    font-family: hind;
    border: 1px solid #ffffff;
    padding: 10px 20px;
    margin: 10px 0;
    display: inline-block;
    background: #ffffff;
    font-weight: bold;
    border-radius: 4px;
}

div#latest_cars {
    padding: 30px;
}
@media(max-width: 1024px)
{
    .vehicule_detail .details .col-md-3:not(:last-child):after,
    div#search_single_vehicule .col-md-3:not(:last-child):after
    { content: none !important ; }
}



@media(max-width: 991px)
{	
    .home_search_form {margin:0 auto !important;}


}
.whitebg {
    background: #FFF !important ;
}



#search_single_vehicule form#filters_form_public_vehicles #filters_form_public_vehicles_brand_id, 
#search_single_vehicule form#filters_form_public_vehicles #filters_form_public_vehicles_model_id {
    padding:3px !important;
}
.latest_cars_link {
    box-shadow: 1px 1px 8px whitesmoke;
    margin:20px auto;
}

div#latest_cars { padding: 0 30px 30px; margin-top: -50px;}
.ajust_pos{margin-right: 20px;}


@media (max-width: 1199px) {
	.details .col-md-3{font-size:10px !important;} 
	.dotted_bottom{background:none;  text-align: center;}
}
.latest_cars_link {
    box-shadow: 1px 1px 8px whitesmoke;
    font-size: 12px;
    width: 90%;
}
@media (max-width: 369px){
    .dotted_bottom_1{font-size:18px;}
}
@media (max-width: 767px){
    .latest_cars_link{margin:20px auto;}
}
@media (max-width: 610px){ 
	.home_search_form_wrapper { padding:0px} 
	#home_search_form h2{text-align:center; font-size:18px;  padding-left: 20px;padding-right: 20px;}
}

div#home_search_form input[type="submit"], 
div#search_single_vehicule input[type="submit"]{margin:0}

#home_search_form h2{margin-left:14px; margin-bottom:0; margin-top: 2px;}
.home_search_form_wrapper p.marginTop10 { margin:0}
.detials_bloc .col-md-4{font-size:15px;}
.detials_bloc .col-md-9 span, .detials_bloc .col-md-3 span{ color: #a3a3a3; display: inline-block; min-width: 50%;
                                                            padding-right: 10px;   text-transform: uppercase;	font-size:16px;}
.adjsut_spec { margin-left: -10px; margin-bottom: -2px;}

.detials_bloc .col-md-3, .detials_bloc .col-md-9{ color: #666666; font-size: 16px; padding: 10px 5px;}
.owl-carousel .owl-item img {
    display: block;
    height: auto;
    max-width: 100%;
    transform-style: preserve-3d;
    width: auto;
}

.hidden_link {
    display: block;
    height: 500px;
    left: 0;
    position: absolute;
    top: 0px;
    width: inherit;
    z-index:999
}


.img_link {
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 277px;
    z-index: 99999;

}

.hidden_link_left {
    display: block;
    height: 500px;
    left: 0;
    position: absolute;
    top: 97px;
    width: inherit;
    z-index: 999;
}
.img_link_left {
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 285px;
    z-index: 99999;
}
@media (max-width: 1199px){
    .img_link_left{width:236px}
    .img_link{top:21px; width:227px}
}
@media (max-width: 991px){
    .img_link_left { width: 299px; }
    .img_link {top: 28px;  width: 300px; }
}
.owl-carousel .owl-stage-outer{ height:525px; }
.home_box { background-color: rgba(0,0,000, 0.4); }

.intrested strong#vv {
    font-size: 17px;
    padding-left: 18px;
    display: block;
}
*/
