@charset "utf-8";
/******************************************************************
Theme Name: Concessions
Author: SCALE
Author URI: https://chezscale.com/
Version: 1.0
******************************************************************/


@font-face {
    font-family: 'biotif-regular';
    src: url('assets/fonts/biotif-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/biotif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'biotif-semibold';
    src: url('assets/fonts/biotif-semibold-webfont.woff2') format('woff2'),
         url('assets/fonts/biotif-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
    font-family: 'biotif-black';
    src: url('assets/fonts/biotif-black-webfont.woff2') format('woff2'),
         url('assets/fonts/biotif-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?aoxaey');
  src:  url('assets/fonts/icomoon.eot?aoxaey#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?aoxaey') format('truetype'),
    url('assets/fonts/icomoon.woff?aoxaey') format('woff'),
    url('assets/fonts/icomoon.svg?aoxaey#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tiktok:before {
  content: "\e912";
}
.icon-couleur:before {
  content: "\e911";
}
.icon-places:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e901";
}
.icon-drop-arrow:before {
  content: "\e902";
}
.icon-horaire:before {
  content: "\e903";
}
.icon-kilometrage:before {
  content: "\e904";
}
.icon-loupe:before {
  content: "\e905";
}
.icon-marker:before {
  content: "\e906";
}
.icon-moteur:before {
  content: "\e907";
}
.icon-phone:before {
  content: "\e908";
}
.icon-portes:before {
  content: "\e909";
}
.icon-traction:before {
  content: "\e90a";
}
.icon-transmission:before {
  content: "\e90b";
}
.icon-youtube:before {
  content: "\e90c";
}
.icon-burger:before {
  content: "\e90d";
}
.icon-fermer:before {
  content: "\e90e";
}
.icon-slider-arrow-left:before {
  content: "\e90f";
}
.icon-slider-arrow-right:before {
  content: "\e910";
}
.icon-ico-linkedin2:before {
  content: "\e914";
}
.icon-home:before {
  content: "\e915";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-linkedin:before {
  content: "\eaca";
}



html { height: 100%;}
body { font-size: 15px; font-weight:normal; background: #FFF; color:#292929; height:100%; overflow-x: hidden; letter-spacing: 0.01em; }
   

img:focus, a:focus, input[type="submit"]:focus { outline:0 !important; }
p, ul li { font-size:16px; line-height: 1.4; font-family: 'biotif-regular';}

.animate {-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.stopFlickering { 
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}
:focus { outline: 0;}

.grecaptcha-badge {opacity:0;}


a {-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover {color:#292929;}
input, textarea, button, select, a, div { -webkit-tap-highlight-color: transparent;}


h1, h2 , h3, h4 {font-weight: normal; line-height: 1.2;}

b, strong {font-weight: normal; font-family: 'biotif-black';}

.row { max-width:1190px;}
.row.full { max-width:100%;}
.row.full .columns{ padding:0;}

.grid-container {max-width:1190px; padding-right: 20px;  padding-left: 20px;}
.grid-padding-x > .cell { padding-right: 20px;  padding-left: 20px;}
.grid-padding-x .grid-padding-x, .grid-container:not(.full)>.grid-padding-x { margin-right: -20px; margin-left: -20px;}

.header .grid-container, .infos-bar .grid-container{max-width:1190px; padding-right: .9375rem;  padding-left: .9375rem;}
.header .grid-padding-x > .cell, .infos-bar .grid-padding-x > .cell { padding-right: .9375rem;  padding-left: .9375rem;}
.header .grid-padding-x .grid-padding-x,
.header .grid-container:not(.full)>.grid-padding-x,
.infos-bar .grid-padding-x .grid-padding-x,
.infos-bar .grid-container:not(.full)>.grid-padding-x  { 
    margin-right: -.9375rem; margin-left: -.9375rem;
}

.cta, .cta:focus { 
    display: inline-block; font-size:17px; 
    color:#FFF; padding: 10px 30px; 
    line-height: 1.2; text-align: center;
    border:0;  border-radius:40px; 
    background:#ED1C24; font-family: 'biotif-semibold';
}
.cta:hover { background:#292929; color:#FFF;}
.cta i {  font-size: 13px; margin-left: 5px;}

button.cta, input.cta {-webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}

.cta-arrow, .cta-arrow:focus {display: inline-block; color:#231f20; font-size: 16px; position:relative; padding:0 25px 0 0; }
.cta-arrow i { 
    display: inline-block;
    position: absolute;
    right:0; top:6px;
    color:#ffd200; font-size: 13px; 
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);  
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
}
.cta-arrow:hover {color:#231f20;}
.cta-arrow:hover i {right:-10px;}


a.details {position:relative; display: inline-block; font-size: 17px; font-family: 'biotif-semibold';}
a.details i {margin-left: 1px; vertical-align: -1px; font-size: 15px;}
a.details::after {content:''; width: 40px; height:40px; position: absolute; right: -14px; top: -7px; background: #F8F7F6; border-radius: 50%; z-index: -1;}
a.details:hover { color:#292929;}


.breadcrumbs {margin: 0 0 60px 0; font-size: 14px; font-weight: 300; padding: 20px 0; border-bottom: 1px #d6d5d5 solid;}
.breadcrumbs span.current-item { color:#231f20; font-weight: 700; }
.breadcrumbs a {color:#231f20;}
.breadcrumbs a:hover {text-decoration: underline;}


.site {position:relative; padding-top: 110px; width:100%; height:100%; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease; overflow-x: hidden;}

.side-menu-open .site {-webkit-transform:translate3d(-375px,0,0); transform:translate3d(-375px,0,0);}
.side-menu-open .header {-webkit-transform:translate3d(-375px,0,0); transform:translate3d(-375px,0,0);}
.side-menu-open .side-menu {-webkit-transform:translate3d(-375px,0,0); transform:translate3d(-375px,0,0);}

.side-menu {
    width:375px; height:100%; z-index: 9999;
    background:#292929; position:fixed;
    top:0; right:-375px; padding:30px 20px;
    overflow-y: auto; -webkit-overflow-scrolling:touch;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.side-menu .langue-mobile { margin: 0 0 20px 20px; }

#mobile-main {margin: 10px 0;}
#mobile-main li { border-bottom: 1px rgba(255,255,255,0.15) solid;}
#mobile-main li:last-of-type {border:0;}
#mobile-main li a {color:#FFF; padding:15px 20px; font-size: 17px; font-family: 'biotif-semibold';}

#mobile-sec { margin: 0 0 20px 0;}
#mobile-sec li a{ color:rgba(248,247,246, 0.75); padding:10px 20px; font-size: 17px; font-family: 'biotif-semibold'; }

.side-menu .mobile-search {padding:0 20px; display: block;  margin: 0 0 30px 0;}
.side-menu .mobile-search .search-form input[type=search] {
    border: 0; margin: 0; padding: .5rem 0;
    box-shadow: none; background: transparent;
    height: 40px; font-size: 13px; color: #FFF;
    border-bottom: 1px rgba(248, 247, 246, 0.15) solid;
    font-family: 'biotif-regular';
}
.side-menu .mobile-search .search-form button {
    display: inline-block;
    width: 40px;  border: 0;
	-webkit-box-flex: 0 0 40px;
	-webkit-flex: 0 0 40px;
	ms-flex: 0 0 40px;
    flex: 0 0 40px;
    height: 40px; padding: 0;
    box-shadow: none;
    margin: 0 0 0 20px;
    background: #F8F7F6;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #292929;
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
    cursor: pointer;
}
.side-menu .mobile-search .search-form button i { vertical-align: -1px; }

.side-menu .mobile-social {display: block; padding: 0 20px;}
.side-menu .mobile-social a{display: block; font-size: 17px; color:#FFF; margin-bottom: 20px; font-family: 'biotif-semibold';}
.side-menu .mobile-social a .icone {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #292929;
    background: #FFF;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 10px 0 0;
    vertical-align: -2px;
}



.header { 
    width:100%; height:110px; 
    background: #FFF; position: fixed;
    left:0; top:0; z-index: 2000;
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}

.header > .grid-container, .header > .grid-container > .grid-x {height:100%;}
.header .cell { position:relative;}

.header #main-nav { -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
.header #main-nav > li > a { font-size:17px; color:#292929; font-family: 'biotif-semibold';}

.header .nav-side-menu {
    display:inline-block;
    background: #F8F7F6;
    border-radius:40px;
    line-height: 40px;
    font-family: 'biotif-semibold';
    font-size:17px;
    padding: 0 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
.header .nav-side-menu .icon-menu{display: inline-block; margin-left: 5px; font-size:16px; vertical-align: -1px;}
.header .nav-side-menu .icon-menu::before {content: "\e90d";}
.side-menu-open .header .nav-side-menu .icon-menu::before {content: "\e90e";}
.header .nav-search { 
    display:inline-block;
    background: #F8F7F6;
    border-radius:50%;
    font-family: 'biotif-semibold';
    cursor: pointer; margin-left: 5px;
    width:40px; text-align: center;
    line-height: 40px; font-size: 16px;
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
.header .nav-search .icon-search::before {content: "\e905";}
.header.show-search .nav-search .icon-search::before {content: "\e90e";}

.side-menu-open .header .nav-search{opacity: 0; visibility: hidden;}

.header .top-search { 
    position: absolute; top: 50%;
    width: calc((100% - 30px) - 70px);
    opacity: 0; visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
    
}

.header.show-search .top-search { opacity:1; visibility: visible;}
.header.show-search .nav-side-menu, .header.show-search #main-nav { opacity: 0; visibility: hidden;}

.header .top-search .search-form { padding-left: 15px;}
.header .top-search .search-form input[type=search] {
    border: 0; margin: 0;
    box-shadow: none;
    height: 40px; font-size: 22px;
    border-bottom: 1px rgba(41, 41, 41, 0.15) solid;
}
.header .top-search .search-form button {
    display: inline-block;
    width: 170px;  border: 0;
	-webkit-box-flex: 0 0 170px;
	-webkit-flex: 0 0 170px;
	ms-flex: 0 0 170px;
    flex: 0 0 170px;
    height: 40px; padding: 0;
    box-shadow: none;
    margin: 0 0 0 30px;
    background: #F8F7F6;
    border-radius: 40px;
	font-family: 'biotif-semibold';
   -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
    cursor: pointer;
}
.header .top-search .search-form button i { vertical-align: -2px; }


.infos-bar {background: #F8F7F6; padding:10px 0; color: rgba(41,41,41, 0.75); font-family: 'biotif-semibold';}
.infos-bar .grid-container, .infos-bar .grid-container .grid-x {height:100%;}
.infos-bar .icone-texte {position:relative; padding-left: 30px; line-height:1.2;}
.infos-bar .icone-texte i {
    display: inline-block; color: #ED1C24; 
    font-size: 20px; vertical-align: -3px; 
    margin-right: 10px; position: absolute; 
    left: 0; top:50%; 
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}


.infos-bar.mobile {display:none;}
.infos-bar.mobile .accordeon-title, .infos-bar.mobile .accordeon-title:focus{ 
	font-size:17px; color:#292929; font-family: 'biotif-semibold';
    display: block; position: relative; padding:10px 0;
	margin: 0; line-height: 1.2; cursor: pointer;
    -webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.infos-bar.mobile .accordeon-title i {
    position: absolute;
	right:0; top:50%; font-size:12px;
	-webkit-transform:translateY(-50%) rotate(0deg) ;
	transform:translateY(-50%) rotate(0deg) ;
    -webkit-transform-origin: center;
    transform-origin: center;
}


.infos-bar.mobile .accordeon-title.open i{ 
    -webkit-transform:translateY(-50%) rotate(-180deg);
    transform:translateY(-50%) rotate(-180deg); 
    -webkit-transform-origin: center;
    transform-origin: center;
}


.infos-bar.mobile .accordeon-content { 
    max-height: 0; 
	overflow: hidden; 
    padding:0;
    max-width: 400px;
    text-align: left;
    -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), max-height 0.5s cubic-bezier(0, 1, 0, 1);
	transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.infos-bar.mobile .accordeon-content.open { 
	max-height: 4000px; 
	-webkit-transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.infos-bar.mobile .icone-texte {
    position: relative;
    padding-left: 30px;
    line-height: 1.2;
    display: block;
    margin: 15px 0;
}

.infos-bar.mobile .info-service {text-align: center;}
.infos-bar.mobile .info-service a {margin: 10px 0;}

@media screen and (max-width: 767px) {
    .infos-bar {display: none;}
    .infos-bar.mobile {display: block;}
    
}

@media screen and (max-width: 480px) {
    .infos-bar.mobile .info-service a {display: block;}
    .infos-bar.mobile .accordeon-content {max-width: 290px;}
    
}
.header #main-nav>li>a {  padding: 20px 10px; }
.menu.align-center li { position: relative; }
.menu.align-center li > ul {
  position: absolute;
  display: none;
  width: 250px;
  top: 100%;
  background: #FFF;
  margin: 0;
  padding: 15px 0;
  left: 0;
  box-shadow: 0 0 4px rgba(0,0,0, 0.4);
}
.menu.align-center li:hover > ul { display: block; }
.menu.align-center li > ul > li { padding: 0;   display: block;}
.menu.align-center li > ul > li a {     
    padding: 5px 10px;
    font-size: 16px;
    color: #292929;
    font-family: 'biotif-semibold';
}
.menu.align-center li > ul > li a:hover { color: #ED1C24; }
   
   
   
/**** ACCUEIL ****/


.home .modele-image-full {text-align: center; margin-bottom: 10px;}

.home .modele-1promo {position: relative; padding: 60px 0;}
.home .modele-1promo::after {content:''; position:absolute; top:0; right:0; width:calc(50% - 20px); height:100%; z-index: -1; background: #F8F7F6;}
.home .modele-1promo h2 { font-size: 68px; font-family: 'biotif-black'; line-height: 1.1; margin: 0 0 20px 0;}
.home .modele-1promo h2 .year{
    color: rgba(41,41,41,0.6);
    font-size: 15px;
    font-family: 'biotif-semibold';
    position: absolute;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 25px;
    text-align: center;
    padding: 0 11px;
    margin: 10px 0 0 5px;
}
.home .modele-1promo .apartir {display:block; font-size:15px; color: rgba(41, 41, 41, 0.66); font-family: 'biotif-regular';}
.home .modele-1promo .prix {
    display: block;
    font-size: 100px;
    font-family: 'biotif-black';
    position: relative;
    line-height: 1;
}
.home .modele-1promo .prix sup {
    font-family: 'biotif-semibold';
    font-size: 55px;
    top: 2px;
    vertical-align: super;
}
.home .modele-1promo .prix .semaine {
    font-family: 'biotif-semibold';
    font-size: 20px;
    display: inline-block;
    position: relative;
    left: -60px;
}
.home .modele-1promo .location { display: block; margin: 10px 0 30px; font-family: 'biotif-regular'; font-size:16px; }

 
.home .modele-2promo {position: relative; margin: 40px 0 20px 0;}
.home .modele-2promo .cell {margin-bottom: 40px;}
.home .modele-2promo .thumb {display: block; margin: 0 0 15px 0;}
.home .modele-2promo h2 { font-size: 30px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 20px 0;}
.home .modele-2promo h2 .year{
    color: rgba(41,41,41,0.6);
    font-size: 13px;
    font-family: 'biotif-semibold';
    position: relative;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
    vertical-align: super;
    margin: 0 0 0 5px;
}
.home .modele-2promo .apartir {display:block; font-size:15px; color: rgba(41, 41, 41, 0.66); font-family: 'biotif-regular';}
.home .modele-2promo .prix {
    display: block;
    font-size: 50px;
    font-family: 'biotif-black';
    position: relative;
    line-height: 1;
}
.home .modele-2promo .prix sup {
    font-family: 'biotif-semibold';
    font-size: 22px;
    top: -3px;
    margin-left: 3px;
    vertical-align: super;
}
.home .modele-2promo .prix .semaine {
    font-family: 'biotif-semibold';
    font-size: 18px;
    display: inline-block;
    position: relative;
    left: -27px;
}
.home .modele-2promo .location { display: block; margin: 5px 0 15px; font-family: 'biotif-regular'; font-size:15px; }


.home .modele-4promo {position: relative; margin-bottom: 20px;}
.home .modele-4promo .cell {margin-bottom: 40px;}
.home .modele-4promo .thumb {display: block; margin: 0 0 15px 0;}
.home .modele-4promo h2 { font-size: 25px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 20px 0;}
.home .modele-4promo h2 .year{
    color: rgba(41,41,41,0.6);
    font-size: 13px;
    font-family: 'biotif-semibold';
    position: relative;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
    vertical-align: super;
    margin: 0 0 0 5px;
}
.home .modele-4promo .apartir {display:block; font-size:15px; color: rgba(41, 41, 41, 0.66); font-family: 'biotif-regular';}
.home .modele-4promo .prix {
    display: block;
    font-size: 40px;
    font-family: 'biotif-black';
    position: relative;
    line-height: 1;
}
.home .modele-4promo .prix sup {
    font-family: 'biotif-semibold';
    font-size: 22px;
    top: -3px;
    margin-left: 3px;
    vertical-align: super;
}
.home .modele-4promo .prix .semaine {
    font-family: 'biotif-semibold';
    font-size: 18px;
    display: inline-block;
    position: relative;
    left: -25px;
}
.home .modele-4promo .location { display: block; margin: 5px 0 15px; font-family: 'biotif-regular'; font-size:15px; }


.g-review {
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center center;
    padding: 40px 0;
	position:relative;
	background-image: url("assets/images/google-review_back.jpg");
}
.g-review::before { content:''; position:absolute; width:100%; height:100%; top:0; left:0; opacity: 0.75;}
.g-review .grid-container { position:relative; z-index: 5;}
.g-review h4 {
	font-family: 'biotif-regular'; 
	letter-spacing: 0.08em; 
	font-size: 15px; 
	text-transform: uppercase; 
	color: #FFF; 
	margin: 4px 0 0 0; 
	line-height: 1.4;
	max-width:164px;
}
.g-review .avis-client {text-align: right;}
.g-review .avis-client .cta { background: #FFF; min-width: 265px;}
.g-review .rplg .rplg-badge2 {
    display: inline-block;
    text-align: left !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.g-review .rplg-badge2 .rplg-badge2-border {display:none;}
.g-review .rplg-badge2 .rplg-badge2-btn, .g-review .rplg-badge2 .rplg-badge2-btn:hover { padding: 0 !important; background: transparent !important;}
.g-review .rplg-badge2 .rplg-badge2-btn > svg  {display:none !important;}
.g-review .rplg .rplg-biz-based {display:none !important;}
.g-review .rplg-badge2 .rplg-badge2-score {
    display: inline-block;
    font-size: 15px !important;
    line-height: 20px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    color: #FFF;
    position: relative;
    padding: 0 0 0 90px;
}
.g-review .rplg .rplg-biz-rating.rplg-biz-google .rplg-biz-score {
    color: #FFF !important; 
    font-family: 'biotif-black' !important; 
    position: absolute;
    left: 0; top: 9px; 
    font-size: 45px !important;
}
.g-review .rplg .rplg-stars svg path { fill: #FFF !important;}

@media screen and (max-width: 800px) {
    .g-review .cell.shrink { width:100%; text-align: center; margin-bottom: 20px;}
    .g-review .cell.avis-client { margin-bottom: 0; text-align: center;}
    .g-review h4 {max-width: none;}

}
.recherche-occasion {padding:100px 0; background: #F8F7F6; text-align: center;}
.recherche-occasion h4 { font-size:15px; text-transform: uppercase; font-family: 'biotif-semibold';  margin: 0 0 10px 0; letter-spacing: 0.08em;}
.recherche-occasion h2 { font-size: 45px; color:#292929; margin: 0 0 40px 0; font-family: 'biotif-black'; }
.recherche-occasion .tab-nav {display: block; margin-bottom: 40px;}
.recherche-occasion .tab-nav .tab-link {
    display:inline-block; 
    font-size: 17px; 
    font-family: 'biotif-semibold'; 
    padding: 3px 0; 
    color: #292929; 
    margin: 0 10px; 
    opacity: 0.6; 
    cursor: pointer;
}
.recherche-occasion .tab-content {display: none;}
.recherche-occasion .tab-content.current {display:block;}
.recherche-occasion .tab-content .cta {margin:40px 0 0 0;}

#marque-modele .SumoSelect {border-right:1px rgba(41,41,41,0.15) solid;}
#marque-modele .SumoSelect.sumo_modele { border: 0;}

.sumo_categorie.SumoSelect > .CaptionCont::before, .SumoSelect.select-categories > .CaptionCont::before  { content:"Catégorie";}
.sumo_marque.SumoSelect > .CaptionCont::before, .SumoSelect.select-marques > .CaptionCont::before  { content:"Marque";}
.sumo_modele.SumoSelect > .CaptionCont::before, .SumoSelect.select-modeles > .CaptionCont::before, .SumoSelect.select-modele > .CaptionCont::before  { content:"Modèle";}
.sumo_annee.SumoSelect > .CaptionCont::before, .SumoSelect.select-annee > .CaptionCont::before, .SumoSelect.select-annee > .CaptionCont::before  { content:"Année";}
.sumo_carburant.SumoSelect > .CaptionCont::before, .SumoSelect.select-carburants > .CaptionCont::before  { content:"Carburant";}

.filtre-annee > .CaptionCont::before { content:"Année";}
.filtre-prix > .CaptionCont::before { content:"Prix";}
.filtre-kilometrage > .CaptionCont::before { content:"Kilométrage";}



.recherche-occasion .tab-content .search-field { 
    border: 1px rgba(64, 64, 64, 0.15) solid;
    box-shadow: none;
    height: 70px;
    padding: 10px 50px;
    font-family: 'biotif-regular';
    margin: 0;
    color: #292929;
    font-size: 17px;
}



.raisons { padding: 100px 0;}
.raisons h4 {font-size:15px; text-transform: uppercase; font-family: 'biotif-semibold';  margin: 0 0 10px 0; letter-spacing: 0.08em;}
.raisons h2 { font-size: 45px; color:#292929; margin: 0 0 100px 0; font-family: 'biotif-black'; }

.raisons .slider-wrapper {position:relative;}
.raisons .slider-wrapper .slick-list {margin: 0 -80px; overflow: visible;}
.raisons .slider-wrapper .custom-nav {position:absolute; top:-145px; right:0;}
.raisons .slider-wrapper .custom-nav .custom-prev, .raisons .slider-wrapper .custom-nav .custom-next { 
    width:40px; height:40px; 
    background: #F8F7F6; 
    cursor: pointer; 
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    display: inline-block !important;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
.raisons .slider-wrapper .custom-nav .custom-prev:hover, .raisons .slider-wrapper .custom-nav .custom-next:hover { background:#292929; }

.raisons .slider-wrapper .custom-nav .custom-prev.slick-disabled, .raisons .slider-wrapper .custom-nav .custom-next.slick-disabled {
    border: 1px dashed rgba(41, 41, 41, 0.15);
    background:transparent;
    color:rgba(41, 41, 41, 0.15);
    cursor: auto;
}
.raisons .slider-wrapper .custom-nav .custom-prev.slick-disabled:hover, .raisons .slider-wrapper .custom-nav .custom-next.slick-disabled:hover {color:rgba(41, 41, 41, 0.15); }

.raisons .slider-wrapper .slide { margin: 0 80px; position:relative;}
.raisons .slider-wrapper .num{
    position: absolute;
    background: #F8F7F6;
    font-size: 75px;
    color: #FFF;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    text-align: center;
    line-height: 128px;
    font-family: 'biotif-black';
    z-index: -1;
    left: -100px;
    top: -34px;
} 

.raisons .slider-wrapper h3 { font-size:25px; color: #292929; font-family: 'biotif-black'; margin: 0 0 20px 0;}
.raisons .slider-wrapper p {margin: 0;  font-size:17px; font-family: 'biotif-regular'; color: #292929; line-height: 1.6;;}

@media screen and (max-width: 1023px) {
    .raisons .slider-wrapper .slick-list { margin: 0 -40px; }
    .raisons .slider-wrapper .slide { margin: 0 40px; }
    .raisons .slider-wrapper h3 { padding-left: 60px;}
    .raisons .slider-wrapper p { padding-left: 60px;}
    .raisons .slider-wrapper .num{
        width: 70px;
        height: 70px;
        line-height: 70px;
        left: 0; top:-20px;
        font-size: 35px;
    }
    
}



.home-content {padding: 0 0 100px 0;}
.home-content .page-description {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s cubic-bezier(.4,0,.2,1);
    -moz-transition: all 1s cubic-bezier(.4,0,.2,1);
    transition: all 1s cubic-bezier(.4,0,.2,1);
}
.home-content .page-description h1{ font-size: 34px; margin: 0 0 30px 0; font-family: 'biotif-black'; }
.home-content .page-description .shader {
    background: -webkit-linear-gradient(transparent,white);
    background: -o-linear-gradient(transparent,white);
    background: linear-gradient(transparent,white);
    bottom: 0;
    height: 32px;
    width: 100%;
    position: absolute;
}
.home-content a.suite { 
    display: inline-block;
    margin-top: 20px;
    font-size: 17px;
}



/**** VÉHICULES NEUFS *****/

.vehicules-neufs h1 { font-size:45px; font-family: 'biotif-black'; margin: 50px 0 5px 0; letter-spacing: -0.02em;}
.filtre-gofix .vehicules-neufs .cat-filtre { 
    position:fixed; left:50%; 
    -webkit-transform:translateX(-50%); 
    transform:translateX(-50%); 
    background: #FFF; 
    width: 100%; top:110px; 
    z-index: 10;
}
.filtre-gofix .infos-bar {margin-bottom: 50px;}
.vehicules-neufs .cat-filtre .cell{ margin: 10px 0;}
.vehicules-neufs .cat-filtre .filtre-cats { display: block; list-style: none; margin: 0; padding: 0;}
.vehicules-neufs .cat-filtre .filtre-cats li{ padding: 0 20px 0 0; margin: 0; display: inline-block;}
.vehicules-neufs .cat-filtre .filtre-cats li a { color:rgba(41,41,41,0.6); padding: 2px 0; font-size:17px; display: block; font-family: 'biotif-semibold'; position: relative;}
.vehicules-neufs .cat-filtre .filtre-cats li a::after { 
    content:''; display: block; 
    width: 100%; height:2px; 
    margin-top: 2px;
    -webkit-transform:scaleX(0); 
    transform:scaleX(0);
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
.vehicules-neufs .cat-filtre .filtre-cats li a:hover, .vehicules-neufs .cat-filtre .filtre-cats li a.current {color:rgba(41,41,41,1);}
.vehicules-neufs .cat-filtre .filtre-cats li a:hover::after, .vehicules-neufs .cat-filtre .filtre-cats li a.current::after{-webkit-transform:scaleX(1); transform:scaleX(1);}

.vehicules-neufs .cat-filtre .filtre-years {display: inline-block; list-style: none; margin: 0; padding: 0;}
.vehicules-neufs .cat-filtre .filtre-years li { padding: 0; margin: 0 0 0 10px; display: inline-block;}
.vehicules-neufs .cat-filtre .filtre-years li a {
    display: block; 
    width:70px; height:30px; 
    line-height: 30px; 
    font-family: 'biotif-semibold'; 
    text-align: center;
    font-size:14px;
    background: #F8F7F6; 
    border-radius:40px;
}

.vehicules-neufs .liste-vn { padding: 30px 0 40px 0;}
.vehicules-neufs .cat-container{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; max-height: 4000px;}
.vehicules-neufs .cat-container.hidden { opacity:0; visibility: hidden; max-height: 0;}


.vehicules-neufs .liste-vn h4{ 
	font-family: 'biotif-semibold'; 
	letter-spacing: 0.08em;
	font-size: 15px; 
	color:rgba(41,41,41,0.6); 
	margin: 20px 0 40px 0; 
	text-transform: uppercase;
	position: relative;
	 -webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.vehicules-neufs .liste-vn h4 i{ display:none;}

.vehicules-neufs .liste-vn .car { text-align: center; margin-bottom: 40px;}
.vehicules-neufs .liste-vn .car .thumb {margin-bottom: 15px; display: block;}
.vehicules-neufs .liste-vn .car h2 {
    font-size: 20px;
    font-family: 'biotif-black';
    line-height: 1.4;
    margin: 0 0 10px 0;
}
.vehicules-neufs .liste-vn .car h2 .year {
    color: rgba(41,41,41,0.6);
    font-size: 13px;
    font-family: 'biotif-semibold';
    position: relative;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
    vertical-align: 2px;
    margin: 0 0 0 5px;
}

.vehicules-neufs .liste-vn .car .info span {display:block; font-size:15px; text-align: center;}
.vehicules-neufs .liste-vn .car .info span b {font-family: 'biotif-black';}
.vehicules-neufs .liste-vn .car .info span.prix {margin:10px 0;}
.vehicules-neufs .liste-vn .car .info span.location {}


/****** TOP PROMOTIONS *******/

.top-promotions {padding-top: 40px;}
.top-promotions .promo-wrap { background:#F8F7F6; padding: 30px;  height:100%; width: 100%; position: relative;}
.top-promotions .promo-wrap a{display: block; color: #292929; width:100%;}
.top-promotions .thumb {display: block; margin: 0 0 15px 0;}
.top-promotions h2 { font-size: 25px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 20px 0;}
.top-promotions h2 .year{
    color: rgba(41,41,41,0.6);
    font-size: 13px;
    font-family: 'biotif-semibold';
    position: relative;
    background: #FFF;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
    vertical-align: super;
    margin: 0 0 0 5px;
}
.top-promotions .apartir {display:inline-block; font-size:15px; color: rgba(41, 41, 41, 0.66); font-family: 'biotif-regular'; }
.top-promotions .prix {
    display:inline-block;
    font-size: 40px;
    font-family: 'biotif-black';
    position: relative;
    line-height: 1;
}
.top-promotions .prix sup {
    font-family: 'biotif-semibold';
    font-size: 22px;
    top: -3px;
    margin-left: 3px;
    vertical-align: super;
}
.top-promotions .prix .semaine {
    font-family: 'biotif-semibold';
    font-size: 18px;
    display: inline-block;
    position: relative;
    left: -25px;
}
.top-promotions .location { display: block; margin: 5px 0 15px; font-family: 'biotif-regular'; font-size:15px; }

.top-promotions .promo_2-3 .thumb{ float: right; width:58%; margin: 0;}
.top-promotions .promo_2-3 .wrap-infos { max-width: 280px; }
.top-promotions .promo_2-3 .apartir {display: block;}
.top-promotions .promo_2-3 .prix {
    display: block;
    font-size: 50px;
    font-family: 'biotif-black';
    position: relative;
    line-height: 1;
}
.top-promotions .promo_2-3.prix sup {
    font-family: 'biotif-semibold';
    font-size: 22px;
    top: -3px;
    margin-left: 3px;
    vertical-align: super;
}
.top-promotions .promo_2-3 .prix .semaine {
    font-family: 'biotif-semibold';
    font-size: 18px;
    display: inline-block;
    position: relative;
    left: -27px;
}

.top-promotions .promo_2-3 .details {
    position: relative;
	z-index: 1;
    display: inline-block;
    font-size: 17px;
    font-family: 'biotif-semibold';
}

.top-promotions .promo_2-3 .details i {
    margin-left: 1px;
    vertical-align: -1px;
    font-size: 15px;
}
.top-promotions .promo_2-3 .details::after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    right: -14px;
    top: -7px;
    background: #FFF;
    border-radius: 50%;
    z-index: -1;
}

.top-promotions h2 { margin: 0 0 10px 0;}
.top-promotions .promo_1-3 .location { margin:0; letter-spacing: 0;}
.top-promotions .promo_1-3 .thumb{ text-align: center; }
.top-promotions .promo_1-3 .thumb img {max-height:150px; width:auto; }
    
.top-promotions .promo_1-3 .details {
    width: 40px;
    height: 40px;
	text-align: center;
	font-size: 15px;
	line-height: 42px;
	background: #FFF;
    border-radius: 50%;
	position:absolute; 
	right:30px; 
	bottom:30px;
	display: none;
}


/***** VÉHICULES NEUFS - SINGLE *****/

.vn-single {padding:60px 0;}

.vn-single .nav-retour {font-size:15px; text-transform: uppercase; font-family: 'biotif-semibold';}
.vn-single .nav-retour i {font-size:10px; margin-right: 5px; vertical-align: 2px;}
.vn-single .nav-retour:hover { color:#292929;}
.vn-single h1 { font-size: 45px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 50px 0; letter-spacing: -0.02em;}
.vn-single h1 .year{
    color: rgba(41,41,41,0.6);
    font-size: 15px;
    font-family: 'biotif-semibold';
    position: relative;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
    vertical-align: super;
    margin: 0 0 0 5px;
}

.vn-single .meilleurs { margin-top: 60px;}
.vn-single .meilleurs .meilleurs-wrap { background: #F8F7F6; width:100%; height:100%; padding: 30% 0 40px 0; text-align: center; position:relative;}
.vn-single .meilleurs .meilleurs-wrap .infos { border-right:1px rgba(41,41,41,0.15) solid; display: block; height: 100%; padding: 0 40px;}
.vn-single .meilleurs .grid-x .cell:last-of-type .meilleurs-wrap .infos {border-right: 0;}
.vn-single .meilleurs .meilleurs-wrap .thumb { position: absolute; left: 40px; right: 40px; top: -80px;}
.vn-single .meilleurs .meilleurs-wrap .meilleur-quoi { 
    background: #FFF; display: inline-block;
    border-radius:20px; text-transform: uppercase; 
    color:rgba(41, 41, 41, 0.66); font-size:15px;
    font-family: 'biotif-semibold'; 
    padding: 9px 15px; letter-spacing: 0.08em;
}
.vn-single .meilleurs .meilleurs-wrap h2 { font-size: 25px;font-family: 'biotif-black'; line-height: 1.2; margin: 10px 0 20px 0;}
.vn-single .meilleurs .meilleurs-wrap .prix {
    display: block;
    font-size: 50px;
    font-family: 'biotif-black';
    position: relative;
    line-height: 1;
}
.vn-single .meilleurs .meilleurs-wrap .prix sup {
    font-family: 'biotif-semibold';
    font-size: 22px;
    top: -3px;
    margin-left: 3px;
    vertical-align: super;
}
.vn-single .meilleurs .meilleurs-wrap .prix .semaine {
    font-family: 'biotif-semibold';
    font-size: 18px;
    display: inline-block;
    position: relative;
    left: -27px;
}
.vn-single .meilleurs .meilleurs-wrap .location { display: block; margin: 10px 0 20px 0; font-family: 'biotif-regular'; font-size:15px; }


.vn-single .wrap-demo {padding-top: 30px; font-size: 17px; font-family: 'biotif-semibold';}
.vn-single .lien-demo {position:relative; display: inline-block; font-size: 17px; font-family: 'biotif-semibold'; margin-right: 15px;}
.vn-single .lien-demo i {margin-left: 1px; vertical-align: -1px; font-size: 15px;}
.vn-single .lien-demo::after {content:''; width: 40px; height:40px; position: absolute; right: -14px; top: -7px; background: #F8F7F6; border-radius: 50%; z-index: -1;}
.vn-single .sep {display:block; width:100%; height:1px; background: rgba(41, 41, 41, 0.15); margin-top: 30px;}

.vn-single .galerie-top {padding-top: 40px; padding-bottom: 20px;}
.vn-single .galerie-top h2 { font-size: 25px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 20px 0;}
.vn-single .galerie-top a.open-gal {   
	display: inline-block;
    font-size: 17px;
    padding: 10px 30px;
    line-height: 1.2;
    text-align: center;
    border: 0;
    border-radius: 40px;
    background:#F8F7F6;  
    font-family: 'biotif-semibold';
}

.vn-single .galerie { margin: 0 -20px;}
.vn-single .galerie .galerie-image { 
    display:block; width: 100%; 
    background-size: cover; 
    background-position: center center; 
    padding-top:80.1785%;
    margin-bottom: 40px; 
    cursor: pointer;
    overflow: hidden;
    position:relative;
}
.vn-single .galerie .galerie-image::before { 
    content:''; position:absolute;
    width:100%; height:100%;
    top:0; left:0; opacity:0;
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
.vn-single .galerie .galerie-image::after{ 
    content: "\e905"; font-family: 'icomoon';
    top:50%; left:50%; opacity:0;
    position:absolute; z-index: 5;
    font-size:45px; color:#FFF; 
    -webkit-transform:translate3d(-50%, -50%, 0) scale(0);
    transform:translate3d(-50%, -50%, 0) scale(0);
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
} 


.vn-single .galerie .galerie-image:hover::before { opacity:0.75; }
.vn-single .galerie .galerie-image:hover::after { 
    opacity:1; 
    -webkit-transform:translate3d(-50%, -50%, 0) scale(1);
    transform:translate3d(-50%, -50%, 0) scale(1);
}


.vn-single .apropos { background: #F8F7F6; padding: 60px 40px;}
.vn-single .apropos h2 { font-size: 25px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 20px 0;}
.vn-single .apropos-texte { 
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
.vn-single .apropos-texte p{ font-size: 17px;  line-height: 1.8; color:#000; }
  

.vn-single .specs { color: #292929;}
.vn-single .specs h2 { font-size: 25px; font-family: 'biotif-black'; line-height: 1.4; margin: 50px 0; text-align: center;}
.vn-single .specs thead { background: #FFF; border:0;}
.vn-single .specs .car-specs {margin-bottom: 20px;}
.vn-single .specs .car-specs tbody { border: 0; background-color: transparent;}
.vn-single .specs .car-specs tbody tr:nth-child(2n) { border-bottom: 0;  background-color: transparent;}
.vn-single .specs .car-specs thead th {text-align: center; padding: 10px 0 0 0;}
.vn-single .specs .car-specs tbody td { font-size:15px; font-family: 'biotif-regular'; text-align: center; padding: 10px 0;}

.vn-single .specs .car-specs tbody .sub_specs { border-top: 1px solid rgba(41, 41, 41, 0.15); }
.vn-single .specs .car-specs tbody .sub_specs td { padding: 30px 0 15px; text-align: left; font-family: 'biotif-semibold'; font-size:17px;}
.vn-single .specs .car-specs tbody .sub_sub_specs td { padding: 15px 0 15px 0; text-align: left; font-family: 'biotif-semibold'; font-size:15px; color: rgba(41, 41, 41, 0.66); }

.vn-single .specs .car-specs tbody .space { border: 0;}

.vn-single .specs .car-specs tbody tr .attribute-label {text-align: left; max-width:140px;}

.vn-single .specs .car-specs .versions .sub-model {vertical-align: top;}
.vn-single .specs .car-specs .versions .sub-model .thumb { max-width: 80px; margin: 0 auto;}
.vn-single .specs .car-specs .versions .sub-model h3 {font-size:17px; font-family: 'biotif-semibold';  margin: 8px auto; max-width: 206px;}
.vn-single .specs .car-specs .versions .sub-model .meilleur { 
    background: #F8F7F6; display: inline-block;
    border-radius:30px; text-transform: uppercase; 
    color:rgba(41, 41, 41, 0.66); font-size:12px;
    font-family: 'biotif-semibold'; 
    padding: 3px 15px; letter-spacing: 0.08em;
}

.vn-single .specs .car-specs tbody td span.check {display:inline-block; background-image:url("assets/images/coche.svg"); width:20px; height:20px; background-size: contain;}
.vn-single .specs .car-specs tbody td span.not-check {width:16px; height:2px; background: rgba(41, 41, 41, 0.15); display: inline-block;}
.vn-single .specs .car-specs tbody td span.info {display:inline-block; background-image:url("assets/images/info.svg"); width:20px; height:20px; background-size: contain;}


.vn-single .tooltip_templates {display:none;}


.vn-single .interet-wrap { text-align: center; padding-top:30px; padding-bottom:30px; }
.vn-single .interet-wrap .interet {display:block; max-width: 360px; width:100%; margin: 0 auto;}

.vn-single .interet-wrap.active {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    bottom: 0;
    z-index: 1100;
    width: 100%;
    background: #FFF;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


.mention-legale { display:block; border-top: 1px solid rgba(41, 41, 41, 0.15); padding-top: 25px; margin:0 0 30px 0; color: rgba(41, 41, 41, 0.66); font-size:15px;}

.form-modal { 
	position:fixed; 
	width:100%; 
	height:100%;
	top:0; left: 0;
	z-index: 9999999;
	visibility: hidden; 
	opacity:0;
	padding: 20px;
	display: -webkit-box; 
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
	background:rgba(248,247,246,0.9); 
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.form-modal .box { 
	display:block;
	width: 100%;
	max-width:640px;
	position:relative;
	background: #FFF;
	opacity: 0;
	padding:30px;
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
}
.form-modal .box .titre-wrap {
	position:relative; 
	display:block; 
	font-size:15px;
	padding: 10px 0 25px 0;
	margin-bottom: 15px; 
}
.form-open .box .titre-wrap h3{ color:#292929; text-transform: uppercase; letter-spacing: 0.08em; font-family: 'biotif-semibold'; font-size:15px; margin: 0 0 5px;}
.form-modal .box .titre-wrap .nav-close { 
	position:absolute; 
	right:0; top:1px;
	width:40px; height:40px; 
	font-size: 16px; 
	background: #F8F7F6;
	border-radius: 50%;
	text-align: center; 
	line-height: 43px;
}

.form-open .form-modal { opacity:1; visibility: visible; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.form-open .form-modal .box { opacity: 1; -webkit-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s;}


body.form-open {overflow: hidden;}


.form-modal .field-wrap {
    background: #FFF;
    border-left: 1px solid rgba(41,41,41,.15);
    border-bottom: 1px solid rgba(41,41,41,.15);
    border-top:0;
    padding: 7px 10px 3px 10px;
    margin: 0 0 20px; display: block;
}
.form-modal form .field-wrap:first-of-type { border-top:1px solid rgba(41, 41, 41, 0.15);}
.form-modal .field-wrap .f-label {
    font-size: 15px;
    font-family: 'biotif-semibold';
    display: block;
    margin-bottom: 5px;
}
.form-modal .field-wrap input, .form-modal .field-wrap textarea {
    border: 0;
    margin: 0;
    box-shadow: none;
    padding: 0;
    height: 27px;
    font-size: 15px;
}
.form-modal textarea { height: 120px; resize: none;}

.form-modal .submit-wrap { display: block; margin: 0; text-align: center;}

.form-modal .grid-x .cell:first-of-type .field-wrap { border-right: 0;}
.form-modal .grid-x .cell:last-of-type .field-wrap { border-right: 1px solid rgba(41, 41, 41, 0.15);}
.form-modal .grid-x:last-of-type .cell:first-of-type .field-wrap { border-right: 1px solid rgba(41, 41, 41, 0.15);}

.vn-single .form-confirmation {text-align: center; font-family: 'biotif-semibold'; font-size: 18px; }


/***** VÉHICULES D'OCCASION *****/

.vehicules-occasion { padding: 0 0 40px 0;}
.vehicules-occasion h1 { font-size:45px; font-family: 'biotif-black'; margin: 0; letter-spacing: -0.02em; line-height: 1;}
.vehicules-occasion .search-form { display: -webkit-box; display: -ms-flexbox;  display: flex;}
.vehicules-occasion .search-form .search-field {
	border:0;
    border-bottom: 1px rgba(64, 64, 64, 0.15) solid;
    box-shadow: none;
    height: 40px;
    padding: 10px 20px;
    font-family: 'biotif-regular';
    margin: 0 10px 0 0;
    color: #292929;
    font-size: 17px;
}

.vehicules-occasion .vo-container { padding-top: 60px;}
.vehicules-occasion .form .SumoSelect { border: 1px rgba(64, 64, 64, 0.15) solid; border-bottom:0; }
.vehicules-occasion .form .SumoUnder { height: 60px; margin: 0;}

.vehicules-occasion .form .SumoSelect > .CaptionCont { min-height:60px; padding: 32px 35px 0 20px;}
.vehicules-occasion .form .SumoSelect > .CaptionCont::before { top: 7px;}
.vehicules-occasion .form .SumoSelect > .optWrapper {top:60px;}

.vehicules-occasion .form .SumoSelect.select-carburants { border-bottom: 1px rgba(64, 64, 64, 0.15) solid;}

.vehicules-occasion .form .SumoSelect.custom-select > .optWrapper {padding:15px;}
.vehicules-occasion .form .SumoSelect.custom-select > .optWrapper .box { border:1px rgba(64, 64, 64, 0.15) solid; padding: 5px 10px; display:block; margin:0 0 10px 0;}
.vehicules-occasion .form .SumoSelect.custom-select > .optWrapper .box span.text-label {display:block; font-size:15px; font-family: 'biotif-semibold'; margin-bottom:3px;}
.vehicules-occasion .form .SumoSelect.custom-select > .optWrapper .box input { 
    border:0;
    box-shadow: none; 
    outline: 0; 
    margin: 0; 
    padding: 0; 
    font-weight:400; 
    font-size:17px; 
    color: #292929;
    height:20px;
}

.vehicules-occasion .form .SumoSelect.custom-select.filtre-annee > .optWrapper .box {display:inline-block; width:48%; margin: 0;}
.vehicules-occasion .form .SumoSelect.custom-select.filtre-annee > .optWrapper .box:first-of-type{ margin:0 2% 0 0; }

.vehicules-occasion .form .SumoSelect.custom-select > .optWrapper .box .input-wrap {position:relative; display: block;}
.vehicules-occasion .form .SumoSelect.custom-select > .optWrapper .box .input-wrap input {padding-right:30px;}
.vehicules-occasion .form .SumoSelect.custom-select > .optWrapper .box .input-wrap span { position:absolute; right:0; top: -2px; font-size:17px; color: rgba(41, 41, 41, 0.66);}



.box input::-webkit-input-placeholder {color: #292929;}
.box input::-moz-placeholder {color: #292929;}
.box input:-ms-input-placeholder {color: #292929;}
.box input:-moz-placeholder {color: #292929;}


.vehicules-occasion .form .cta { font-size: 14px; padding: 7px 15px; margin-top: 20px; background: #F8F7F6; color: #ED1C24;}
.vehicules-occasion .form .cta:hover {background: #ED1C24; color: #FFF;}

.vehicules-occasion .vo-container .total_used_cars{ 
    color:rgba(41, 41, 41, 0.66); 
    text-transform: uppercase; 
    font-size:15px; 
    letter-spacing: 0.08em; 
    font-family: 'biotif-semibold';
    margin-bottom: 30px;
}




.vo-car {margin-bottom:40px;}
.vo-car .car-link {display:block; margin: 0 0 15px 0;}
.vo-car .car-img {background-size:cover; display: block; padding-top:75%;}
.vo-car h2 {
    font-size: 17px;
    font-family: 'biotif-black';
    line-height: 1.4;
    margin: 0;
}
.vo-car h2 .year, .vo-car h2 .transmission{
    color: rgba(41,41,41,0.6);
    font-size: 13px;
    font-family: 'biotif-semibold';
    position: relative;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
    vertical-align: 2px;
    margin: 0 0 0 5px;
}
.vo-car .car-version {display: block; font-size: 15px;}
.vo-car .car-km-stock {display: block; }
.vo-car .car-km {display: inline-block; font-size: 15px; width:49.5%;}
.vo-car .car-stock {display: inline-block; font-size: 15px; width:49.5%; color: rgba(41,41,41,0.6); text-align:right; }
.vo-car .car-price {display: block; font-size: 17px; font-family: 'biotif-black'; margin-top:15px; }



/***** VÉHICULES D'OCCASION - SINGLE *****/

.vo-single { padding:0 0 60px 0; }
.vo-single .haut {position:relative; padding: 60px 0 66px 0; margin-bottom: 40px;}
.vo-single .nav-retour {font-size:15px; text-transform: uppercase; font-family: 'biotif-semibold';}
.vo-single .nav-retour i {font-size:10px; margin-right: 5px; vertical-align: 2px;}
.vo-single .nav-retour:hover {color:#292929;}
.vo-single h1 { font-size: 45px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 50px 0; letter-spacing: -0.02em;}
.vo-single h1 .year{
    color: rgba(41,41,41,0.6);
    font-size: 15px;
    font-family: 'biotif-semibold';
    position: relative;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
    vertical-align: super;
    margin: 0 0 0 5px;
}
.vo-single .stock-prix {position:relative;}
.vo-single .stock { font-size:15px; color: rgba(41,41,41,0.6); display: block; font-family: 'biotif-regular';}
.vo-single .prix { display:block; font-size:45px; color:#292929; font-family: 'biotif-regular';}
.vo-single .prix sup { font-size:25px; font-family: 'biotif-semibold';}

.vo-single .specs-form {position:relative; min-height:565px;}
.vo-single .specs { list-style:none; margin: 0; padding: 0;}
.vo-single .specs li { 
    display:block; position:relative; 
    padding: 10px 0 10px 30px; font-size:17px; 
    border-bottom:1px rgba(41,41,41,0.15) solid; 
    text-align: left; 
    font-family: 'biotif-regular';
}
.vo-single .specs li:last-of-type { border:0;}
.vo-single .specs li i { font-size:15px; position:absolute; left:0; top:14px;}
.vo-single .specs li .spec { display:block; font-size:16px; font-family: 'biotif-semibold'; }
.vo-single .nav-wrap {display: block;  text-align: center; margin: 30px 0 0 0;}
.vo-single .carfax-wrap {display: block;  text-align: center; margin: 30px 0 0 0;}
.vo-single .carfax-wrap a {display:inline-block; width:110px;}
.vo-single .carfax-wrap a img { width:100%;}


.vo-single .form-wrap { 
    position: absolute;
    top: 0;
    height: 100%;
    left: 18px;
    right: 0;
    background: #FFF;
    padding: 30px;
    width: calc(100% - 38px);
    webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
    opacity:0;
    visibility: hidden;
}
.vo-single #form-interet.form-wrap.open { opacity:1; visibility: visible; } 
.vo-single #form-carfax.form-wrap.open { opacity:1; visibility: visible; } 
.vo-single .form-wrap h3 {
    text-align: left;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'biotif-semibold';
    margin: 0 0 30px 0;
}
.vo-single .form-wrap .close-form{
    position: absolute;
    right: 30px;
    top: 23px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 33px;
    background: #F8F7F6;
    border-radius: 50%;
}
.vo-single .form-wrap .field-wrap {
    background: #FFF;
    border: 1px solid rgba(41, 41, 41, 0.15);
    border-top:0;
    padding: 7px 10px 3px 10px;
    margin: 0; display: block;
}
.vo-single .form-wrap form .field-wrap:first-of-type { border-top:1px solid rgba(41, 41, 41, 0.15);}
.vo-single .form-wrap .field-wrap .f-label {
    font-size: 15px;
    font-family: 'biotif-semibold';
    display: block;
    margin-bottom: 5px;
}
.vo-single .form-wrap .field-wrap input, .vo-single .form-wrap  .field-wrap textarea {
    border: 0;
    margin: 0;
    box-shadow: none;
    padding: 0;
    height: 27px;
    font-size: 15px;
}
.field-wrap textarea { height: 120px; resize: none;}

.vo-single .form-wrap .submit-wrap { display: block; margin: 15px 0;}
.vo-single .form-wrap .submit-wrap .cta { display: block; width:100%;}

.vo-single .form-wrap .representant { font-family: 'biotif-regular'; color: rgba(41, 41, 41, 0.66); font-size:15px; line-height:1;}

.vo-single .form-confirmation { margin: 30px 0 0 0; font-family: 'biotif-semibold';}


.vo-single .options-autres {font-family: 'biotif-regular'; font-size: 17px; color:#292929; padding-top: 30px; padding-bottom:60px; max-width:1000px;}
.vo-single .options-autres .grid-x::before { content:''; display: block; width: calc(100% - 40px); height:1px; background: rgba(41, 41, 41, 0.15); margin: 10px 0 40px 20px;}
.vo-single .options-autres .titre {font-family: 'biotif-semibold'; display:block; margin-bottom: 40px;}
.vo-single .options {display:block;}
.vo-single .options .option {
    display: inline-block;
    width: 49.5%;
    margin-bottom: 30px;
    vertical-align: top;
    line-height: 1.4;
    padding-right: right;
}

.vo-single .option-note { display:block; margin-bottom:30px;}
.vo-single .prix-remportes .cta {margin:0 10px 10px 0; background: #F8F7F6;}
.vo-single .prix-remportes .show_all {margin: 20px 0 30px 0;}


.vo-single .articles .lien {font-family: 'biotif-semibold'; display: block; margin: 0 0 20px 0;}
.vo-single .articles .lien:hover {color:#292929;}
.vo-single .articles .show_all {}

.vo-single .options-autres .notes::before { margin:20px 0 20px 20px;}
.vo-single .options-autres .notes p{ font-size:15px; margin: 0; max-width: 670px;}
 
.vo-single .similaires h3 {
    text-align: left;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'biotif-semibold';
    margin: 0 0 30px 0;
}

.vo-single .galerie-wrap {position:relative;}

.vo-single .slider-thumbs .slick-slide { cursor: pointer; padding: 10px 5px 0 5px;}
.vo-single .slider-thumbs .slick-slide > div {background:#292929;}
.vo-single .slider-thumbs .slick-slide img { opacity:0.5}
.vo-single .slider-thumbs .slick-slide.slick-current img { opacity:1;}


.vo-single .wrap-demo { font-size: 17px; font-family: 'biotif-semibold';}
.vo-single .lien-demo { position:relative; display: inline-block; font-size: 17px; font-family: 'biotif-semibold'; margin-right: 15px;}
.vo-single .lien-demo i {margin-left: 1px; vertical-align: -1px; font-size: 15px;}
.vo-single .lien-demo::after {content:''; width: 40px; height:40px; position: absolute; right: -14px; top: -7px; background: #F8F7F6; border-radius: 50%; z-index: -1;}



@media screen and (min-width: 1024px) {
    
    .vo-single .haut::after {content:''; position:absolute; top:0; right:0; width:calc(41.6666% + 40px); height:100%; z-index: -1; background: #F8F7F6;}
    .vo-single h1 {padding-right: 10%;}  
    .vo-single .slider-thumbs {padding-right: 80px; margin-left: -5px; position: absolute; width: calc(100% - 40px);}
    
    .vo-single .stock { position: absolute; right: 20px; top: 57px;}
    .vo-single .prix { line-height: 1;  margin-top: 35px; }

}

@media screen and (max-width: 640px) {
    
    .promotion-single .wrap-demo { padding: 30px 0; text-align: center;}
    .promotion-single .wrap-demo .text-right { text-align: center;  padding-top: 20px; }
    
    .vn-single .wrap-demo { text-align: center; }
    .vn-single .wrap-demo .text-right, .vo-single .wrap-demo .text-right{ text-align: center;  padding-top: 20px; }
    
    .vo-single .wrap-demo { text-align: center; }

}


/***** PROMOTIONS *****/

body .promotions { padding:50px 0 100px 0;}
.promotions h1{ font-size: 45px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 10px 0; letter-spacing: -0.02em;}
.promotions #menu-promotions { display: block; list-style: none; margin: 0 -10px; padding: 0; text-align:left;}
.promotions #menu-promotions li{ padding: 0 10px; margin: 5px 0; display: inline-block;}
.promotions #menu-promotions li a { color:rgba(41,41,41,0.6); padding: 2px 0; display: block; font-size: 17px; font-family: 'biotif-semibold'; position: relative;}
.promotions #menu-promotions li a::after { 
    content:''; display: block; 
    width: 100%; height:2px; 
    margin-top: 2px;
    -webkit-transform:scaleX(0); 
    transform:scaleX(0);
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
.promotions #menu-promotions li a:hover, .promotions #menu-promotions li.current-menu-item a {color:rgba(41,41,41,1);}
.promotions #menu-promotions li a:hover::after, .promotions #menu-promotions li.current-menu-item a::after{-webkit-transform:scaleX(1); transform:scaleX(1);}

.tax-categorie_promo .promotions #menu-promotions {margin: 0 -10px 80px -10px;}
.tax-categorie_promo .promotions .nav-promo-vehicule #menu-promotions {margin: 0 -10px 40px -10px;}

.promotions h3 { text-transform: uppercase; font-family: 'biotif-semibold'; font-size:15px; letter-spacing: 0.08em; color:rgba(41, 41, 41, 0.66); margin: 80px 0 30px 0; }

.promotions .promo { margin-bottom: 40px;}

.promotions .promo .thumb {display:block; margin: 0 0 10px 0;}
.promotions .promo h2 { font-family: 'biotif-black'; font-size: 20px;  margin: 0; line-height: 1.1;}
.promotions .promo h2 .year{
    color: rgba(41,41,41,0.6);
    font-size: 13px;
    font-family: 'biotif-semibold';
    position: relative;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
    vertical-align: bottom;
    margin: 0 0 0 5px;
}
.promotions .prix {
    display: block;
    font-size: 40px;
    font-family: 'biotif-black';
    position: relative;
    line-height: 1;
}
.promotions .prix sup {
    font-family: 'biotif-semibold';
    font-size: 22px;
    top: -3px;
    margin-left: 3px;
    vertical-align: super;
}
.promotions .prix .semaine {
    font-family: 'biotif-semibold';
    font-size: 18px;
    display: inline-block;
    position: relative;
    left: -25px;
}
.promotions .location, .promotions .description { display: block; margin: 5px 0 15px; font-family: 'biotif-regular'; font-size:15px; }

.promotions .promo.vehicule-promo {text-align: center;}
.promotions .promo.vehicule-promo h2 {margin:0 0 10px 0;}


.promotions .filtre-years {display: inline-block; list-style: none; margin: 0; padding: 0;}
.promotions .filtre-years li { padding: 0; margin: 0 0 0 10px; display: inline-block;}
.promotions .filtre-years li a {
    display: block; 
    width:70px; height:30px; 
    line-height: 30px; 
    font-family: 'biotif-semibold'; 
    text-align: center;
    font-size:14px;
    background: #F8F7F6; 
    border-radius:40px;
}

.promotions .promo-modele h4{ 
	font-family: 'biotif-black'; 
	font-size:25px; 
	letter-spacing: -0.02em;
	color: #000; 
	margin: 40px 0 20px 0; 
}

.promotions .promo-modele::after { content:''; display:block; width:calc(100% - 40px); margin-left: 20px; height:1px; background:rgba(41, 41, 41, 0.15);}
.promotions .promo-modele:last-of-type::after {display:none;}

.promotions .promo-modele { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; max-height: 4000px;}
.promotions .promo-modele.hidden { opacity:0; visibility: hidden; max-height: 0;}

.tax-categorie_promo .promotions .promo.vehicule-promo{ display: -webkit-box; display: -ms-flexbox;  display: flex; text-align: left;}
.tax-categorie_promo .promotions .promo.vehicule-promo.hidden {}
.tax-categorie_promo .promotions .promo.vehicule-promo .thumb { 
	margin: 0 20px 0 0; 
	-webkit-box-flex: 0 0 165px;
	-webkit-flex: 0 0 165px;
	ms-flex: 0 0 165px;
    flex: 0 0 165px;
}
.tax-categorie_promo .promotions .promo.vehicule-promo h2 {font-size:17px; line-height:1.4; margin:0;}
.tax-categorie_promo .promotions .promo.vehicule-promo .thematique {font-size:15px; color:rgba(41, 41, 41, 0.66);}
.tax-categorie_promo .promotions .promo.vehicule-promo .prix sup { font-size: 16px;}
.tax-categorie_promo .promotions .promo.vehicule-promo .prix .semaine {font-size: 16px; left: -20px;}




/***** PROMOTIONS - SINGLE *****/

.promotion-single .haut {position: relative; padding: 60px 0; margin: 0 0 30px 0;}
.promotion-single .haut::after {content:''; position:absolute; top:0; right:0; width:calc(50% - 20px); height:100%; z-index: -1; background: #F8F7F6;}

.promotion-single .nav-retour {font-size:15px; text-transform: uppercase; font-family: 'biotif-semibold'; margin-bottom: 10px; display: inline-block; vertical-align: 2px;}
.promotion-single .nav-retour i {font-size:10px; margin-right: 5px; vertical-align: 2px;}
.promotion-single .nav-retour:hover {color:#292929;}

.promotion-single h1 { font-size: 45px; font-family: 'biotif-black'; line-height: 1.1; margin: 0 0 60px 0;}
.promotion-single h1 .year{
    color: rgba(41,41,41,0.6);
    font-size: 15px;
    font-family: 'biotif-semibold';
    position: absolute;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 25px;
    text-align: center;
    padding: 0 11px;
    margin: 10px 0 0 5px;
}
.promotion-single .haut .apartir {display:block; font-size:15px; color: rgba(41, 41, 41, 0.66); font-family: 'biotif-regular';}
.promotion-single .haut .prix {
    display: block;
    font-size: 100px;
    font-family: 'biotif-black';
    position: relative;
    line-height: 1;
}
.promotion-single .haut .prix sup {
    font-family: 'biotif-semibold';
    font-size: 55px;
    top: 2px;
    vertical-align: super;
}
.promotion-single .haut .prix .semaine {
    font-family: 'biotif-semibold';
    font-size: 20px;
    display: inline-block;
    position: relative;
    left: -60px;
}
.promotion-single .haut .location { display: block; margin: 10px 0 0 0; font-family: 'biotif-semibold'; font-size:16px; }
.promotion-single .haut .comptant-pdsf { display: block; margin: 10px 0 0 0; }

.promotion-single .wrap-demo {font-size: 17px; font-family: 'biotif-semibold';}
.promotion-single .lien-demo {position:relative; display: inline-block; font-size: 17px; font-family: 'biotif-semibold'; margin-right: 15px;}
.promotion-single .lien-demo i {margin-left: 1px; vertical-align: -1px; font-size: 15px;}
.promotion-single .lien-demo::after {content:''; width: 40px; height:40px; position: absolute; right: -14px; top: -7px; background: #F8F7F6; border-radius: 50%; z-index: -1;}

.promotion-single .sep {display:block; width:100%; height:1px; background: rgba(41, 41, 41, 0.15); margin: 30px 0;}

.promotion-single .desc-details h2 {font-family: 'biotif-black'; font-size: 25px; padding-bottom: 30px; letter-spacing: -0.02em; margin: 0;}
.promotion-single .desc-details h4 {font-size: 17px; font-family: 'biotif-semibold'; padding-top: 8px; margin:0;}


.promotion-single .desc-details .caracteristiques ul { 
	margin: 0; padding: 0; 
	list-style: none; ; 
	-webkit-columns: 2; 
	-moz-columns: 2; 
	columns: 2; 
	-webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.promotion-single .desc-details .caracteristiques ul li {position:relative; padding-left: 30px; margin: 0 0 30px 0; font-size: 17px; display: inline-block;}
.promotion-single .desc-details .caracteristiques ul li::before {
	content:''; 
	position:absolute; 
	left:0; top:3px; 
	width:16px; height:16px;
	background-image: url("assets/images/coche.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

.promotion-single .lien-fiche {position:relative; display: inline-block; font-size: 17px; font-family: 'biotif-semibold'; margin:20px 15px 0 0;}
.promotion-single .lien-fiche i {margin-left: 1px; vertical-align: -1px; font-size: 15px;}
.promotion-single .lien-fiche::after {content:''; width: 40px; height:40px; position: absolute; right: -14px; top: -7px; background: #F8F7F6; border-radius: 50%; z-index: -1;}


.promotion-single .top-promo { padding: 60px 0; margin: 0;}

.promotion-single .formulaire {background: #F8F7F6; padding: 60px 0; margin: 30px 0;}
.promotion-single .formulaire .grid-container { max-width:760px; }
.promotion-single .formulaire .grid-container.grid-titre {   max-width: 1190px; }
.promotion-single .formulaire h2 {font-family: 'biotif-black'; font-size: 25px; padding-bottom: 30px; letter-spacing: -0.02em; margin: 0 0 30px 0; text-align: center;}
.promotion-single .formulaire h3 {
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'biotif-semibold';
    margin: 0 0 5px 0;
}

.promotion-single .formulaire .field-wrap {
    background: #FFF;
    border-left: 1px solid rgba(41, 41, 41, 0.15);
    border-bottom: 1px solid rgba(41, 41, 41, 0.15);
    border-top:0;
    padding: 7px 10px 3px 10px;
    margin: 0 0 20px; display: block;
}
.promotion-single .formulaire form .field-wrap:first-of-type { border-top:1px solid rgba(41, 41, 41, 0.15);}
.promotion-single .formulaire .field-wrap .f-label {
    font-size: 15px;
    font-family: 'biotif-semibold';
    display: block;
    margin-bottom: 5px;
}
.promotion-single .formulaire .field-wrap input, .promotion-single .formulaire  .field-wrap textarea {
    border: 0;
    margin: 0;
    box-shadow: none;
    padding: 0;
    height: 27px;
    font-size: 15px;
}
.promotion-single .formulaire textarea { height: 120px; resize: none;}

.promotion-single .formulaire .submit-wrap { display: block; margin: 0; text-align: center;}

.promotion-single .formulaire .grid-x .cell:last-of-type .field-wrap { border-right: 1px solid rgba(41, 41, 41, 0.15);}
.promotion-single .formulaire .grid-x:last-of-type .cell:first-of-type .field-wrap { border-right: 1px solid rgba(41, 41, 41, 0.15);}

.promotion-single .formulaire .form-confirmation {text-align: center; font-family: 'biotif-semibold'; font-size: 18px;}

.promotion-single .autres-promotions {position: relative; padding: 60px 0 20px 0;}
.promotion-single .autres-promotions h3 {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'biotif-semibold';
    margin: 0 0 40px 0;
	color: rgba(41, 41, 41, 0.66);
}
.promotion-single .autres-promotions .cell.promo {margin-bottom: 40px;}
.promotion-single .autres-promotions  .thumb {display: block; max-width: 320px; margin: 0 auto 15px auto;}
.promotion-single .autres-promotions h2 { font-size: 20px; font-family: 'biotif-black'; line-height: 1.3; margin: 0;}
.promotion-single .autres-promotions h2 .year{
    color: rgba(41,41,41,0.6);
    font-size: 13px;
    font-family: 'biotif-semibold';
    position: relative;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
    vertical-align: super;
    margin: 0 0 0 5px;
}
.promotion-single .autres-promotions .apartir {display:block; font-size:15px; color: rgba(41, 41, 41, 0.66); font-family: 'biotif-regular';}
.promotion-single .autres-promotions .prix {
    display: block;
    font-size: 40px;
    font-family: 'biotif-black';
    position: relative;
    line-height: 1;
}
.promotion-single .autres-promotions .prix sup {
    font-family: 'biotif-semibold';
    font-size: 16px;
    top: -3px;
    margin-left: 3px;
    vertical-align: super;
}
.promotion-single .autres-promotions .prix .semaine {
    font-family: 'biotif-semibold';
    font-size: 16px;
    display: inline-block;
    position: relative;
    left: -22px;
}
.promotion-single .autres-promotions .thematique {
    color: rgba(41,41,41,0.6);
    font-size: 12px;
	text-transform: uppercase;
    font-family: 'biotif-semibold';
    position: relative;
    background: #F8F7F6;
    border-radius: 30px;
    line-height: 20px;
    text-align: center;
    padding: 0 11px;
	margin: 10px 0 5px 0;
	display: inline-block;
}
.promotion-single .autres-promotions .location { display: block; margin: 5px 0 15px; font-family: 'biotif-regular'; font-size:15px; }

.promotion-single .details .kilo {display:block; font-size:15px;}
.promotion-single .details .kilo:last-of-type { margin-bottom: 10px;}
.promotion-single .details p{ font-size:15px;}


/***** CARFAX *****/

.rapport-carfax { padding: 60px 0;}
.rapport-carfax h1{ font-size: 45px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 40px 0; letter-spacing: -0.02em;}
.rapport-carfax .formulaire {}
.rapport-carfax .formulaire .grid-container { max-width:760px; }
.rapport-carfax .formulaire h2 {font-family: 'biotif-black'; font-size: 25px; padding-bottom: 30px; letter-spacing: -0.02em; margin: 0 0 30px 0; text-align: center;}
.rapport-carfax .formulaire h3 {
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'biotif-semibold';
    margin: 0 0 5px 0;
}

.rapport-carfax .formulaire .field-wrap {
    background: #FFF;
    border: 1px solid rgba(41, 41, 41, 0.15);
    border-top:0;
    padding: 7px 10px 3px 10px;
    margin: 0 0 20px; display: block;
}
.rapport-carfax .formulaire form .field-wrap:first-of-type { border-top:1px solid rgba(41, 41, 41, 0.15);}
.rapport-carfax .formulaire .field-wrap .f-label {
    font-size: 15px;
    font-family: 'biotif-semibold';
    display: block;
    margin-bottom: 5px;
}
.rapport-carfax .formulaire .field-wrap input, .promotion-single .formulaire  .field-wrap textarea {
    border: 0;
    margin: 0;
    box-shadow: none;
    padding: 0;
    height: 27px;
    font-size: 15px;
}
.rapport-carfax .formulaire .submit-wrap { display: block; margin: 0; text-align: center;}

.rapport-carfax .formulaire .grid-x .cell.medium-6:first-of-type .field-wrap { border-right: 0;}

.rapport-carfax .formulaire .form-confirmation {text-align: center; font-family: 'biotif-semibold'; font-size: 18px;}


/***** VIDÉOS *****/

.site .videos { padding: 60px 0;}
.videos h1{ font-size: 45px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 40px 0; letter-spacing: -0.02em;}
.videos .large-4 {margin-bottom:50px;}
.videos .video {
    display: block;
    background: #FFF;
    position: relative;
    overflow: hidden;
	background-size: cover;
	background-position:center;
	padding-top: 50%;
}
.videos h3 { text-align: center; font-size:20px; font-family: 'biotif-black';  letter-spacing: -0.02em; line-height: 1; margin: 20px 0 0 0;} 


/***** NOUVELLES *****/

.nouvelles { padding:50px 0 100px 0;}
.nouvelles h1{ font-size: 45px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 10px 0; letter-spacing: -0.02em;}
.nouvelles #menu-nouvelles { display: block; list-style: none; margin: 0 -10px; padding: 0; text-align:left;}
.nouvelles #menu-nouvelles li{ padding: 0 10px; margin: 5px 0; display: inline-block;}
.nouvelles #menu-nouvelles li a { color:rgba(41,41,41,0.6); padding: 2px 0; display: block; font-size: 17px; font-family: 'biotif-semibold'; position: relative;}
.nouvelles #menu-nouvelles li a::after { 
    content:''; display: block; 
    width: 100%; height:2px; 
    margin-top: 2px;
    -webkit-transform:scaleX(0); 
    transform:scaleX(0);
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
.nouvelles #menu-nouvelles li a:hover, .nouvelles #menu-nouvelles li.current-menu-item a {color:rgba(41,41,41,1);}
.nouvelles #menu-nouvelles li a:hover::after, .nouvelles #menu-nouvelles li.current-menu-item a::after{-webkit-transform:scaleX(1); transform:scaleX(1);}
.nouvelles h3 { text-transform: uppercase; font-family: 'biotif-semibold'; font-size:15px; letter-spacing: 0.08em; color:rgba(41, 41, 41, 0.66); margin: 80px 0 30px 0; }

.nouvelles .article  {margin-bottom:40px;}
.nouvelles .article .date_article { color:rgba(41, 41, 41, 0.66); display:block; font-size:15px; margin: 10px 0 0 0;}
.nouvelles .article h2 {font-family: 'biotif-black'; font-size:20px; margin: 0; line-height:1.1}
.nouvelles .article p { font-size:17px; line-height: 1.6; margin: 0 0 10px 0;}
.nouvelles .article.temoignage h2{ margin: 0 0 10px 0; }

.archive .nouvelles #menu-nouvelles {margin: 0 -10px 50px -10px;}


.navigation.pagination {margin: 0; text-align: center; width:100%;}
.navigation.pagination h2 { display:none;}
.navigation.pagination .nav-links{display:inline-block;}
.navigation.pagination .nav-links .page-numbers {
    display:inline-block; 
    font-size: 17px; 
    font-family: 'biotif-semibold'; 
    color:#292929;
    padding: 0;
    text-align: center; 
    line-height: 32px;
    width:32px; height:32px; 
    border-radius: 50%;
}
.navigation.pagination .nav-links .page-numbers.current { color: #FFF; cursor: default; }
.navigation.pagination .nav-links .page-numbers.next, .navigation.pagination .nav-links .page-numbers.prev{
    display: inline-block;
    background: #F8F7F6;
    border-radius: 40px;
    line-height: 40px;
    font-family: 'biotif-semibold';
    font-size: 17px;
    padding: 0 30px;
    cursor: pointer;
    width:auto; height:auto;
}
.navigation.pagination .nav-links .page-numbers.next { margin-left: 5px;}
.navigation.pagination .nav-links .page-numbers.prev { margin-right: 5px;}
.navigation.pagination .nav-links .page-numbers.next i {font-size: 11px; margin-left: 5px; }
.navigation.pagination .nav-links .page-numbers.prev i {font-size: 11px; margin-right: 5px; }


.nouvelle { padding:50px 0 100px 0;}
.nouvelle .nav-retour {text-transform: uppercase; font-family: 'biotif-semibold'; display: inline-block; margin-bottom: 5px;}
.nouvelle .nav-retour i { font-size:11px; margin-right:5px; vertical-align: 2px;}
.nouvelle .nav-retour:hover {color:#292929;}
.nouvelle h1{ font-size: 45px; font-family: 'biotif-black'; line-height: 1.2; margin: 0 0 50px 0; letter-spacing: -0.02em;}
.nouvelle .article-side {position:relative;}
.nouvelle .article-side .publie{ display:block; font-size:17px;}
.nouvelle .article-side .publie::before { content:''; width:100%; height:1px; background: rgba(41, 41, 41, 0.15); display:block; margin: 0 0 20px 0;}
.nouvelle .article-side .publie strong {display:block; color: rgba(41,41,41,0.6); font-family: 'biotif-semibold';}
.nouvelle .article-side .tags { position:absolute; bottom:0; display:block; margin: 0; list-style: none; padding: 0; width: auto; left: 20px; right: 20px;}
.nouvelle .article-side .tags::after { content:''; width:100%; height:1px; display:block; background: rgba(41, 41, 41, 0.15); margin: 20px 0 0 0;}
.nouvelle .article-side .tags li {display:inline-block; padding: 0; margin: 10px 0 0 0;}
.nouvelle .article-side .tags li a { display:inline-block; padding:5px 15px; background: #F8F7F6; border-radius: 40px; font-size: 15px; font-family: 'biotif-semibold';}
.nouvelle .content {margin-top:50px;}
.nouvelle .content p { font-size:20px; line-height:1.6; margin-bottom: 20px;}
.nouvelle .content h2, .nouvelle .content h3 {font-family: 'biotif-semibold'; margin: 50px 0 20px 0; font-size: 22px;}
.nouvelle .content h4 {font-family: 'biotif-semibold'; margin: 30px 0 10px 0; font-size: 20px;}


/***** SERVICES ******/

.page-services {padding: 60px 0;}
.page-services .grid-container { max-width:1000px;}
.page-services .texte-haut {margin-bottom:40px;}
.page-services .texte-haut h1 {
    font-size: 45px;
    font-family: 'biotif-black';
    line-height: 1.4;
    margin: 0;
    letter-spacing: -0.02em;
}
.page-services .texte-haut p { font-size:17px; line-height: 1.8;}

#form_service_apres_vente section {
	max-width: 960px; 
	margin:0 auto 20px auto; 
	padding:44px 50px; 
	background: #FFF; 
	border: 1px dashed rgba(41, 41, 41, 0.15);
	overflow: hidden;
	max-height:120px;
	-webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
#form_service_apres_vente section.vehicule { overflow: visible; }

#form_service_apres_vente section h2 {
	position:relative; 
	font-size: 25px; 
	font-family: 'biotif-black';
	padding-left:22px;
	color:rgba(41, 41, 41, 0.5);
	letter-spacing: -0.02em;
	-webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
	z-index: 1;
	margin:0;
}
#form_service_apres_vente section h2 span{ color:rgba(41, 41, 41, 0.5); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#form_service_apres_vente section h2::before { 
	content:'';
	width:60px;
	height:60px;
	background: #F8F7F6;
	border-radius:50%;
	position:absolute;
	left: 0;
	top: -14px;
    z-index: -1;
	-webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
#form_service_apres_vente section.open { background:#F8F7F6; border: 1px solid #F8F7F6; max-height: 3100px; }
#form_service_apres_vente section.open h2{ color:rgba(41, 41, 41, 1);}
#form_service_apres_vente section.open h2::before{ background: #FFF;}

#form_service_apres_vente .field-wrap {
    background: #FFF;
    border: 1px solid rgba(41, 41, 41, 0.15);
    border-right:0;
    padding: 5px 10px 3px 10px;
    margin: 0 0 20px;
    display: block;
}
#form_service_apres_vente .rejoindre .cell:nth-child(4) .field-wrap {  border-right: 1px solid rgba(41, 41, 41, 0.15); }
#form_service_apres_vente .field-wrap .f-label {
    font-size: 15px;
    font-family: 'biotif-semibold';
    display: block;
    margin-bottom: 2px;
}
#form_service_apres_vente .field-wrap input {
    border: 0;
    margin: 0;
    box-shadow: none;
    padding: 0;
    height: 26px;
    font-size: 17px;
}
#form_service_apres_vente .content {padding: 60px 50px 0 50px;}

#form_service_apres_vente .SumoSelect > .CaptionCont {
    position: relative;
    min-height: 60px;
    background-color: #fff;
    border-radius: 0;
    margin: 0;
    border: 1px solid rgba(41, 41, 41, 0.15);
    padding: 30px 35px 0 10px;
}

#form_service_apres_vente .SumoSelect > .CaptionCont::before {
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 15px;
    font-family: 'biotif-semibold';
}
#form_service_apres_vente .SumoSelect > .optWrapper { top: 60px; }
#form_service_apres_vente .SumoSelect.open > .optWrapper { top: 60px; display: block;}
#form_service_apres_vente .content .grid-x .cell:nth-child(2) .SumoSelect > .CaptionCont{  border-left: 0; border-right: 0;}

#form_service_apres_vente .SumoSelect > .optWrapper > .options { border: 1px solid rgba(41, 41, 41, 0.15); border-top: 0; max-height: 352px;}
#form_service_apres_vente .SumoSelect > .optWrapper > .options li.opt {  padding: 6px 10px;}
#form_service_apres_vente .SumoSelect > .CaptionCont > span.placeholder { color: rgba(41, 41, 41, 0.5); }

#form_service_apres_vente input::-webkit-input-placeholder { color: rgba(41, 41, 41, 0.5);}
#form_service_apres_vente input::-moz-placeholder { color: rgba(41, 41, 41, 0.5);}
#form_service_apres_vente input:-ms-input-placeholder { color: rgba(41, 41, 41, 0.5);}
#form_service_apres_vente input:-moz-placeholder { color: rgba(41, 41, 41, 0.5);}

#form_service_apres_vente .SumoSelect > .optWrapper > .options li.opt.disabled {display:none;}

#form_service_apres_vente .content .continuer{ margin-top:20px;}
#form_service_apres_vente .content .wrap-1 {display:block; position:relative;}
#form_service_apres_vente .content .wrap-2 {display:none;}

#form_service_apres_vente .content.saved .wrap-1 {display:none;}
#form_service_apres_vente .content.saved .wrap-2 {display:block;}

#form_service_apres_vente .wrap-2 {position:relative;}
#form_service_apres_vente .wrap-2 span { display:block;}
#form_service_apres_vente .wrap-2 span.titre { font-size: 15px; color: rgba(41, 41, 41, 0.66); letter-spacing: 0.02em; font-family: 'biotif-semibold'; margin-bottom: 5px;}
#form_service_apres_vente .wrap-2 span.valeur { font-size: 17px; color: #292929; }
#form_service_apres_vente .wrap-2 .cta.modifier { background:#FFF; position:absolute; right: -45px; top: -100px; z-index: 5;}

#form_service_apres_vente .wrap-2 .choix {
    position: relative;
    color: #292929;
    font-size: 17px;
    margin: 0 0 20px 0;
    padding: 0 20px 0 35px;
    display: block;
    line-height: 1.4;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#form_service_apres_vente .wrap-2 .choix span {
    display: block;
    font-size: 15px;
    color: rgba(41, 41, 41, 0.5);
}

#form_service_apres_vente .wrap-2 .choix span b {
    font-weight: normal;
    font-family: 'biotif-regular';
    color: #292929;
}

#form_service_apres_vente .wrap-2 .choix::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    display: block;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: url(assets/images/coche.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

#form_service_apres_vente .checkbox-wrap {display: block; position:relative;}
#form_service_apres_vente .checkbox-wrap .nav-aide {
	position:absolute;
	top:-5px; right:-5px;
	width:30px; height:30px;
	background:#FFF;
	border-radius:50%;
	border: 1px solid rgba(41, 41, 41, 0.15);
	text-align: center; 
	font-size: 17px;
	line-height: 27px;
	font-family: 'biotif-semibold';
}
#form_service_apres_vente .checkbox-wrap .aide-content{ visibility: hidden; height:0; overflow: hidden;}

#form_service_apres_vente .checkbox-wrap [type="checkbox"]:not(:checked), #form_service_apres_vente .checkbox-wrap [type="checkbox"]:checked, #form_service_apres_vente .checkbox-wrap [type="radio"]:not(:checked), #form_service_apres_vente .checkbox-wrap [type="radio"]:checked { 
	position: absolute;
	left: -9999px;
}
#form_service_apres_vente .checkbox-wrap label {
    background:#FFF;
	position:relative;
	border: 1px rgba(41, 41, 41, 0.15) solid;
	color:#292929;
    font-size:17px;
    margin: 0 0 20px 0;
    padding: 15px 20px 15px 55px;
    display: block;
	line-height:1.4;
	-webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
#form_service_apres_vente .checkbox-wrap label span { display:block; font-size:15px; color: rgba(41, 41, 41, 0.5);}
#form_service_apres_vente .checkbox-wrap label span b { font-weight: normal; font-family: 'biotif-regular'; color:#292929;}
#form_service_apres_vente .checkbox-wrap [type="checkbox"]:not(:checked) + label:before, #form_service_apres_vente .checkbox-wrap [type="checkbox"]:checked + label:before, #form_service_apres_vente .checkbox-wrap [type="radio"]:not(:checked) + label:before, #form_service_apres_vente .checkbox-wrap [type="radio"]:checked + label:before {
    content: '';
	position: absolute;
    left: 20px;
    top: 16px;
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: url(assets/images/inactif.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
#form_service_apres_vente .checkbox-wrap [type="checkbox"]:not(:checked) + label:after, #form_service_apres_vente .checkbox-wrap [type="checkbox"]:checked + label:after, #form_service_apres_vente .checkbox-wrap [type="radio"]:not(:checked) + label:after, #form_service_apres_vente .checkbox-wrap [type="radio"]:checked + label:after {
    content: '';
	position: absolute;
    left: 20px;
    top: 16px;
    width: 20px;
    height: 20px;
	display:none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: url(assets/images/coche.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
#form_service_apres_vente .checkbox-wrap [type="checkbox"]:checked + label:before, #form_service_apres_vente .checkbox-wrap [type="radio"]:checked + label:before {
	display:none;
}
#form_service_apres_vente .checkbox-wrap [type="checkbox"]:checked + label:after, #form_service_apres_vente .checkbox-wrap [type="radio"]:checked + label:after {
	display:block;
}

#form_service_apres_vente h4 {
    font-family: 'biotif-semibold';
    letter-spacing: 0.08em;
    font-size: 15px;
    color: rgba(41,41,41,0.6);
    margin: 20px 0;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#form_service_apres_vente .field-wrap.autres {margin-top:20px;}
section.entretien .grid-padding-x, section.esthetiques .grid-padding-x, section.confirmation .grid-padding-x {margin: 0 -10px;}
section.entretien .grid-padding-x > .cell, section.esthetiques .grid-padding-x > .cell, section.confirmation .grid-padding-x > .cell{ padding-right: 10px; padding-left: 10px;}

#form_service_apres_vente section.confirmation .pendant-service.grid-padding-x {margin: 0 -10px;}
#form_service_apres_vente section.confirmation .pendant-service.grid-padding-x > .cell { padding-right: 10px; padding-left: 10px;}
#form_service_apres_vente section.confirmation .pendant-service .checkbox-wrap label {min-height:78px;}

#form_service_apres_vente section.confirmation .date-heure h4 { margin-bottom: 0;}
#form_service_apres_vente section.confirmation .date-heure span.note {display:block; margin-bottom:10px; color: rgba(41, 41, 41, 0.66); }

#form_service_apres_vente section.confirmation .rejoindre .medium-4:nth-child(3) .field-wrap{border-left:0; border-right:0;}
#form_service_apres_vente section.confirmation .rejoindre #submit_rdv { margin-top:20px;}


.page-services .modele-image-full {text-align: center; margin-bottom: 50px;}
.page-services .modele-image-full .grid-container, .page-services .modele-2promo .grid-container { max-width: 1190px;}
.page-services .modele-2promo {position: relative; margin: 40px 0 20px 0;}
.page-services .modele-2promo .cell {margin-bottom: 40px;}



.service-modal { 
	position:fixed; 
	width:100%; 
	height:100%;
	top:0; left: 0;
	z-index: 9999999;
	visibility: hidden; 
	opacity:0;
	padding: 20px;
	display: -webkit-box; 
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
	background:rgba(248,247,246,0.9); 
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

 .service-modal .box { 
	display:block;
	width: 100%x;
	max-width:640px;
	position:relative;
	background: #FFF;
	opacity: 0;
	padding:30px;
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
}
.service-modal .box .titre-wrap {
	position:relative; display:block; font-size:15px;
	padding:0 70px 25px 0; margin-bottom: 30px; 
	border-bottom: 1px solid rgba(41, 41, 41, 0.15);
}
.service-modal .box .titre-wrap h3{ color:#292929; text-transform: uppercase; letter-spacing: 0.08em; font-family: 'biotif-semibold'; font-size:15px; margin: 0 0 5px;}
.service-modal .box .titre-wrap .aPartir { color:rgba(41, 41, 41, 0.66); display:block; letter-spacing: 0.08em;}
.service-modal .box .titre-wrap .aPartir .prix {color:#292929; font-family: 'biotif-regular';}
.service-modal .box .titre-wrap .nav-close { 
	position:absolute; 
	right:0; top:1px;
	width:40px; height:40px; 
	font-size: 16px; 
	background: #F8F7F6;
	border-radius: 50%;
	text-align: center; 
	line-height: 43px;
}
.service-modal .box .content {display:block;}
.service-modal .box .content p {font-size:17px; line-height: 1.8;}
.service-modal .box .nav-wrap { display: block; text-align: center; margin-top: 20px;}
    
.service-open .service-modal { opacity:1; visibility: visible; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.service-open .service-modal .box { opacity: 1; -webkit-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s;}

body.service-open {overflow: hidden;}


/***** NOUS JOINDRE *****/

.nous-joindre .top{ position:relative; padding-top: 60px;}
.nous-joindre .top::after {content:''; position:absolute; top:0; right:0; width:50%; height:100%; z-index: -1; background: #F8F7F6;}
.nous-joindre .top h1 { font-size: 45px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 50px 0; letter-spacing: -0.02em;}
.nous-joindre .top .social{ text-align: center;  display: block; padding: 60px 0 30px 0;}
.nous-joindre .top .social a {display: inline-block; font-size: 17px; color:#292929; margin: 0 2% 20px 2%; font-family: 'biotif-semibold'; }
.nous-joindre .top .social a .icone {
	display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #292929;
    background: #F8F7F6;
    border-radius: 50%;
    font-size: 18px;
    margin: 0 10px 0 0;
}
.nous-joindre .top .social.mobile {display:none;}
.nous-joindre .top .infos {display:block; padding: 30px 0 30px 40px;}
.nous-joindre .top .infos::after {content:""; clear:both; display:block;}
.nous-joindre .top .infos p{font-size:17px; line-height: 1.8; margin: 0; float:left;}
.nous-joindre .top .infos .itineraire.cta {float:right; margin-top:25px; background: #FFF; }

.nous-joindre .informations { padding: 60px 0; text-align: center; font-size:17px;}
.nous-joindre .informations h3 {text-align: center; letter-spacing: 0.08em; text-transform: uppercase; font-size:15px; font-family: 'biotif-semibold'; margin: 0 0 20px 0;}
.nous-joindre .informations .tel-wrap {display: inline-block; margin: 8px;}
.nous-joindre .informations .sous-titre { font-size:15px; color:rgba(41, 41, 41, 0.66); display: block; margin-bottom: 5px;}
.nous-joindre .informations .heures-wrap { display: block; margin: 10px 0 20px 0; line-height: 1.6;}
.nous-joindre .informations .cta {background: #F8F7F6;}
.nous-joindre .informations .cell {border-right: 1px solid rgba(41, 41, 41, 0.15);}
.nous-joindre .informations .cell:last-of-type { border:0;}

.nous-joindre .demande-infos {padding:60px 0; background: #F8F7F6;}
.nous-joindre .demande-infos .grid-container {max-width:748px;}
.nous-joindre .demande-infos h3 {text-align: center; letter-spacing: 0.08em; text-transform: uppercase; font-size:15px; font-family: 'biotif-semibold'; margin: 0 0 30px 0;}
.nous-joindre .demande-infos .field-wrap {background: #FFF; border: 1px solid rgba(41, 41, 41, 0.15); padding: 7px 10px 3px 10px; margin: 0 0 20px 0;}
.nous-joindre .demande-infos .field-wrap .f-label {font-size:15px; font-family: 'biotif-semibold'; display:block; margin-bottom: 5px;}
.nous-joindre .demande-infos .grid-x .cell:first-of-type .field-wrap { border-right:0; }

.nous-joindre .demande-infos .field-wrap input, .nous-joindre .demande-infos .field-wrap textarea {
    border: 0;
    margin: 0;
    box-shadow: none;
    padding: 0;
    height:27px;
    font-size: 15px;
}
.nous-joindre .demande-infos .field-wrap textarea { height:120px;}
.SumoSelect.sumo_services > .CaptionCont::before  { content:"Votre demande concerne..."; font-size: 15px; left: 10px; top: 7px;}
.SumoSelect.sumo_services > .CaptionCont {
    position: relative;
    min-height: 66px;
    background-color: #fff;
    border-radius: 0;
    margin: 0;
    border: 1px solid rgba(41, 41, 41, 0.15);
    padding: 34px 35px 0 10px;
}

.SumoSelect.sumo_services > .optWrapper {top: 66px;}
.SumoSelect.sumo_services > .optWrapper > .options li {padding: 6px 10px;}
.SumoSelect.sumo_services > .optWrapper > .options li label {font-size: 15px;}

.wpcf7 .wpcf7-form-control-wrap.services { margin-bottom: 20px;}
.nous-joindre .demande-infos .grid-x .medium-4:last-of-type .field-wrap { border-left:0; }

.nous-joindre .demande-infos input[type=submit]{
	display: inline-block;
    font-size: 17px;
    color: #FFF;
    padding: 10px 30px;
    line-height: 1.2;
    text-align: center;
    border: 0;
	cursor: pointer;
    border-radius: 40px;
    background: #ED1C24;
    font-family: 'biotif-semibold';
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.wpcf7 .wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
    display: block;
}
.wpcf7 span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 12px;
    font-weight: normal;
    display: block;
    position: absolute;
    width: 100%;
    margin-top: 4px;
}

.nous-joindre .equipe { padding: 100px 0;}
.nous-joindre .equipe h2 { font-size: 25px; font-family: 'biotif-black'; line-height: 1.4; margin: 0 0 15px 0; letter-spacing: -0.02em; text-align: center;}

.nous-joindre .equipe .filtre-departement { display: block; list-style: none; margin: 0 0 50px 0; padding: 0; text-align: center;}
.nous-joindre .equipe .filtre-departement li{ padding: 0 10px; margin: 5px 0; display: inline-block;}
.nous-joindre .equipe .filtre-departement li a { 
	color:rgba(41,41,41,0.6); padding: 2px 0; 
	display: block; font-size: 17px; 
	font-family: 'biotif-semibold'; 
	position: relative;
}
.nous-joindre .equipe .filtre-departement li a::after { 
    content:''; display: block; 
    width: 100%; height:2px; 
    margin-top: 2px;
    -webkit-transform:scaleX(0); 
    transform:scaleX(0);
    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
.nous-joindre .equipe .filtre-departement li a:hover, .nous-joindre .equipe .filtre-departement li a.current {color:rgba(41,41,41,1);}
.nous-joindre .equipe .filtre-departement li a:hover::after, .nous-joindre .equipe .filtre-departement li a.current::after{-webkit-transform:scaleX(1); transform:scaleX(1);}

.nous-joindre .equipe .employe { margin-bottom: 40px; font-size: 15px; }
.nous-joindre .equipe .employe .nom { font-family: 'biotif-semibold'; display:block; font-size: 17px;}
.nous-joindre .equipe .employe p {margin-bottom: 10px; font-size: 15px;}
.nous-joindre .equipe .employe .poste {display:block;  color: rgba(41, 41, 41, 0.66); max-width:220px;}
.nous-joindre .equipe .employe .departement {display:block; }
.nous-joindre .equipe .employe .tel {display:block; }
.nous-joindre .equipe .employe a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nous-joindre .equipe .employe a:hover { text-decoration: underline;}


.nous-joindre .demande-infos .SumoSelect > .CaptionCont > span {font-size: 15px;}


/***** GALERIE *****/

.lg-outer {z-index:2001;}
.lg-backdrop {z-index:2000;}
.lg-outer .lg-thumb {margin:0 auto;}
.lg-outer .lg-thumb-item {border-radius:0;}


/**** Footer ****/

.sub-footer { position: relative; z-index: 1201; margin-bottom: -35px;}
.sub-footer .social{ text-align: center; background: #292929; display: block; padding: 20px 15px 0 15px;}
.sub-footer .social a {display: inline-block; font-size: 17px; color:#FFF; margin: 0 20px 20px 20px; font-family: 'biotif-semibold';}
.sub-footer .social a .icone {
	display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #292929;
    background: #FFF;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 10px 0 0;
}

.footer { background: #F8F7F6; padding: 75px 0 20px 0; font-family: 'biotif-regular'; font-size: 15px; margin:0; position:relative; z-index: 1200;}
.footer .grid-container:not(.full)>.grid-padding-x { margin-right: -40px; margin-left: -40px;}
.footer .grid-padding-x > .cell { padding-right: 40px; padding-left: 40px;}
.footer .cell { border-right:1px rgba(41,41,41,0.15) solid; margin-bottom:30px;}
.footer .cell:last-of-type {border:0;}
.footer h4 { font-family: 'biotif-semibold'; font-size:17px; color:#292929; margin: 0 0 20px 0; position: relative;}
.footer .horaire-footer h4 i{ color:#ED1C24; font-size:20px; margin-right:10px; vertical-align: -2px; }
.footer p {font-size: 15px; font-family: 'biotif-regular';}
.footer .horaire-footer p {padding-left:35px; font-size:16px;}
.footer .horaire-footer p b {font-family: 'biotif-semibold';}
.footer a:hover {text-decoration: underline;}
.footer .lien-service {margin: 0 0 1rem 0; display: block;}
.footer .footer-nav {list-style:none; margin:0;}
.footer .footer-nav li {font-size:15px;}

.footer .groupe-saillant {display:block; margin-bottom: 20px;}
.footer .groupe-saillant-ac {display:block;}


/**** MODAL ****/

.videoModal.reveal {
    max-width: 80%;
    margin: 0 auto;
    width:100%;
    overflow:visible;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    height: auto;
    min-height: auto;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.reveal-overlay {background-color: hsla(0,0%,4%,.8); z-index:999999;}
.close-reveal-modal {
    color: #FFF;
    position: absolute;
    right: 1px;
    top: -50px;
    padding: 0;
    height: 58px;
    font-size: 50px;
    line-height: 1;
    background: transparent;
    z-index: 999999;
    font-family: 'Arial';
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.close-reveal-modal:hover {color:#ed4150;}




/***** RESPONSIVE *****/


.vn-select { display:none;}
.vn-single .specs .car-specs tbody td, .vn-single .specs .car-specs tbody td span.check, .vn-single .specs .car-specs tbody td span.info {vertical-align: middle;}

.page404{ padding: 80px 0; text-align: center;}
.page-defaut { padding: 80px 0;}
.page404 h1, .page-defaut h1 {
    font-size: 45px;
    font-family: 'biotif-black';
    letter-spacing: -0.02em;
    line-height: 1;
	margin: 0 0 40px 0;
}

.vehicules-occasion .texte-haut { margin-bottom:40px;}
.vehicules-occasion .texte-haut h1 {font-size:30px;  margin: 0 0 30px;}
.vehicules-occasion .texte-haut .bg-showmore-plg-link { text-decoration: underline;}
.SumoSelect > .optWrapper {  z-index: 99999999; }
.SumoSelect > .CaptionCont > span{ color: rgba(41, 41, 41, 0.66); }
.vehicules-occasion .form-tablet { display:none;}
.vehicules-occasion .search-form .cta i { display:none;}
.vehicules-occasion .nav-filtrer { display:none;}


.filtrer-modal .box .titre-wrap { display: none;}
.vehicules-occasion .filtrer-modal .reset_form { display: none;}
.vehicules-occasion .filtrer-modal .reset_form.effacer { display: inline-block;}
.vehicules-occasion .filtrer-modal .continuer_form { display: none;}


@media screen and (max-width: 1200px) {
	
	.header #main-nav .menu-item-17, .header #main-nav .menu-item-21 {display:none;}
	.top-promotions .promo_1-3 .details { display:none;}

}

@media screen and (max-width: 1180px) {
    
    
	.infos-bar .info-horaire { 
		-webkit-box-flex: 0 0 260px;
		-webkit-flex: 0 0 260px;
		ms-flex: 0 0 260px;
		flex: 0 0 260px;
	}
    .infos-bar .info-adresse { 
		-webkit-box-flex: 0 0 290px;
		-webkit-flex: 0 0 290px;
		ms-flex: 0 0 290px;
		flex: 0 0 290px;
	}
	.home .modele-1promo .prix, .promotion-single .haut .prix { font-size: 80px;}
	.home .modele-1promo .prix .semaine, .promotion-single .haut .prix .semaine {left: -52px;}
	
	.meilleurs .meilleurs-wrap .cta { font-size: 15px; }
	
	.tax-categorie_promo .promotions .promo.vehicule-promo { display: block; text-align: center;}
	.tax-categorie_promo .promotions .promo.vehicule-promo .thumb { margin: 0;}
	
}

@media (min-width: 1024px) and (max-width: 1160px) {
	
	.vehicules-occasion .form .SumoSelect.custom-select.filtre-annee > .optWrapper .box {display: block; width: 100%; margin: 0 0 10px 0;}
	.vehicules-occasion .form .SumoSelect.custom-select.filtre-annee > .optWrapper .box:first-of-type { margin: 0 0 10px 0; }
	
}

@media (min-width: 1024px)  { 
    
    .infos-bar .info-adresse, .infos-bar .info-phone { padding:0 10px !important;}
    .infos-bar .info-horaire { padding-right:10px !important;}
    .infos-bar .info-service { padding-left:10px !important;}
    
} 


@media screen and (max-width: 1024px) {
	
    
    .header #main-nav .menu-item-17, .header #main-nav .menu-item-21, .header .nav-search {display:none;}
    .infos-bar .info-horaire{ 
		-webkit-box-flex: 0 0 230px;
		-webkit-flex: 0 0 230px;
		ms-flex: 0 0 230px;
		flex: 0 0 230px;
	}
    
    .vn-single .meilleurs .meilleurs-wrap .thumb { left: 20px; right: 20px; }
    .vn-single .meilleurs .meilleurs-wrap .infos {padding:0 20px;}
    

    .footer .menu-footer .mobile-padding{padding-left: 35px;}
  
   .header #main-nav {display:none;}
    
    /*body { margin-top: 80px;}	 
	#responsive-menu-pro-container #responsive-menu-pro-wrapper{ padding-top:90px;}
	body #responsive-menu-pro-header {z-index:999999;}
	#responsive-menu-pro-header-bar-button #responsive-menu-pro-button {z-index:9999999;}
	#responsive-menu-pro-header-bar-button .responsive-menu-pro-box { margin-top: -2px; }*/
    
}

@media screen and (max-width: 1023px) {
    

    .infos-bar .info-service.shrink {width:100%; text-align: center; margin-top: 10px;}
    
	.top-promotions {display:none;}
	
	
    .home .modele-1promo h2 { font-size: 50px; }
    .home .modele-1promo .prix, .promotion-single .haut .prix { font-size: 75px;}
    .home .modele-1promo .prix sup { font-size: 40px;}
    .home .modele-1promo .prix .semaine {left: -45px;}
    
    
    .filtre-gofix .infos-bar {margin-bottom: 110px;}
    
    .nouvelle .article-side .tags {position:relative; left:auto; right:auto;}
    
	
	.vn-single .meilleurs-slider .slick-list { overflow: visible !important; margin-right: 60px; }
    
    .vo-single .slider-thumbs {margin: 0 -5px;}
    .vo-single .specs-form {min-height: auto; margin-top: 40px;}
    .vo-single .form-wrap {height: auto;}
	

    
	.promotion-single .autres-promotions .cell.promo { text-align: center;}
	.promotion-single .desc-details h4 { padding-top: 0; margin: 40px 0 20px 0; }
	
	
	.page-services { padding: 40px;}
    #form_service_apres_vente .field-wrap { border-right: 1px solid rgba(41, 41, 41, 0.15) !important; }
	#form_service_apres_vente .content .grid-x .cell:nth-child(2) .SumoSelect > .CaptionCont { 
		border-left: 1px solid rgba(41, 41, 41, 0.15); 
		border-right: 1px solid rgba(41, 41, 41, 0.15);
	}
	#form_service_apres_vente .content .wrap-1 .SumoSelect > .CaptionCont{ border-top:0;}
	#form_service_apres_vente .content .wrap-1 .grid-x .cell:nth-child(1) .SumoSelect > .CaptionCont {  border-top: 1px solid rgba(41, 41, 41, 0.15); }
	#form_service_apres_vente .vehicule .wrap-1 .field-wrap { border-top:0; }
	#form_service_apres_vente section.confirmation .pendant-service .checkbox-wrap label { min-height: 55px;}
	
	
    .nous-joindre .top {text-align: center;}
    .nous-joindre .top::after { display: none; content:''; position:absolute; top:50%; right:0; width:100%; height:50%; z-index: -1; background: #F8F7F6;}
    .nous-joindre .top .social { display: none; padding: 0 15px 30px 15px;}
    .nous-joindre .top .social.mobile {display: block;}
    .nous-joindre .top .mobile-back {position:relative; padding-top:20px;}
    .nous-joindre .top .mobile-back::after {content:''; position:absolute; top:0; left:-20px; width: calc(100% + 40px); height:100%; z-index: -1; background: #F8F7F6;}
    .nous-joindre .top .infos {text-align: left; max-width: 580px; margin: 0 auto; padding: 30px 0;}
    
    .nous-joindre .informations .cell:nth-child(1)::after,  .nous-joindre .informations .cell:nth-child(2)::after { 
        content:''; 
        display: block;
        margin-top: 40px; 
        height:1px; 
        width: calc(100% + 20px);
        background:  rgba(41, 41, 41, 0.15);
    } 
    .nous-joindre .informations .cell:nth-child(2)::after { position: relative; left:-20px; }
    .nous-joindre .informations .cell:nth-child(2) { border-right:0;}
    .nous-joindre .informations .cell:nth-child(3), .nous-joindre .informations .cell:nth-child(4) { padding-top: 40px;}
	
	
	.hide-tablet { display:none !important;}
	
	.vehicules-occasion .form #reset_form { margin-bottom: 30px;}
    .vehicules-occasion .form-tablet { display:block; }
	
	
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
	
	.vehicules-occasion  #used_cars_form::after { content:''; display:block; clear: both;}
	.vehicules-occasion .form .SumoSelect { float: left; width:50%; }
	.vehicules-occasion .form .SumoSelect.filtre-prix {border-bottom:1px rgba(64, 64, 64, 0.15) solid;}
    
    .vehicules-occasion .form-tablet { display:block; margin-bottom: 60px;}
    .vehicules-occasion .vo-container .total_used_cars {   margin-top: 12px;}
    
}

@media screen and (max-width: 980px) {
	
    .header #main-nav {display:none;}


}


@media screen and (max-width: 768px) {
	
    .recherche-occasion { padding: 80px 0; }
    .raisons { padding: 80px 0; text-align: center;}
    .raisons h2 {margin: 0 0 80px 0;}
    .home-content { padding: 0 0 80px 0;}
    .raisons .slider-wrapper .slick-list { overflow: hidden;}
    .raisons .slider-wrapper .slide {text-align: center;}
    .raisons .slider-wrapper h3 { padding-left:0;}
    .raisons .slider-wrapper p { padding-left: 0;}
    .raisons .slider-wrapper .num{position: relative; left: auto; top:auto; margin: 0 auto 20px auto }
    .raisons .slider-wrapper .custom-nav { position: absolute; top: 15px; width: 100%; right: 0; z-index: 10;}
    .raisons .slider-wrapper .custom-nav .custom-prev {position: absolute; left:0;}
    .raisons .slider-wrapper .custom-nav .custom-next {position: absolute; right:0;}
	
	#form_service_apres_vente .content { padding: 60px 0 0 0;}
	#form_service_apres_vente .wrap-2 .cta.modifier { right: 0; top: -94px;}


}

@media screen and (min-width: 640px) and (max-width: 767px) {
	
	.home .modele-1promo .prix, .promotion-single .haut .prix { font-size: 56px;}
	.home .modele-1promo .prix sup, .promotion-single .haut .prix sup { top: -2px; font-size: 28px;}
	.home .modele-1promo .prix .semaine, .promotion-single .haut .prix .semaine { left: -31px;}
	
}


@media screen and (max-width: 639px) {
    .site { padding-top: 90px;}
    .header {height:90px;}
    .header .nav-side-menu { padding: 0; width:40px; height:40px; text-align: center;}
    .header .nav-side-menu .icon-menu {margin:0; vertical-align: 0;}
    .header .nav-side-menu span {display:none;}
    
    .home .modele-1promo::after, .promotion-single .haut::after {display:none;}
    
    .home .modele-1promo { padding: 40px 0; margin: 0;}
    .home .modele-1promo h2 { font-size: 36px; margin: 20px 0 10px 0;}
    .home .modele-1promo .prix { font-size: 65px;}
    .home .modele-1promo .prix sup { font-size: 30px; top: -2px;}
    .home .modele-1promo .prix .semaine {left: -35px;}
	.home .modele-1promo img, .promotion-single .haut img { max-width: 320px; width:100%; margin: 0 auto; display: block;}

    .home .modele-2promo, .home .modele-4promo {margin: 0;}
    .home .modele-2promo h2, .home .modele-4promo h2 { margin: 0 0 10px 0; font-size:17px;}
	.home .modele-2promo .prix .semaine, .home .modele-4promo .prix .semaine { font-size: 16px; left: -22px;}
	.home .modele-2promo .prix, .home .modele-4promo .prix { font-size: 40px;}
	.home .modele-2promo .prix sup, .home .modele-4promo .prix sup { font-size: 16px; top: -6px; margin-left: 3px;}
	.home .modele-2promo a.details, .home .modele-4promo a.details {font-size: 15px;}
    .home .modele-2promo img, .home .modele-4promo img { margin: 0 auto; display: block;}
    
    .page-services .modele-image-full {margin-bottom: 40px;}
    .page-services .modele-2promo {margin: 0;}

    .recherche-occasion { padding: 40px 0;}
    .recherche-occasion h2 {font-size:30px;}
    .recherche-occasion h4 { font-size: 13px; }
    #marque-modele .SumoSelect { border: 1px rgba(41,41,41,0.15) solid; border-bottom: 0;}
    #marque-modele .SumoSelect.sumo_modele {border: 1px rgba(41,41,41,0.15) solid; }
    
    .raisons {padding: 40px 0;}
    .raisons h4 {font-size:13px;}
    .raisons h2 {font-size:25px; margin: 0 0 30px 0;}
    
    .raisons .slider-wrapper h3 {font-size:20px;}
    .raisons .slider-wrapper p { font-size:15px;}
    
    .home-content .page-description h1 { font-size: 24px; text-align: center;}
    .home-content .page-description p {font-size:15px; text-align: justify;}
    .home-content a.suite { font-size:15px;}
	
    
    .top-promotions .promo_1-3 { margin-top:20px;}
    
    
	.filtre-gofix .infos-bar {margin-bottom: 40px;}
    .vehicules-neufs .cat-filtre .cell.large-8 {display:none;}
    .filtre-gofix .vehicules-neufs .cat-filtre {top: 90px;}
    
	.vehicules-neufs h1 {text-align: center; font-size:25px; margin: 40px 0 5px 0;}
	.vehicules-neufs .cat-filtre .filtre-cats {display: none;}
	.vehicules-neufs .cat-filtre .cell {text-align: center; }
	.liste-vn .cat-title h4 {
		  cursor: pointer; 
		  margin: 0; 
		  padding: 30px 0; 
		  border-top: 1px rgba(41,41,41,0.15) solid; 
		  -webkit-transition: all 0.3s ease; 
		  transition: all 0.3s ease;
	 }
     .liste-vn .cat-title h4 i {
        position: absolute; display: block;
        right:0; top:50%; font-size:12px;
        -webkit-transform:translateY(-50%) rotate(0deg) ;
        transform:translateY(-50%) rotate(0deg) ;
        -webkit-transform-origin: center;
        transform-origin: center;

     }

	.liste-vn .cat-title.open h4 i{ 
		-webkit-transform:translateY(-50%) rotate(-180deg);
		transform:translateY(-50%) rotate(-180deg); 
		-webkit-transform-origin: center;
		transform-origin: center;
	}
	.liste-vn .cat-wrap { 
		max-height: 0; 
		overflow: hidden; 
		padding:0;
		text-align: left;
		-webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), max-height 0.5s cubic-bezier(0, 1, 0, 1);
		transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), max-height 0.5s cubic-bezier(0, 1, 0, 1);
	}
	.liste-vn .cat-wrap.open { 
		max-height: 4000px; 
		-webkit-transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
		transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}
	
	.vehicules-neufs .liste-vn .car .thumb {
		display: block;
		max-width: 300px;
		margin: 0 auto 15px auto;
	}
    .vn-single {padding: 40px 0;}
	.vn-single h1 {font-size: 30px; margin: 0;}
	.vn-single .meilleurs { margin-top: 100px;}
	.vn-single .meilleurs .meilleurs-wrap {padding: 22% 0 40px 0;}
	.vn-single .meilleurs .meilleurs-wrap .meilleur-quoi { font-size: 12px; padding: 4px 15px;}
	.vn-single .meilleurs .meilleurs-wrap h2 { font-size: 20px;  margin: 10px 0; }
	.vn-single .meilleurs .meilleurs-wrap .location { font-size:13px;}
	.meilleurs .meilleurs-wrap .cta { font-size: 13px; }
	.vn-single .meilleurs .meilleurs-wrap .thumb { left: 40px; right: 40px;}
	
	
	.vn-single .galerie-top { padding: 40px 0;}
	.vn-single .galerie-top h2 { text-align: center; font-size: 20px; }
	.vn-single .galerie-top .text-right { text-align: center;}
	
	.vn-single .galerie .galerie-image { margin-bottom: 20px; }
	.vn-single .galerie { margin: 0 -10px;}
	.vn-single .galerie .grid-padding-x > .cell { padding-right: 10px; padding-left: 10px;}
	
    .vn-single .apropos {padding: 60px 20px;}
    .vn-single .apropos-texte {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap:0;
    }
	
	.vn-select {display: block; border: 1px solid rgba(41, 41, 41, 0.15);}
	.attribute-label { vertical-align: bottom;}
	.sub-model { display:none;}
	.spec { display:none;}
	.tableCell { display: table-cell;}
    
    .vehicules-occasion { padding: 40px 0;}
    .vehicules-occasion h1 { font-size:25px; text-align: center;}
    .vehicules-occasion .vo-container { padding-top: 40px;}
    .vehicules-occasion .form-tablet { display:block; margin-bottom: 40px; }
    .vehicules-occasion .search-form .search-field { padding: 10px 20px 10px 0;}
    .vehicules-occasion .search-form .cta {
        padding: 0;
        width: 46px;
        height: 40px;
        border-radius: 50%;
        display: inline-block;
    }
    .vehicules-occasion .search-form .cta span { display:none; }
    .vehicules-occasion .search-form .cta i { color:#FFF; font-size: 18px; margin: 0; display: inline-block}
    .vehicules-occasion .vo-container .total_used_cars {float: left;  margin-top: 13px; font-size:14px;}
    .vehicules-occasion .nav-filtrer { display: block; float: right; margin-bottom: 40px;}
    
	
	.vo-single { padding: 0;}
	.vo-single .haut {padding: 40px 0;   margin-bottom: 0;}
	.vo-single h1 {font-size: 30px; margin: 0 0 5px 0;}
	.vo-single .haut .stock-prix { margin-bottom:40px;}
	.vo-single .prix { font-size:30px;}
	.vo-single .prix sup { font-size:20px;}
	.vo-single .specs-form { padding-top: 20px; padding-bottom: 20px; background: #F8F7F6;}
	.vo-single .specs li { display: inline-block; border-bottom: 0; width: 49%;}
	.vo-single .options-autres { padding-top: 0; padding-bottom: 40px;}
	.vo-single .options-autres .titre { margin-bottom: 15px;}
	.vo-single .options .option { display: inline-block; margin-bottom: 15px; width:100%;}
	.vo-single .options-autres .grid-x::before {margin: 30px 0 40px 20px;}
	.vo-single .option-note { margin-bottom: 20px;}
	
	body .promotions { padding: 40px 0;}
	.promotions h1 { font-size: 25px; text-align: center;}
  .promotions .promo .thumb { max-width: 320px; margin: 0 auto 10px auto;}
	.promotions .promo { text-align: center;}
	.promotions h3 { font-size:13px;  margin: 40px 0 30px 0;}
	.promotions .promo h2 { font-size:17px;}
	.promotions .prix .semaine {font-size: 16px;}
	.promotions .location { max-width: 140px; margin: 5px auto 15px;}
	.promotions .promo { margin-bottom: 30px;}
	.promotions .promo h2 .year { display:none;}
	.promotions .promo-modele h4 {margin: 30px 0 20px 0; font-size: 20px;}
	.tax-categorie_promo .promotions .nav-promo-vehicule #menu-promotions { margin: 0 -10px 30px -10px;}
	
	.promotion-single .haut {padding: 40px 0 10px 0; margin: 0}
	.promotion-single h1 {font-size: 28px; margin: 0 0 50px 0;}
	.promotion-single h1 .year {position: relative; display: inline-block; vertical-align: super;}
	.home .modele-1promo .prix, .promotion-single .haut .prix { font-size: 65px;}
	.home .modele-1promo .prix sup, .promotion-single .haut .prix sup { font-size: 30px; top: -4px; }
	.home .modele-1promo .prix .semaine, .promotion-single .haut .prix .semaine {left: -36px;}
	.promotion-single .haut .location { font-size: 15px;}
	.promotion-single .desc-details h2 { font-size:17px;}
	.promotion-single .desc-details .caracteristiques ul {-webkit-columns: 1; -moz-columns: 1; columns: 1;}
	.promotion-single .desc-details .caracteristiques ul li { margin: 0 0 20px 0; font-size: 15px; display: block;}
  .promotion-single .top-promo { padding: 40px 0; margin: 10px 0;}
	.promotion-single .formulaire { padding: 40px 0; margin: 10px 0;}
	.promotion-single .formulaire h2 { padding-bottom: 0;}
	.promotion-single .formulaire .grid-x .cell:first-of-type .field-wrap {border-right: 1px solid rgba(41, 41, 41, 0.15);}
	.promotion-single .formulaire .field-wrap { border-top:0 !important; margin: 0;  border-right: 1px solid rgba(41, 41, 41, 0.15);}
	.promotion-single .formulaire .grid-x:first-of-type .cell:first-of-type .field-wrap {border-top: 1px solid rgba(41, 41, 41, 0.15) !important;}
	.promotion-single .formulaire .submit-wrap { margin:20px 0 0 0;}
	.promotion-single .autres-promotions {padding: 30px 0 0 0;}
	.promotion-single .autres-promotions h3 { font-size:13px;}
	
	.promotion-single .autres-promotions h2 { font-size:17px;}
	.promotion-single .autres-promotions h2 .year { margin: 5px auto 0 auto; display: block; width: 54px; }
	.promotion-single .autres-promotions .location { max-width: 140px; margin: 5px auto 15px;}
	
	.page-services { padding: 40px 0;}
	#form_service_apres_vente section { padding: 40px 20px; max-height: 100px;}
	#form_service_apres_vente section.open { max-height: 3100px;}
	#form_service_apres_vente .content { padding: 40px 0 0 0;}
	.page-services .texte-haut h1 { font-size:25px; margin: 0 0 10px 0;}
	#form_service_apres_vente section h2 {font-size: 17px; padding-left: 16px;}
	#form_service_apres_vente section h2::before { width: 40px;  height: 40px; top: -10px;}
	#form_service_apres_vente .vehicule .wrap-2 .medium-4 { margin-bottom:20px; }
	#form_service_apres_vente .wrap-2 .cta.modifier {right: 0; top: -68px;}
	#form_service_apres_vente .content .continuer {margin: 10px auto 0 auto; display: block;  max-width: 140px;}
	#form_service_apres_vente section.confirmation .rejoindre #submit_rdv { margin: 20px auto 0 auto; display: block;}
	
	
	.site .videos { padding: 40px 0;}
	.videos h1 { font-size: 25px; text-align: center;}
	.videos h3 { font-size: 17px;}
	.videos .large-4 { margin-bottom: 40px;}
    
    .nouvelles { padding: 40px 0 60px 0;}
    .nouvelles h1 { font-size:25px; text-align: center;}
    .archive .nouvelles #menu-nouvelles { margin: 0 -10px 40px -10px;}
    .nouvelles #menu-nouvelles {text-align: center;}
    .nouvelles #menu-nouvelles li { padding: 0px 15px;}
    .nouvelles #menu-nouvelles li a {font-size:15px;}
    .nouvelles h3 { margin: 30px 0 20px 0; font-size: 13px;}
    .nouvelles .article h2 {font-size:17px;}
    .nouvelles .cta { margin-bottom: 20px; font-size:15px;}
    
    .navigation.pagination .nav-links .page-numbers.prev {display: block; max-width: 190px; margin: 0 auto 15px auto;}
    .navigation.pagination .nav-links .page-numbers.next  {display: block; max-width: 190px; margin: 15px auto 0 auto;}
    
    .nouvelle { padding: 40px 0 60px 0;}
    .nouvelle h1 { font-size:25px; margin: 0 0 30px 0;}
    .nouvelle .article-side .publie {font-size:15px;}
    .nouvelle .article-side .publie strong { display:inline-block;}
    .nouvelle .content { margin-top: 40px;}
    .nouvelle .content p {font-size:15px;}
    .nouvelle .content h2, .nouvelle .content h3 {font-size:19px; margin: 30px 0 20px 0;}
    .nouvelle .content h4 {font-size:17px;}
    
    .nous-joindre .top {padding-top: 40px;}
    .nous-joindre .top h1 {font-size: 25px; margin: 0 0 30px 0;}
    .nous-joindre .top .infos { padding: 20px 0;}
    .nous-joindre .top .infos p { font-size:15px;}
    .nous-joindre .top .infos .itineraire.cta {margin-top:20px;}
    .nous-joindre .top .social {padding: 0 0 20px 0; }
    .nous-joindre .top .social a {font-size: 15px;}
    .nous-joindre .top .social a .icone {width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin: 0 5px 0 0;}
    .nous-joindre .informations {padding: 40px 0;}
    .nous-joindre .informations .cell {border: 0;}
	.nous-joindre .informations .cell:nth-child(1)::after,  .nous-joindre .informations .cell:nth-child(2)::after { display:none; }
    .nous-joindre .informations .cell:nth-child(2) {padding-top: 40px;}
     .nous-joindre .demande-infos .grid-x .medium-4:last-of-type .field-wrap { border-left:1px solid rgba(41, 41, 41, 0.15); }
    .nous-joindre .wpcf7-form-control-wrap.services {margin-bottom: 20px;}
    .nous-joindre .demande-infos .grid-x .cell:first-of-type .field-wrap { border: 1px solid rgba(41, 41, 41, 0.15); }
   
    
    
    .sub-footer .social a { font-size:15px;}
    .footer .mobile-padding { padding-left: 35px;}
    .footer .mobile-padding p { max-width: 260px;}
    
    
    .hide-mobile { display: none !important;}
	
	.page404{ padding: 60px 0; text-align: center;}
	.page-defaut { padding: 60px 0;}
	.page404 h1, .page-defaut h1 { font-size:30px;}
	
    .form-modal .field-wrap, .form-modal .grid-x .cell:first-of-type .field-wrap { border-right: 1px solid rgba(41, 41, 41, 0.15); }
    
    
	.filtrer-modal {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 9999999;
		visibility: hidden;
		opacity: 0;
		background: #FFF;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.filtrer-modal .box {
		display: block;
		width: 100%;
		max-width: 640px;
		position: relative;
		padding: 30px;
	}
	.filtrer-open { overflow: hidden;}
	.filtrer-open .filtrer-modal {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	.filtrer-modal .box .titre-wrap {
		position: relative;
		display: block;
		font-size: 15px;
		padding: 10px 0 25px 0;
		margin-bottom: 15px;
	}
	.filtrer-modal .box .titre-wrap h3 { 
		color: #292929;
		text-transform: uppercase;
		letter-spacing: 0.08em;
		font-family: 'biotif-semibold';
		font-size: 15px;
		margin: 0 0 5px;
	}
	.filtrer-modal .box .titre-wrap .nav-close {
		position: absolute;
		right: 0;
		top: 1px;
		width: 40px;
		height: 40px;
		font-size: 16px;
		background: #F8F7F6;
		border-radius: 50%;
		text-align: center;
		line-height: 43px;
	}
	.filtrer-modal .box .titre-wrap .nav-close:hover {  color: #FFF; background: #292929;}

	.filtrer-modal .form .SumoSelect { border: 1px rgba(64, 64, 64, 0.15) solid; border-bottom:0; }
	.filtrer-modal .form .SumoUnder { height: 60px; margin: 0;}

	.filtrer-modal .form .SumoSelect > .CaptionCont { min-height:60px; padding: 32px 35px 0 20px;}
	.filtrer-modal .form .SumoSelect > .CaptionCont::before { top: 7px;}
	.filtrer-modal .form .SumoSelect > .optWrapper {top:60px;}

	.filtrer-modal .form .SumoSelect.filtre-kilometrage { border-bottom: 1px rgba(64, 64, 64, 0.15) solid;}

	.filtrer-modal .form .SumoSelect.custom-select > .optWrapper {padding:15px;}
	.filtrer-modal .form .SumoSelect.custom-select > .optWrapper .box { border:1px rgba(64, 64, 64, 0.15) solid; padding: 5px 10px; display:block; margin:0 0 10px 0;}
	.filtrer-modal .form .SumoSelect.custom-select > .optWrapper .box span.text-label {display:block; font-size:15px; font-family: 'biotif-semibold'; margin-bottom:3px;}
	.filtrer-modal .form .SumoSelect.custom-select > .optWrapper .box input { 
		border:0;
		box-shadow: none; 
		outline: 0; 
		margin: 0; 
		padding: 0; 
		font-weight:400; 
		font-size:17px; 
		color: #292929;
		height:20px;
	}

	.filtrer-modal .form .SumoSelect.custom-select.filtre-annee > .optWrapper .box {display:inline-block; width:48%; margin: 0;}
	.filtrer-modal .form .SumoSelect.custom-select.filtre-annee > .optWrapper .box:first-of-type{ margin:0 2% 0 0; }

	.filtrer-modal .form .SumoSelect.custom-select > .optWrapper .box .input-wrap {position:relative; display: block;}
	.filtrer-modal .form .SumoSelect.custom-select > .optWrapper .box .input-wrap input {padding-right:30px;}
	.filtrer-modal .form .SumoSelect.custom-select > .optWrapper .box .input-wrap span { position:absolute; right:0; top: -2px; font-size:17px; color: rgba(41, 41, 41, 0.66);}
	.vehicules-occasion .filtrer-modal .reset_form { margin-top: 20px; font-size: 17px; padding: 10px 30px; float: left; display: inline-block;}
	.vehicules-occasion .filtrer-modal .continuer_form{ margin-top: 20px; font-size: 17px; padding: 10px 30px; float: right; display: inline-block;}
	
	.vehicules-occasion .filtrer-modal .reset_form.effacer { display: none;}

}

@media screen and (max-width: 480px) {
    
    .site {overflow-x: hidden;}
    .side-menu-open .site {-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
    .side-menu-open .header {-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
    .side-menu-open .side-menu {-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0);}
    .side-menu {top: 90px; width: 100%; height:calc(100% - 90px); right: -100%;}
    
    
    .recherche-occasion .tab-content .cta {display:block; width:100%;}
    
    .nous-joindre .top .infos {text-align: center;}
    .nous-joindre .top .infos p { float: none;}
    .nous-joindre .top .infos .itineraire.cta { display: block; float: none;}
	
	
	.service-modal {
		overflow-y: auto;
	   -webkit-box-align: start;
	   -ms-flex-align: start;
	   webkit-align-items: flex-start;
	   -moz-align-items: flex-start;
	   align-items: flex-start;
	}
    
	
	@media screen and (max-width: 380px) {
	
	.vn-single .meilleurs .meilleurs-wrap .thumb { left: 20px; right: 20px;}
	
	}
    
}


.field-wrap { position:relative;}
.field-wrap .alerte {
    color: red;
    font-size: 12px;
    font-weight: 400;
    display: none;
    position: absolute;
    width: 100%;
    margin-top: 4px;
}
.field-wrap .alerte.show {  display: block; }

#form-interet .field-wrap .alerte, #form-carfax .field-wrap .alerte { z-index: 10;  width: auto; right: 10px;  bottom: 8px;}