*,
*:hover,
*:active,
*:focus,
a,
a:hover,
a:active,
a:focus {
    outline: none;
}

body {
    font-family: 'Lato', sans-serif;
    background-color: #f4f4f4;
}

.unvisible {
    visibility: hidden;
}


/* 
|	CSS REMPLACEMENT BOOTSTRAP
*/

.btn-primary {
    background-color: #f63;
    border: 1px solid #f63;
}
/*
.title a {
    color: #fff;
}

a {
    color: #f63;
}

a:hover {
    color: #f63;
    text-decoration: none;
}

a:active {
    color: #f63;
    text-decoration: none;
}

a:focus {
    color: #f63;
    text-decoration: none;
}*/

h1 a {
    color: white;
}

h1 a:link {
    text-decoration: none;
}

h1 a:hover {
    color: white;
}

ul,
li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #F9A488;
}

.nav-pills>li.active>a {
    background-color: #f63;
}

.first-nav .title {
    margin-left: 15px;
    font-style: italic;
    font-weight: bold;
    margin-top: 13px;
    font-size: 1.7em;
    text-decoration: none;
    font-family: 'Cabin', sans-serif !important;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #f63;
}


/* 
|	CSS POUR LE MENU STATIC PRINCIPAL 
*/

.first-nav {
    background-color: #000000;
    color: #fff;
}

.first-nav .border-grey {
    border-bottom: 1px solid #413f3f;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    padding-bottom: 10px;
    letter-spacing: 0.5px;
}

.orange {
    color: #f63;
}

.black {
    color: #000000;
}

.white {
    color: #fff;
}

.space {
    margin-left: 3px;
}

.space-bot50 {
    margin-bottom: 50px;
}

.nav-space {
    background-color: #000000;
    padding-top: 107px;
}


/* 
|
| *********************************************
| CSS POUR LES BOUTONS 
| *********************************************
|
*/

.btn-primary {
    border-radius: 0px;
    border: 1px solid transparent;
}

.btn-primary:hover {
    background-color: #F9A488;
    color: #fff;
    border: 1px solid #ddd;
}

.btn-primary:active {
    background-color: rgba(255, 255, 255, 0.8);
    color: #f63;
    border: 1px solid #f63;
}

.btn-primary:focus {
    background-color: rgba(255, 255, 255, 0.8);
    color: #f63;
    border: 1px solid #f63;
}

.open>.dropdown-toggle.btn-primary {
    background-color: rgba(255, 255, 255, 0.8);
    color: #f63;
}


/* 
|
| *********************************************
| CSS POUR LA DATAGRID DU FRONT
| *********************************************
|
*/

.pagination {
    /*margin: 20px 19px;*/
}

.pagination>li>a {
    color: #f63;
}

.pagination>li>a:hover {
    color: #f63;
}

.pagination>.active>span {
    background-color: #f63;
    border-color: #f63;
}


/* 
|	h1,h2,h3,h4,h5
*/

h1 {
    padding: 0 0 10px 15px;
}


/* HEADER STATIC (menu) */

.main-menu li:hover {
    /*border-bottom:2px solid #f63;*/
}

.main-menu li i {
    color: #f63;
    font-size: 20px;
}


/* 
|	CSS POUR LA FLEXBOX
*/

.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}

.box {
    margin: 0;
    padding: 5px;
    width: 25%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -24px;
    z-index: 1;
    position: relative;
}

.box a {
    /*height:100%;*/
}

.box .thumbnail {
    padding: 4px;
    margin-bottom: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 100%;
    /*height:100%;*/
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.box .thumbnail:hover {
    border: 1px solid #f63;
    cursor: pointer;
}


/*.box .thumbnail:visited{
	border-color:#f63;
}*/

.box .thumbnail .caption {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.box .thumbnail .caption .price-single {
    font-size: 18px;
    font-weight: 600;
}

.box .thumbnail .caption .price-single span {
    font-size: 13px;
    font-weight: 400;
    float: right;
    margin-top: 5px;
}

.box .thumbnail .caption .price-single i {
    float: right;
    margin-right: 6px;
    color: #f63;
    margin-top: 5px;
    cursor: default;
    pointer-events: auto;
}

.box .thumbnail .caption p {
    margin-bottom: 6px;
}


/* Financement mentions légales */

.finance_ctlm {
    color: #000;
    display: none;
    background-color: #fff;
    width: 97%;
    z-index: 5000;
    padding: 12px;
    margin-left: 4px;
    margin-top: 2px;
}

.finance_ctlm.display {
    display: block;
    position: absolute;
    top: 29px;
    left: 0;
    right: 0;
    height: 246px;
}

.box .finance_ctlm p {
    font-size: 11px;
    margin-bottom: 7px;
    border-bottom: 1px solid #ddd;
}

.box .finance_ctlm .bold {
    font-weight: bold;
}

.box .finance_ctlm p span {
    float: right;
}

.box .finance_ctlm .left-barre {
    border-left: 1px solid #f63;
}

.box .finance_ctlm .finance_ctlm_title {
    text-align: center;
    color: #f63;
    margin-bottom: 16px;
}

span.glyphicon-camera {
    position: relative;
    top: 45px;
    left: 17px;
    font-size: 24px;
    color: #B8B8B8;
    z-index: 2;
}

span.glyphicon-camera .compteur-image {
    position: relative;
    width: auto;
    color: #f63;
    border: 1px solid #ddd;
    background-color: #fff;
    left: -35px;
    font-size: 11px;
    border-radius: 50%;
    top: -20px;
    padding: 0px 5px 3px 5px;
    z-index: -1;
    font-weight: 900;
}

.main-menu span {
    background-color: black;
    z-index: 1;
    padding-right: 3px;
    text-transform: uppercase;
}

.main-menu .active {
    border-bottom: 2px solid #f63;
    padding-bottom: 13px;
}

.main-menu .nav-title:hover {
    border-bottom: 2px solid #f63;
    padding-bottom: 13px;
}

.main-menu span.compteur-image {
    z-index: 1;
    position: relative;
    width: auto;
    color: #fff;
    background-color: #f63;
    left: -5px;
    font-size: 11px;
    top: -10px;
    min-width: 10px;
    text-align: center;
    /* Style facebook */
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
    padding: 1px 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}


/*
| *********************************************************************
| Voiture en mode liste 
| *********************************************************************
*/

.box-list-view {
    width: 100%;
}

.box-list-view .thumbnail {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 6px;
}

.box-list-view .thumbnail img {
    height: 100px;
}

.box-list-view .thumbnail .caption-footer {
    text-align: center;
}

.box-list-view .thumbnail .caption-footer .pull-left {
    display: none;
}

.box-list-view .thumbnail .caption {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: block;
}

.box-list-view .thumbnail .caption .price-single {}


/*
| *********************************************************************
| Single voiture 
| *********************************************************************
*/

.row .container-vehicle .vertical-thumb {
    padding-left: 0px;
    margin-top: 89px;
}

.row .container-vehicle .vertical-thumb img {
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

.row .container-vehicle .vertical-thumb .carousel-control {
    margin-left: 38px;
    color: #f63;
}

.row .container-vehicle .vertical-thumb .down.carousel-control {
    margin-top: 345px;
}

.row .container-vehicle {
    margin-bottom: 20px;
}

.row .container-vehicle .single-title {
    margin-bottom: 10px;
}

.row .container-vehicle .single-title span {
    font-size: 18px;
    margin-left: 15px;
    padding: 5px;
    text-transform: uppercase;
    color: #f63;
    border: 1px solid #ddd;
    border-radius: 5px;
    float: right;
    margin-right: 54px;
}

.row .container-vehicle h1 {
    font-size: 30px;
    padding: 0px;
}

.row .container-vehicle p {
    font-size: 14px;
}

.single-vehicle {
    background-color: white;
}

.single-vehicle .thumb {
    margin-bottom: 15px;
}

.single-vehicle .price {
    font-size: 33px;
    text-align: right;
    font-weight: 700;
}

.single-vehicle .print {
    cursor: pointer;
    font-size: 25px;
    color: #f63;
    margin-top: 7px;
}

.single-vehicle .financement {
    /*height:115px;*/
    font-size: 20px;
    text-align: right;
    color: #f63;
    padding-bottom: 15px;
    padding-top: 5px;
}

.single-vehicle .financement span {
    font-size: 16px;
    color: #000;
}

.single-vehicle .financement button {
    border-radius: 5px;
}

.single-vehicle .financement .ctlm_mensu {
    height: 28px;
}

.single-vehicle .cetelem {
    text-align: right;
    font-size: 16px;
    margin-top: 10px;
    padding-top: 5px;
    height: 30px;
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px solid #ddd;
}

.single-vehicle .print {
    text-align: right;
}

.single-vehicle .feature {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.single-vehicle .feature .feature-title {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
}

.single-vehicle .devis {
    text-align: center;
    margin-top: 15px;
}

.bt-devis button {
    font-size: 20px;
}

.contact .bt-devis {
    text-align: center;
    margin-top: 6px;
}

.equipment {
    margin-bottom: 10px;
    margin-top: 25px;
}

.single-vehicle .equipment h3 {
    font-weight: 400;
}

.single-vehicle .mention {
    margin-top: 0px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding-bottom: 15px;
    padding-top: 10px;
    text-align: right;
}

.single-vehicle .mention p {
    font-size: 20px;
    color: #f63;
}

.single-vehicle .options {
    visibility: hidden;
    text-align: right;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 6px 0px;
}

.single-vehicle .form-static {
    margin-top: 20px;
}

.single-vehicle .form-static .phone-number {
    margin-top: 0px;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    margin-right: 0px;
    margin-left: 0;
    border-radius: 5px;
}

.single-vehicle .form-static .phone-number a {
    font-size: 17px;
}

.single-vehicle .form-static .phone-number .input-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

.single-vehicle .form-static .phone-number input {
    height: 40px;
}

.single-vehicle .form-static .phone-number .orange {
    font-size: 16px;
}

.single-vehicle .nav-feature {
    font-size: 17px;
}

.equipment .nav-tabs li {
    font-size: 16px;
    text-transform: uppercase;
}

.equipment .thumbnail_vehicule {
    margin-top: 10px;
}

.equipment .thumbnail_vehicule .col-md-2 {
    padding-right: 6px;
}

.equipment .thumbnail_vehicule .col-md-2 img {
    cursor: pointer;
}

.equipment .thumbnail_vehicule .col-md-2 img:hover {
    border: 1px solid #f63;
}

.equipment .table-option tr:hover {
    cursor: pointer;
    background-color: white;
}

.equipment .equipment_categorie {
    font-size: 15px;
    text-transform: uppercase;
    color: #f63;
}


/*
| ***************** STYLE CAROUSEL DE MARQUE DE LA PAGE ACCUEIL *******************
*/

.slide_brand .carousel-inner {
    /*margin-left:40px;*/
}

.slide_brand .carousel-inner .thumbnail {
    text-align: center;
    transition: all 0.2s linear;
}

.slide_brand .carousel-inner .thumbnail:hover {
    box-shadow: 3px 3px 10px #ccc;
}

.slide_brand .carousel-inner .item {
    width: 100%;
}


/*
| ***************** STYLE MENU TOP AFFIX *******************
*/

.single-vehicle .container-affix {
    display: none;
}

.single-vehicle.affix .container {
    display: none;
}

.single-vehicle.affix {
    width: 100%;
    margin: 0;
    z-index: 1030;
    box-shadow: 5px 5px 5px #ddd;
    padding: 5px 0;
}

.single-vehicle.affix + .container {
    margin-top: 556px;
}

.single-vehicle.affix .container-affix {
    display: block;
    background-color: #fff;
    z-index: 1000000;
    position: relative;
    top: 0;
    width: 100%;
}

.single-vehicle.affix .container-affix .nav-affix {
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
}

.single-vehicle.affix .container-affix .brand-name {
    font-size: 26px;
    margin-top: 5px;
}

.single-vehicle.affix .container-affix .right-menu {}

.single-vehicle.affix .container-affix .right-menu button {
    font-size: 16px;
    padding: 8px 15px;
    margin-top: 5px;
}

.single-vehicle.affix .container-affix .right-menu .price-affix {
    text-align: right;
    margin-top: 0px;
}

.single-vehicle.affix .container-affix .right-menu .price-first-affix {
    font-size: 33px;
}

.single-vehicle.affix .container-affix .right-menu .price-month-affix {
    display: block;
}

.single-vehicle.affix .container-affix .right-menu .bt-devis {
    margin-top: 10px;
    margin-left: -90px;
}

.single-vehicle.affix .container-affix .right-menu .bt-devis button {
    border-radius: 4px;
}

.single-vehicle.affix .container-affix .right-menu .img-up {
    font-size: 33px;
    margin-top: 15px;
    margin-left: 80px;
}

.price-option-affix {
    text-align: center;
    border: 1px solid #ddd;
    padding: 8px;
    margin: 5px 0px 0px 25px;
    border-radius: 5px;
    visibility: hidden;
}


/*
	TABLEAU DES CARACTERISTIQUES DU VEHICULE
*/

.equipment h4 {
    text-transform: uppercase;
}

.equipment .nav-tabs.nav-justified>li>a:hover {
    background-color: #fff;
    color: #000;
}


/*
	MODAL DE DEMANDE DE DEVIS
*/

.modal {
    top: 15%;
}

.modal-footer .btn-primary {
    border-radius: 4px;
}

.modal-body .row.container-price {
    text-align: center;
}

.modal-body .price {
    color: #f63;
    font-size: 20px;
}

.modal-body .form-control {
    margin-bottom: 10px;
}

.modal-body .phone-modal {
    border-left: 1px solid #ddd;
}

.modal-body .phone-info-modal {
    text-align: center;
    font-size: 16px;
    margin-top: 14px;
}

.modal-body .modal-carac {
    margin-top: 15px;
}

.modal-table-option td {
    width: 90%;
}


/*
| *********************************************
| PARTIE DROITE SINGLE VEHICULE
| *********************************************
*/

.row.contact {
    margin-top: 15px;
}

.row.contact .bt-devis button {
    margin-bottom: 20px;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px;
}

.row.contact button.btn-default {
    height: 40px;
}

.row.contact button span {
    font-size: 22px;
    vertical-align: middle;
    margin: 0px 0px 3px 20px;
}


/*
	CAROUSSEL IMAGES VEHICULES SIMILAIRES
*/

.affix-image {
    padding-left: 0;
    margin-bottom: 5px;
}

.affix-image img {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
}


/*.carousel-vehicle img{
	float:left;
	cursor:pointer;
}*/


/*.carousel-vehicle .thumbnail{
	width:100%;
	display: block;
}*/

.carousel-vehicle .thumbnail:hover {
    border: 1px solid #f63;
}


/*.carousel-vehicle .thumbnail .caption{
	margin-top: 169px;
    height: 106px;
    text-align:left;
}*/

.carousel-vehicle .thumbnail .price-single {
    color: #f63;
    font-size: 16px;
}


/*
	MENTION LEGALES EN BAS DU CAROUSEL SINGLE VEHICLE
*/

.mention_legal {
    margin: 20px 30px 10px 30px;
    font-size: 12px;
    text-align: justify;
    color: #b9b9b9;
}


/* Changes the position of the indicators */

.carousel-indicators {
    right: 50%;
    top: 135px;
    bottom: 0px;
    margin-right: -19px;
}


/* Changes the colour of the indicators */

.carousel-indicators li {
    background: #c0c0c0;
}

.carousel-indicators .active {
    background: #f63;
}

.carousel-control {
    margin-top: -30px;
}

.carousel-control.right {
    right: -110px;
    background-image: none;
    color: #f63;
}

.carousel-control.left {
    left: -110px;
    background-image: none;
    color: #f63;
}


/* Carousel single véhicule neuf ou occasion */

.affix-image .carousel-control.left {
    left: 0px;
    background-image: none;
    color: #f63;
}

.affix-image .carousel-control.right {
    right: 53px;
    background-image: none;
    color: #f63;
}

.affix-image .carousel-indicators {
    top: 390px;
    bottom: 20px;
}

.affix-image .carousel-inner {
    width: 94%;
}

.carousel-inner {
    /*width:93%;*/
}


/* Carousel image promotion */

.carousel-promo {
    /*margin-left:36px;*/
}

.carousel-promo .carousel-control.left {
    left: -110px;
}

.commercial {
    margin-top: 28px;
    text-align: center;
}

.commercial h4 {}

.wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexbox>li {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 1px;
}

.flexbox>li:first-child {
    margin: 0px;
}

.flexbox>li:last-child {
    margin: 0px;
}

.flexbox>li .btn-group {
    width: 100%;
}

.flexbox>li .btn-group>button {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 100%;
}

.select-vehicle {
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 10px 10px;
    text-align: left;
}

.select-vehicle .caret {
    position: absolute;
    right: 2%;
    top: 45%;
}


/* Affichage des résultats dans le nav */

.vehicle-count {
    background-color: #f63;
    height: 44px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 10px 10px;
}


/* 
|	CSS du triangle
*/

.arrow-down {
    position: relative;
    /* or absolute */
    top: 50%;
    left: 49%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
}


/* 
|	CSS POUR LA PAGE DE RECHERCHE
*/

.title {
    font-weight: bold;
    margin: 0 0 12px 0;
    font-size: 16px;
}

.left-bar {
    border-left: 1px solid #413f3f;
}


/*.left-bar p{
	text-transform: lowercase;
}*/

.left-bar-orange {
    border-left: 1px solid #f63;
}

.header-img {
    background: url('../img/ImgTop-AutoPerf.jpg') no-repeat bottom center;
    background-color: #000000;
    padding-top: 10px;
}

.first-search {
    margin-top: 50px;
    /*text-transform: uppercase;*/
}

.search {
    margin-bottom: 10px;
    font-size: 18px;
}

.info-adresse {
    padding: 20px 15px 0 0;
}

.info-adresse a {
    text-decoration: none;
    color: grey;
}

.nav-pills>li>a {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 0px;
    text-align: center;
}

.nav-pills>li>a label {
    font-weight: 400;
    cursor: pointer;
}

.nav-pills>li>a:hover {
    background-color: #f63;
}

.nav-pills>li>a:focus {
    background-color: #f63;
}

.nav-pills>li .active {
    background-color: red;
}

.input-search {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: right;
    width: 100%;
}

.input-search input {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0px;
    height: auto;
}

.input-search .input-group-btn {
    width: auto;
}

.input-search span {
    /*margin-left:10px;*/
}

.input-search button {
    background-color: #f63;
    color: white;
    padding: 9px;
    border-radius: 0px;
    border: none;
    font-size: 18px;
}

.back-orange {
    background-color: #f63;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

@media ( max-width: 991px) {
    .filters ul.flexbox {
        display: block;
    }
}

.back-pictos {
    /*background-color:rgba(255,255,255,0.8);*/
}

.car-checkbox {
    text-align: center;
    vertical-align: middle;
}

.car-checkbox p {
    margin: 7px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
/*
.subtitle {
    color: #fff;
    font-family: 'Lato', sans-serif;
    margin: 20px 0 40px 0;
    font-size: 70px;
    font-weight: 200;
    text-align: center;
    line-height: 86px;
}

.subtitle h1 {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 38px;
    font-weight: 300;
}
*/
.line-orange {
    color: #fff;
    background-color: #f63;
    font-size: 16px;
    text-align: center;
}

.line-orange p {
    margin-top: 5px
}

.line-white {
    display: flex;
    background-color: #fff;
    font-size: 16px;
    margin-top: 40px;
    padding: 20px 0 20px 0;
}

.line-white .title {
    margin-bottom: 20px;
}

.line-white .centered {
    margin: 30px 0 0 0;
    text-align: center;
}

.line-grey {
    background-color: #2C2D2D;
    color: #fff;
    font-size: 16px;
    padding: 40px 0 10px 0;
}

.line-grey span {
    list-style-type: none;
}

.content-vehicle {
    padding: 40px 0 0 0;
}

.content-vehicle .foward {
    margin-top: 40px;
}

.content-vehicle p {
    text-align: center;
    font-size: 22px;
}

.table-view-car {
    margin: 20px 0 0 0;
}

.table-view-car th {
    color: #f63;
    text-transform: uppercase;
}

.table-view-car h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}

.table-view-car tbody tr {
    cursor: pointer;
}

.table-view-car tbody tr:hover {
    background-color: white;
}

.garantie {
    background: url('../img/ImgAccroche-AutoPerf.jpg') no-repeat top center;
    margin: 40px 0 40px 0;
    color: #fff;
    text-align: center;
    padding: 30px;
}

.garantie span {
    font-size: 40px;
}

.garantie p {
    font-size: 30px;
    margin-top: 10px;
}

.garantie h3 {
    line-height: 1.25;
}

.service .contain-box-service {
    margin-bottom: 20px;
}

.service .box-service {
    background-color: #fff;
    height: 300px;
    border: 1px solid #f63;
    margin-top: 50px;
    padding: 50px 20px 20px 30px;
    text-align: center;
    transition: all 0.2s linear;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-service .service .box-service {
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    color: #fff;
    height: 300px;
    border: 1px solid #f63;
    border-radius: 5px;
    margin-top: 20px;
    padding: 50px 20px 20px 30px;
    text-align: center;
    transition: all 0.2s linear;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service .box-service:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 3px 3px 10px 0px #656565;
}

.service .box-service .title {
    font-size: 20px;
    color: #f63;
    margin-top: -15px;
}

.service .box-service h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 20px;
}

.service .box-service .fixed-bottom {}

.service .box-service span {
    font-size: 16px;
}

.service .box-service a {
    margin: 10px 0 0 0;
}

.service .box-service img {
    width: 15%;
    position: relative;
    top: -40px;
    left: 0%;
}

.service .box-service button {
    margin-top: 20px;
}

.gliph-facebook {
    margin-top: 75px;
}

.gliph-facebook a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.gliph-facebook i {
    color: #f63;
}

.gliph-facebook span {
    color: #f63;
    margin-left: 10px;
}

.gliph-facebook .pinterest-button {
    margin-top: 10px;
}

.nopadding {
    padding: 0;
}

.nopadding .title {
    padding-left: 15px;
}

.nopadding-left {
    padding-left: 0;
}

.nopadding-right {
    padding-right: 0;
}

.align-right {
    text-align: right;
}

.thumb-car {
    font-weight: bold;
    font-size: 16px;
}

.thumb-car img {
    box-shadow: 4px 4px 4px #aaa;
    border: 1px solid transparent;
}

.thumb-car img:hover {
    border: 1px solid #f63;
    cursor: pointer;
}

.thumb-car button {
    font-size: 20px;
    margin-top: 10px;
}

.thumb-car a:hover {
    text-decoration: none;
}

.thumb-car .title-modele {
    margin-top: 10px;
    color: #f63;
}

.main-menu >li {
    /*border-bottom:2px solid transparent;*/
}

.adresse {
    float: left;
    color: grey;
    margin-left: 10px;
}


/* 
|
|	**************************************************
|	DROP DOWN MENU FILTER 
|	**************************************************
|
*/

.filter-type .dropdown-menu {
    min-width: 200px;
    width: 100%;
    display: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.filter-type .dropdown-menu>li>a {
    padding: 5px 0 5px 0;
}

.filter-type .open> .dropdown-menu {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.filter-type .dropdown-menu li {
    text-align: center;
}

.open> .dropdown-menu {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

.scrollable-menu {
    height: auto;
    max-height: 250px;
    overflow-x: hidden;
}

.displaynone {
    display: none;
}


/* 
|
|	**************************************************
|	PARTIE LISTE DE VEHICULE
|	**************************************************
|
*/

.result-car {
    margin-top: 20px;
    font-family: 'Lato', sans-serif;
}

.result-car img {
    /*width:50%;*/
    margin-left: 0;
    display: inline;
}

.form-filter {
    margin: 0 0;
}

.form-filter input {
    font-size: 20px;
    font-weight: 600;
    padding: 20px;
    border-radius: 4px;
}

.form-filter input:focus {}

.form-filter .input-search {
    height: 44px;
    /*margin-top: 5px;*/
    /*margin-right: 2px;*/
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.tooltip .tooltip-inner {
    background-color: #f63;
    font-size: 12px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #f63;
}

.bootstrap-tagsinput {
    border-radius: 0px;
    width: 100%;
    text-align: left;
}

.bootstrap-tagsinput input {
    padding: 4px 10px;
}

.bootstrap-tagsinput:hover {
    border-color: #f63;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 142, 91, .6);
}

.bootstrap-tagsinput .tag {
    background-color: rgba(255, 102, 51, 0.7);
    font-size: 16px;
    font-weight: 400;
    padding: 6px;
}

.view-toolbar {
    margin: 10px 0 10px 0;
}


/* 
|
|	**************************************************
|	PARTIE POUR TOUTES LES PAGES
|	**************************************************
|
*/

.page-title {
    margin: 0 0px;
}

.page-title p {
    font-size: 16px;
    font-style: oblique;
    text-align: justify;
    margin-bottom: 20px;
}

.page-title .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
    margin: 10px 0px 18px 0px;
}

.page-title .col-md-10 h2 {
    margin: 0px 0px 0px 0px;
}

.page-title .col-md-10 {
    padding-left: 0px;
    padding-right: 0px;
}

.page-title .conditions p {
    margin-bottom: 20px;
    font-size: 14px;
}

.ibox-title {
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.5px;
    margin: 0 0 20px 0;
}

.ibox-title h2 {
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
}

.page-title h2 {
    font-size: 20px;
    line-height: 1.3;
}

.ibox-title h1 {
    padding: 0px;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
}


/* 
|
|	**************************************************
|	PARTIE PAGES STATIQUES DE PRESENTATION
|	**************************************************
|
*/

.categorie-page {
    font-family: 'Lato', sans-serif;
}

.categorie-page h1 {
    font-size: 35px;
    font-weight: 200px;
}

.categorie-page p {
    font-size: 20px;
}

.box-categorie-page {
    margin: 20px 0 0 0;
}

.thumbnail .caption h3 {
    color: #f63;
}

.thumbnail .caption .version {
    height: 20px;
}

.thumbnail .caption span {
    font-style: justify;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 4px;
    border-radius: 3px;
    background-color: #fff;
}

.bs-callout h4 {
    color: #f63;
    text-transform: uppercase;
    font-weight: 500;
}

.bs-callout-info {
    border-left-color: #f63;
}

.foward .title h3 {
    font-weight: bold;
    margin: 0 0 12px 0;
    font-size: 16px;
}

.thumb-car h4 {
    font-weight: bold;
    font-size: 16px;
}

.thumb-car .title-modele {
    margin-bottom: 5px;
}


/* 
|
|	**************************************************
|	PARTIE FOOTER DU SITE
|	**************************************************
|
*/

.legal-mention {
    border-top: 1px solid #f63;
    padding-top: 9px;
    margin-top: 15px;
    font-size: 13px;
}

.legal-mention a {
    color: #fff;
}

.legal-mention .pull-left {
    margin-right: 15px;
}


/* 
|
|	**************************************************
|	PARTIE PAGES DE LOCATION
|	**************************************************
|
*/

.location-table {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 16px;
}

.location-table .flexbox {}

.location-table .flexbox label {
    flex: 1;
    text-align: center;
    transition: all 0.2s linear;
}

.location-table .flexbox label:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.location-table .flexbox label:active {
    border-radius: 5px;
    background: rgba(255, 102, 51, 0.2);
}

.location-table .result-location {
    display: flex;
    border: 1px solid #ddd;
    margin: 0px 25px 40px 25px;
    text-align: center;
    font-size: 22px;
    align-content: center;
    border-radius: 5px;
    padding: 5px;
}

.location-table .result-location .price {
    background-color: #ddd;
    color: #f63;
    text-shadow: 1px 1px #fff;
    font-size: 45px;
}

.location-table .panel-default {
    padding: 5px;
    text-align: center;
}

.location-table .panel-default .panel-heading {
    color: #f63;
    font-size: 20px;
}

.location-table .panel-default .panel-price {
    padding: 15px;
    background-color: #ddd;
    color: #f63;
    text-shadow: 1px 1px #fff;
    font-size: 25px;
}

.location-table .result-location .img-responsive {
    width: 45%;
}

.location-table .slider {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.location-table .noUi-connect {
    background-color: #f63;
}

.location-table .title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 25px;
    /*background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);*/
    background-color: #f63;
    padding: 5px;
    /*border: 1px solid #f63;*/
    border-radius: 5px;
    font-weight: normal;
}

.location-table .location-parameters {
    margin-top: 50px;
}

.modal-form-information {
    margin-top: 40px;
}

.resume-renting {
    margin-left: 15px;
}

.btn-renting {
    width: 100%;
}

.result-renting {
    transition: all 0.2s linear;
    border: 1px solid #4c4e5a;
    padding: 5px;
    border-radius: 5px;
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    color: #fff;
}

.result-renting:hover {
    transform: scale(1.05);
}

.result-renting .body {
    font-size: 23px;
}

.result-renting .param {
    padding-bottom: 5px;
    padding-top: 5px;
}

.result-renting .ph-price {
    text-align: center;
    margin-top: 15px;
}

.result-renting .price {
    font-size: 30px;
    color: #f63;
    padding: 5px 30px;
    border-radius: 4px;
    background-color: white;
    margin: auto;
}

.result-renting button {
    border-radius: 5px;
    font-size: 16px;
}


/* 
|
|	**************************************************
|	PARTIE PAGES DE CONTACT
|	**************************************************
|
*/

.contact-title p {
    font-size: 16px;
}

.contact-information {
    margin-top: 40px;
    margin-bottom: 40px;
}

.form-horizontal .control-label {
    text-align: left;
    font-size: 14px;
    color: #000;
}

.form-horizontal input[type=submit] {
    margin-top: 20px;
    font-size: 16px;
    padding: 8px 15px;
}

.contact-adresse {
    font-size: 12px;
}

.contact-adresse .nomarg {
    margin: 0 0 2px 0;
}

.contact-map {
    width: 100%;
    height: 333px;
    margin-top: 20px;
}

.contact-map iframe {
    width: 100%;
    height: 313px;
}


/* 
|
|	**************************************************
|	PARTIE FOOTER
|	**************************************************
|
*/

.line-grey .all-brand {
    text-transform: uppercase;
}


/* 
|
|	**************************************************
|	PARTIE PAGES DE MARQUES
|	**************************************************
|
*/

.brand-container {
    border-radius: 5px;
    margin: 20px 15px 50px 15px;
    padding: 15px 15px;
}

.brand-container .thumbnail {
    text-align: center;
}

.brand-container .thumbnail .caption a {
    width: 200px;
}

.brand-container .thumbnail img {
    height: 100px;
}


/* Slide de la page d'accueil */

.slide_brand .thumbnail img {
    height: 100px;
}


/* 
|
|	**************************************************
|	PARTIE PAGES DES MENTIONS LEGALES
|	**************************************************
|
*/

.mentions-legales {
    margin-bottom: 60px;
}

.mentions-legales p {
    line-height: 20px;
    font-size: 16px;
    text-align: justify;
    font-style: normal;
}

.mentions-legales .title {
    color: #F18D01;
    font-weight: bold;
    font-size: 1.8em;
    margin: 20px 0 20px 0;
    line-height: 55px;
}


/* 
|
|	**************************************************
|	PARTIE PAGES DE LA REPRISE
|	**************************************************
|
*/

.reprise-vehicle .btn-primary {
    padding: 5px 12px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.reprise-vehicle .form-reprise {
    border-bottom: 1px solid #fff;
}

.reprise-vehicle .form-reprise-input {
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
}

.reprise-vehicle nav {
    margin-bottom: 30px;
}

.reprise-vehicle .form-reprise-fil ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.reprise-vehicle .form-reprise-fil li.active {
    background-color: #f63;
    color: #fff;
}

.reprise-vehicle .form-reprise {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.reprise-vehicle .radio-reprise-civilite {
    margin-bottom: 20px;
}

.reprise-vehicle .radio-reprise-civilite .col-md-4 {
    text-align: right;
}

.reprise-vehicle .radio-reprise-civilite label {
    margin-left: 8px;
    margin-right: 20px;
    font-weight: 400;
}


/* Fil d'ariane pour l'inscription */

#breadcrumbs-two {
    overflow: hidden;
    width: 100%;
}

#breadcrumbs-two li {
    width: 20%;
    float: left;
    margin: 0 .5em 0 1em;
}

#breadcrumbs-two a {
    width: 100%;
    background: #ddd;
    padding: .7em 1em;
    float: left;
    text-decoration: none;
    color: #444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    position: relative;
}

#breadcrumbs-two a:hover {
    background: #f63;
    color: #fff;
}

#breadcrumbs-two .active {
    background: #f63;
    color: #fff;
}

#breadcrumbs-two a::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: #ddd #ddd #ddd transparent;
    left: -1em;
}

#breadcrumbs-two .active::before {
    border-color: #f63 #f63 #f63 transparent;
}

#breadcrumbs-two a:hover::before {
    border-color: #f63 #f63 #f63 transparent;
}

#breadcrumbs-two a::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #ddd;
    right: -1em;
}

#breadcrumbs-two a:hover::after {
    border-left-color: #f63;
}

#breadcrumbs-two .active::after {
    border-left-color: #f63;
}

#breadcrumbs-two .current,
#breadcrumbs-two .current:hover {
    background-color: #f63;
}

#breadcrumbs-two a.current {
    background-color: #f63;
    color: #fff;
}

#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before {
    content: normal;
}


/*  Fin du fil d'ariane */

.reprise-vehicle .title-reprise {
    font-size: 16px;
    color: #f63;
    padding-bottom: 10px;
}

.reprise-vehicle .radio-date-reprise {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.reprise-vehicle .radio-projet-reprise {
    margin-bottom: 10px;
    margin-top: 50px;
}

.reprise-vehicle .radio-date-reprise label {
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
}

.reprise-vehicle .radio-projet-reprise label {
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
}

.reprise-vehicle .form-reprise-estimation {
    font-size: 22px;
    margin: 30px 15px;
    letter-spacing: 1px;
    line-height: inherit;
}


/*
	Effect sur les images de la liste des véhicules
*/

.box {
    z-index: 1;
}

.box .thumbnail {
    position: relative;
    text-align: left;
    transition: all 0.2s linear;
}

.box .car-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.box a:hover .car-overlay {
    display: block;
    background: rgba(255, 102, 55, 0.1);
}

.box .thumbnail:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.box .list-thumb {
    position: relative;
}

.box .align-right {
    margin-bottom: 2px;
    text-transform: uppercase;
}

span.glyphicon.glyphicon-eye-open {
    position: absolute;
    font-size: 35px;
    color: #fff;
    top: 35%;
    bottom: 0;
    left: 0;
    right: 0;
}

.filters .input-search input {
    padding: 7px 10px;
    margin-top: 5px;
    font-size: 20px;
    line-height: normal;
}

.navbar-fixed-top {
    border-width: 0 0 0px;
}

.active .triangle-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 13px solid #f63;
    margin-left: 43%;
}

.flexbox li:hover .triangle-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 13px solid #f63;
    margin-left: 43%;
}


/*
|
| *************************************************************************************
| CSS pour la partie DEVIS véhicule neuf ou occasion
| *************************************************************************************
|
*/

.quotation .row {
    margin: 0px 0px 10px 0px;
}

.quotation_logo {
    text-align: right;
}

.quotation_logo img {
    width: 80%;
    margin-right: 5px;
}

.quotation_adresse {
    background-color: #ddd;
    border-radius: 5px;
}

.quotation_title {
    text-align: center;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 500;
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    color: #fff;
}

.quotation_recap {
    border: 1px solid #4c4e5a;
    border-radius: 5px;
}

.quotation_recap .features img {
    width: 345px;
}

.quotation_recap .title_car {
    font-size: 20px;
    text-transform: uppercase;
}

.quotation_recap .contractuelle {
    font-size: 10px;
}

.quotation_recap .resume_car .row {
    border-bottom: 1px solid #ddd;
}

.quotation_recap .resume_car .row .value {
    float: right;
}

.quotation_recap .resume_car .title {
    font-size: 20px;
    text-align: center;
}

.quotation_recap .carac_car .title {
    font-size: 17px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.quotation_recap .carac_car .thumbnail {
    padding: 5px;
    margin-bottom: 5px;
}

.quotation_recap .carac_car .infos_car .row .value {
    float: right;
}

.quotation_recap .tarif_car .price {
    color: #f63;
    font-size: 30px;
    float: right;
}

.quotation_recap .tarif_car .calcul_price .value {
    float: right;
}

.quotation_recap .tarif_car .calcul_price .separate {
    border-top: 1px solid grey;
    padding-top: 10px;
    margin-bottom: 20px;
}

.quotation_recap .tarif_car .financement_car button {
    width: 100%;
    padding: 10px;
    background-color: #f63;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    border: none;
}

.quotation_recap .tarif_car .reprise_car {
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    color: #fff;
}

.quotation_recap .equipment_car {
    border: 1px solid #4c4e5a;
    border-radius: 5px;
    height: 650px;
}

.quotation_recap .equipment_car .equipment_serie_row {
    margin-top: 3px;
}

.quotation_recap .equipment_car .title {
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.quotation_recap .option_car {
    border: 1px solid #4c4e5a;
    border-radius: 5px;
    height: 650px;
}

.quotation_recap .option_car .title {
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.quotation_recap .option_car .value {
    float: right;
    font-weight: 600;
    color: #f63;
}

.quotation_recap .quotation_footer {
    font-size: 12px;
    margin: 15px 10px 5px 10px;
    border-top: 1px solid #ddd;
}


/*
|
| *************************************************************************************
| CSS pour la partie DEVIS v2.0 véhicule neuf ou occasion
| *************************************************************************************
|
*/

.quotation .right {
    text-align: right;
}

.quotation .center {
    text-align: center;
}

.quotation .quotation-header {
    border-bottom: 1px solid #ddd;
}

.quotation .quotation-resume-customer .customer {
    border: 1px solid #ddd;
    margin-left: -15px;
    margin-right: -15px;
}

.quotation .quotation-resume-customer .customer .header-customer {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #f63;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.quotation .quotation-resume-customer .customer .subtitle {
    background-color: #ddd;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    line-height: 10px;
    font-size: 14px;
    padding: 7px;
    font-weight: 400;
}

.title-intra-quotation {
    margin-bottom: 20px;
    font-size: 22px;
    text-transform: uppercase;
}

.title-intra-quotation .lower {
    text-transform: lowercase;
    font-size: 18px;
}

.title-intra-quotation .glyphicon {
    font-size: 17px;
    margin-right: 10px;
}

.group-box-quotation {
    margin-bottom: 20px;
}

.box-quotation {
    background-color: #fff;
    height: 300px;
    border: 1px solid #f63;
    margin-top: 20px;
    padding: 50px 20px 20px 20px;
    text-align: center;
    transition: all 0.2s linear;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box-quotation .title {
    font-size: 17px;
    color: #f63;
    margin-top: -15px;
    text-transform: uppercase;
}

.box-quotation span {
    font-size: 16px;
}

.box-quotation button {
    height: 40px;
}

.box-quotation .phone-number {
    text-align: left;
    margin-top: 0px;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    margin-right: 0px;
    margin-left: 0;
    border-radius: 5px;
}

.box-quotation .input-group {
    margin: 10px 0px;
}

.box-quotation input {
    height: 40px;
}


/*
|
| *************************************************************************************
| CSS pour la partie Financement
| *************************************************************************************
|
*/

.finance .page-title h2 {
    text-align: center;
    color: #f63;
}

.finance .page-title p {
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    font-weight: 600;
}

.finance .finance-controller .finance-mention {
    font-size: 19px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
    margin-top: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.finance .finance-controller .finance-box {
    margin-bottom: 38px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.finance .finance-controller .boxf {
    width: 22%;
    border: 1px solid #ddd;
    padding: 0px;
    font-size: 20px;
    height: 250px;
}

.finance .finance-controller .boxf .above {
    background-color: #f63;
    text-transform: uppercase;
    color: #fff;
    height: 50%;
    padding: 15px 15px 15px 10px;
    text-align: center;
}

.finance .finance-controller .boxf .below {
    background-color: #ddd;
    height: 50%;
    padding: 15px 10px 15px 10px;
    text-align: center;
    font-size: 18px;
}

.finance .finance-controller .finance-line {
    border-bottom: 2px solid #ddd;
    width: 76%;
    margin-left: 140px;
    margin-bottom: 26px;
}

.finance .finance-controller .finance-step .title {
    font-size: 27px;
    text-transform: uppercase;
    padding-bottom: 17px;
}

.finance .finance-controller .finance-step .step .row {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    line-height: 30px;
}

.finance .finance-controller .finance-step .step .row span {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
}

.finance .finance-controller .finance-step .bt-finance {
    border-top: 1px solid #ddd;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 30px;
}

.finance .finance-controller .finance-step .bt-finance input {
    width: 215px;
    height: 45px;
    font-size: 19px;
}

.finance .finance-controller .finance-logo {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    text-align: center;
}

.finance .finance-controller .finance-logo img {
    width: 250px;
}

.result-finance-car .no-result {
    margin-left: 15px;
    font-size: 22px;
}


/*
|
| *************************************************************************************
| CSS pour la partie responsive uniquement
| *************************************************************************************
|
*/

@media ( max-width: 511px) {
    /*.filters .flexbox {
		display: block;
	}*/
}

@media (min-width: 992px) {
    .col-md-2 {
        /*width:auto;*/
    }
    /*.filter-type .dropdown-menu {
		min-width:940px;
	}*/
}

@media (min-width: 1200px) {
    /*.filter-type .dropdown-menu {
		min-width:1141px;
	}*/
}


/* Menu principal */

.main-menu li {
    text-align: center;
}

.navbar-header a {
    display: none;
    font-size: 33px;
    margin-left: 10px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .page-title {
        margin-top: 10px;
    }
    .main-menu li {
        text-align: left;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header {
        width: 100%;
        float: none;
    }
    .navbar-header a {
        display: block;
        margin-left: 0px;
    }
    .navbar-toggle {
        display: block;
        float: left;
        margin-left: 10px;
    }
    .border-grey {
        width: 100%;
    }
    .nav-space {
        padding-top: 30px;
    }
    .navbar-collapse .title {
        display: none;
    }
    .info-adresse {
        display: none;
    }
    .navbar-nav {
        margin: 0 0;
        float: none;
    }
    .navbar-nav>li {
        float: none !important;
    }
    .navbar-right {
        float: none !important;
    }
    .garantie p {
        display: none;
    }
    /* Menu affix a enlever */
    .single-vehicle.affix {
        position: static;
        width: auto;
        top: 0;
    }
    .row .container-vehicle {
        margin-top: 10px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .single-vehicle.affix + .container {
        margin-top: 400px;
    }
    .thumbnail_vehicule .col-md-2 {
        float: left;
    }
    .equipment .nav-tabs li {
        font-size: 12px;
    }
    /* Le bloc de recherche de véhicule */
    .search-nav .flexbox>li {
        margin-top: 5px;
    }
    /* Page accueil, présentation des véhicules */
    .align-right {
        margin-bottom: 40px;
    }
    .left-bar-orange {
        border: none;
    }
    .thumb-car img {
        width: 345px;
    }
    /* Les résultats de recherche */
    .result-car .box {
        width: 33%;
    }
    /* Partie reprise */
    .form-reprise-fil .responsive {
        display: block !important;
    }
    .form-reprise-fil .no-responsive {
        display: none;
    }
    /* Partie location */
    .location-table .slider {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    #form_filters .nav-pills label {
        font-size: 13px;
    }
    .page-title {
        margin-top: 20px;
    }
    .main-menu li {
        text-align: left;
    }
    .navbar-toggle {
        float: left;
        margin-left: 10px;
    }
    .navbar-header a {
        display: block;
        font-size: 26px;
        margin-top: 6px;
    }
    .navbar-collapse .title {
        display: none;
    }
    .info-adresse {
        display: none;
    }
    .nav-space {
        padding-top: 15px;
    }
    .navbar-nav {
        margin: 0 0;
    }
    .navbar-nav>li {
        float: none !important;
    }
    .arrow-down {
        left: 45%
    }
    /* Les résultats de recherche */
    .result-car .box {
        width: 100%;
    }
    .filters .flexbox .box {
        display: inline-flex;
    }
    .subtitle {
        display: none;
    }
    .info-company {
        display: none;
    }
    .garantie {
        display: none;
    }
    .service {
        display: none;
    }
    .search-nav {
        margin-bottom: 15px;
    }
    .thumb-car {
        text-align: center;
        margin-top: 10px;
    }
    .thumb-car img {
        display: inline-block;
    }
    .location-parameters .resum-renting {
        margin-top: 40px;
    }
    /* Menu affix a enlever */
    .single-vehicle.affix {
        position: static;
        width: auto;
        top: 0;
    }
    .row .container-vehicle {
        margin-top: 20px;
        padding-right: 0px;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .single-vehicle.affix + .container {
        margin-top: 400px;
    }
    .thumbnail_vehicule .col-md-2 {
        float: left;
    }
    /* Le bloc de recherche de véhicule */
    .search-nav .flexbox>li {
        margin-top: 5px;
    }
    /* Partie Location */
    .location-table .flexbox {
        flex-direction: column;
    }
    /* Page accueil, présentation des véhicules */
    .table-view-car {
        margin-bottom: 40px;
    }
    .table-option .align-right {
        display: block;
    }
    .align-right {
        display: none;
    }
    .left-bar-orange {
        border: none;
    }
    /* Partie reprise */
    .form-reprise-fil .responsive {
        display: block !important;
    }
    .form-reprise-fil .no-responsive {
        display: none;
    }
    /* Enlève les flèches du carousel */
    .carousel-control {
        display: none;
    }
    .location-table .panel-default {
        margin-top: 40px;
    }
    /* Partie single vehicule */
    .single-vehicle .form-static {
        margin-top: 0px;
    }
    .single-vehicle .responsive-affix {
        display: block !important;
    }
    .price {
        text-align: left;
        border-bottom: 1px solid #ddd;
    }
    .price .span {
        display: inline;
        float: left;
    }
    .price .ctlm_mensu {
        display: inline;
        font-size: 16px;
        float: right;
        margin-top: 20px;
    }
    .bt-devis button {
        margin-bottom: 10px;
    }
    .affix-image h2 {
        font-size: 23px;
        margin-bottom: 0px;
    }
    .affix-image p {
        margin-bottom: 4px;
    }
    .single-vehicle .financement {
        display: none;
    }
    .single-vehicle .price {
        text-align: left;
    }
    .single-vehicle .options {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .single-vehicle .form-static {
        padding-left: 0px;
    }
    .single-vehicle .bt-devis .col-md-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .single-vehicle .bt-devis button {
        width: 100%;
    }
    .single-vehicle .affix-image {
        padding-right: 0px;
        padding-left: 0px;
    }
    .single-vehicle .form-static {
        padding-right: 0px;
        padding-left: 0px;
    }
    .single-vehicle .ctlm_mensu {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .col-md-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .row.contact {
        margin-top: 6px;
    }
    .row.contact .bt-devis button {
        margin-bottom: 12px;
    }
    .single-vehicle .price .ctlm_mensu {
        display: inline;
    }
    .single-vehicle .price {
        text-align: left;
    }
    .result-renting .body {
        font-size: 20px;
    }
    /* RESPONSIVE DEVIS */
    .quotation_recap .equipment_car {
        height: auto;
    }
    .quotation_recap .option_car {
        height: auto;
    }
    .quotation_recap .option_car .col-md-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
}


/* Page Single vehicule après responsive */

.single-vehicle .price {
    /*border-bottom: 1px solid #ddd;*/
}

.single-vehicle .ctlm_mensu {
    text-align: right;
    font-size: 16px;
    margin-top: 10px;
    padding-top: 5px;
    height: 30px;
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px solid #ddd;
}

.single-vehicle .responsive-affix {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1030;
    margin-left: 0px;
    color: #fff;
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    height: 50px;
    padding: 10px;
    font-size: 22px;
}

.form-reprise-fil .responsive {
    display: none;
}

.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 400px;
}

.carousel.vertical .prev {
    top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}

.carousel.vertical .active.left {
    top: -400px;
}

.carousel.vertical .active.right {
    top: 400px;
}

.carousel.vertical .item {
    left: 0;
}