.cmp-horizontal-hero .hero-body .hero-title::before {
	
	background: #FF0036;
	
}

@media (min-width: 768px) {
  .cmp-homepage-ctas .red-line {
    width: 6.7rem;
    border-bottom: 3px solid #FF0036;
  }
}

.cmp-footer::before {
  content: '';
  width: 30vw;
  height: .3rem;
  display: block;
  background: #002C5F;
}
.cmp-socialfollow__channel {
	    background-color: #002C5F;
}
@media (min-width: 1200px) {
  #cmp-top-navigation .menu-content li.active > .nav-link {
    border-bottom: 1px solid #002C5F;
	  
}

	#cmp-top-navigation .navitemsecond--mega-menu .cmp-mega-menu__car-list .cmp-mega-menu__card:hover, #cmp-top-navigation .navitemsecond--mega-menu .cmp-mega-menu__car-list .cmp-mega-menu__card:focus {
  border-bottom: 1px solid #002C5F;
  background-color: rgba(108, 112, 115, 0.3);
}
}
/*FordAntenna*/


.guidedropdownlist .guideFieldLabel.top {
    position: absolute;
    top: 16px;
    left: 25px;
    font-size: 1rem;
    font-family: 'FordAntenna', serif;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    line-height: inherit
}

body {
    color: #282830;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    font-size: 1.6rem
}

h1,
.t-alpha-text,
.alpha-text {
    font-size: 4rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 1.6rem
}

h2,
.t-beta-text,
.beta-text {
    font-size: 3.4rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 1.6rem
}

.t-sub-beta-text,
.sub-beta-text {
    font-size: 3.4rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 1.6rem
}

h3,
.t-gamma-text,
.cmp-promoted-block__title,
.gamma-text,
.cmp-text h2 {
    font-size: 2.8rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 1.6rem
}

h4,
.t-delta-text,
.delta-text {
    font-size: 2.2rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 1.6rem
}

h5,
.t-epsilon-text,
.epsilon-text {
    font-size: 2rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 1.6rem
}

.t-sub-epsilon-text,
.sub-epsilon-text {
    font-size: 2rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 1.6rem
}

strong,
.t-base-headline,
.base-headline {
    font-size: 1.6rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 1.6rem
}

.t-base-text,
.cmp-list-cards__view-more .btn-text,
.base-text {
    font-size: 1.6rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    font-weight: 400;
    text-transform: none
}

.t-milli-headline,
.showmoretextfield p.showmoretextfield-title,
.showmoretextfield div.showmoretextfield-title,
.milli-headline {
    font-size: 1.3rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.t-milli-text,
.milli-text {
    font-size: 1.3rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    font-weight: 400;
    text-transform: initial
}

.t-micro-text {
    font-size: 1.2rem;
    font-family: "FordAntenna", arial, helvetica, sans-serif;
    font-weight: 400;
    text-transform: initial
}




.cmp-asset .dessin img {  
    border: 1px solid #EEE !important;
  }
  
  .cmp-alternate-content{
      height:auto;
  }
  
  *{
      scroll-behavior:smooth;
      scroll-margin-top:8rem;
  }
  
  #block490{
      scroll-margin-top:-2rem;
  }
  #block498{
      scroll-margin-top:-2rem;
  }
  
  .brand-logo {
      background: url(../assets/hy/logohy.png) no-repeat !important;
      background-size: cover !important;
      height: 3.3rem;
  }
  
  .container-fluid.open .brand-logo{
      background: url(../assets/hy/logohy.png) no-repeat !important;
      background-size: cover !important;
      height: 3.3rem;
	  background-position: bottom !important;
  }
  
  .cmp-footer .brand-logo {
      background: url(../assets/hy/logohy.png) no-repeat !important;
      background-size: cover !important;
  }
  
  #cmp-top-navigation .brand-logo {
          /* width: 19.27rem !important; */
		  width: 13.5rem !important;
          height: 2.25rem;
          position: relative;
      }
  
  .cmp-footer .brand-logo {
      margin-top: 3.2rem;
      margin-bottom: 6.4rem;
      height: 28px;
      /* width: 19.6rem !important; */
	  width: 18rem !important;
	  background-position: bottom !important;
  }
  
  .second-logo-img {
      height: 4.6rem;
      width: 12rem;
      margin: 0 1.2rem;
  }
  
  .first-level.animated.opening .brand-logo{
      background: url(../assets/hy/logohy.png) no-repeat !important;
      background-size: cover !important;
      height: 3rem;
	  background-position: bottom !important;
  }
  
  
  * { box-sizing: border-box; }
  .video-background {
    background: #000;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;
  }
  .video-foreground,
  .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  
  .palette1.wire .spopupbtnok{
      border: 1px solid !important;
      border-color: #fff !important;
      background-color: transparent !important;
      color: #fff !important;
  }
  .palette1.wire .spopupbtnok:hover{
      border-color: #e4e4e4 !important;
      background-color: transparent !important;
      color: #e4e4e4 !important;
  }
  
  #tarteaucitronIcon{
      left: 0 !important;
  }
.color-hybride{
	color:#2C90FF;
}
.couleurhybride{
	color:#2C90FF;
}
#cmp-top-navigation .second-level .mobile-menu:not(.close-bar) {
    margin-top: 65px !important;
}
  @media(min-width:1335px){
      .video-foreground { height: 300%; top: -100%; }
  }
  @media(max-width:1334px){
      .video-foreground { width: 300%; left: -100%; }
  }
  
  @media all and (max-width: 600px) {
  .vid-info { width: 50%; padding: .5rem; }
  .vid-info h1 { margin-bottom: .2rem; }
  }
  @media all and (max-width: 500px) {
  .vid-info .acronym { display: none; }
  }
  .info-x3-on-image{
    position: absolute; bottom: 2rem; left: 0% !important
  }
  .info-x3-on-imagev2{
    position: absolute; bottom: 0.3rem;
  }
  .background-black{
      background-color: #002C5F !important;
  }
  
  .title-4bloc-size{
      position: relative;
      z-index: 2;
  }
  .h3-4bloc-size{
      position: relative;
      z-index: 2;
  }
  
  .h3-carousel-size{
      font-family: "FordAntenna", arial, helvetica, sans-serif !important;
  }
  
  .cmp-homepage-ctas .cta-container .cmp-btn .btn-text.t-base-text{
      line-height: 2.5 !important;
  }
  
  #owl-demo .item{
      margin: 3px;
  }
  #owl-demo .item img{
      display: block;
      width: 270px;
      height: 140px;
      margin: 0 auto;
  }
  .sep{
   display: none;
  }
  .padding-bloc-parallax{
    padding-left: 2rem; margin-top: 1rem;
  }
  
  .emt-bloc-parallax{
    color:#FFEA28; font-size: 12px; padding-left: 2rem;
  }
.padding-3{
    padding: 3px !important;
}

  .bloc3-pp-wandh{
	width:100px; height:auto;
  }

  .prev, .lien_pagination, .sep {
      color:white;
  }
  .on{
      color:#002C5F;
  }
  .lien_pagination{
      padding-right: 1rem;
      border: solid 1px;
      padding-left: 1rem;
      border-radius: 2rem;
      padding-top: 0.3rem;
      padding-bottom: 0.4rem;
      background-color: #fff;
      color: #282830;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
  }
  
 /* .on{
   padding-right: 1rem;
      border: solid 1px;
      padding-left: 1rem;
      border-radius: 2rem;
      padding-top: 0.3rem;
      padding-bottom: 0.4rem;
      background-color: #fff;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
  }*/
	li.pagination-item.on.active{
	padding-right: 1.25rem;
        border: solid 1px;
        padding-left: 1.25rem;
        border-radius: 2rem;
        padding-top: 0.2rem;
        padding-bottom: 0rem;
        background-color: #fff;
        margin-top: -0.3rem;
        margin-right: 0.5rem;
        margin-left: .5rem;
        margin-bottom: 1rem;
}

li.pagination-item.prev.disabled{
	      padding-right: 1rem;
    border: solid 1px #002C5F;
    padding-left: 1rem;
    border-radius: 2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
    background-color: #fff;
    margin-top: -0.3rem;
    margin-right: .5rem;
    margin-left: .5rem;
}
  
  .owl-theme .owl-nav [class*=owl-]:hover {
      background:transparent !important;
  }
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
      background: #002C5F !important;
  }
  
  .btn-into-menusticky:hover span{
      color:#282830 !important;
  }
  
  #lebtnessayer:hover{
      background-color:transparent !important;
  }
  
  .pr-custom-4bloc{
      padding-right: 4rem !important;
  }
  .pl-custom-4bloc{
      padding-left: 2.4rem !important;
  }

  .padding-2-6{
    padding-left: 2.6rem !important;
  }
  .pr-pl-5-custom{
    padding-left: 5rem !important;padding-right: 5rem !important;
  }
  
  .display-inline-custom{
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

  .display-wrap-or-column{
      display: inline-flex !important;
      align-items: center !important;
      flex-wrap: wrap !important;
  }
  
  #cmp-top-navigation .navitemsecond--mega-menu .cmp-mega-menu__car-list .cmp-mega-menu__card:hover, #cmp-top-navigation .navitemsecond--mega-menu .cmp-mega-menu__car-list .cmp-mega-menu__card:focus {
    border-bottom: 1px solid #002C5F !important;
}
  
  @media (min-width: 1200px) {
      .header:not(.header-lexus)+*~.responsivegrid,
      .header:not(.header-lexus)+.responsivegrid,
      .header:not(.header-lexus)+*~.structure-home,
      .header:not(.header-lexus)+.structure-home,
      .header:not(.header-lexus)+.cmp-unsupported-browser,
      .header:not(.header-lexus)+.structure-syi {
          padding-top: 8rem;
          
      }	
      #cmp-top-navigation .menu-content .links>li>.nav-link:hover::after {
        background-color: #002C5F !important;
    }
  }
  div.floating-action-menu > .action-menu {
      visibility: hidden;
      transform: translateY(65px);
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      transition: all 300ms linear;
    }
    div.floating-action-menu.active > .action-menu {
      visibility: visible;
      transform: translate(0);
      opacity: 1;
      padding-bottom: 5px;
      max-height: 1000px;
    }
    
    div.floating-action-menu > .action-menu > .floating-action {
      padding-right: 0.45rem;
    }
    
    div.floating-action-menu > .action-menu .btn-floating,
    div.floating-action-menu > .action-menu .badge
    {
      transform: scale(0.4);
      transition: all 500ms ease-in-out;
    }
    div.floating-action-menu.active > .action-menu .btn-floating,
    div.floating-action-menu.active > .action-menu .badge
    {
      transform: scale(1);
    }
    
    div.floating-action-menu > .action-button > .btn-floating {
      transition: all 500ms linear;
    }
    div.floating-action-menu.active > .action-button > .btn-floating {
      background-color: #dc3545;
      border-color: #dc3545;
    }
    div.floating-action-menu.active > .action-button > .btn-floating:hover {
      background-color: #c82333;
      border-color: #bd2130;
    }
    
    div.floating-action-menu > .action-button > .btn-floating > i {
      transition: transform 500ms ease-in-out;
    }
    div.floating-action-menu.active > .action-button > .btn-floating > i {
      transform: rotate(-315deg);
    
    }
  
  #backgroundProduit{
      object-fit: contain;
      object-position: top;
  }


.papl_secondeligneRouge{
	display: inline-block;
    width: 35%;
    position: relative;
    top: -10px;
	border-bottom: solid 3px #FF0036;
}
  .secondeligneRouge{
      border-bottom: solid 3px #FF0036;
      width: 10%;
  }
  .ligneope{
      border-bottom: solid 2px #FF0036;
      width: 45%;
  }
  .info-supplementaire{
          color: gray;
      font-size: 11px;
  }
  .appelgratuit{
          color: gray;
      font-size: 12px;
      margin-left:-1.2rem;
  }
  
  .filtre-4blocsommaire{
      filter:brightness(0.8);
  }
  
  .unautreheader{
      position:absolute;
      z-index: 1030;
      top: 0;
      width: 100%;
      -webkit-transition: -webkit-transform 0.5s ease-out;
      transition: -webkit-transform 0.5s ease-out;
      transition: transform 0.5s ease-out;
      transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  
  .lesurtitre{
      font-family: "FordAntenna", arial, helvetica, sans-serif !important;
      font-weight: lighter !important;
  }
  
  .sticky {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 10000;
  }
    
  .sticky + .content {
      padding-top: 60px;
  }
  
  .img-full{
      padding-right: 0px !important;
      padding-left: 0px !important;
  }
  
  .title-inside-product{
      font-size: 2.7rem !important;
      text-transform: none;
  }
  
  .btn-submenu{
      border: solid 1px white; 
      border-radius: 4px;
  }
  
  .btn-content-fondblanc-contournoir{
      background-color: transparent !important;
      border: solid 3px #002C5F;
      line-height: 3.8rem !important;
      color: #002C5F !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondblanc-contournoir span{
      color: #282830 !important;
      font-size: 16px;
      text-transform: none !important;
  }
  
  .btn-content-fondblanc-contournoir:hover {
      background-color: transparent !important;
      border-color: #6c7073 !important;
      opacity: 1 !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondblanc-contournoir:hover span{
      color: #6c7073 !important;
  }
  
  /* Bouton fond noir contour noir */
  
  .btn-content-fondnoir-contournoir{
      background-color: #002C5F !important;
      border: solid 3px #002C5F;
      line-height: 3.8rem !important;
      color: #fff !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondnoir-contournoir span{
      color: #fff !important;
      font-size: 16px;
      text-transform: none !important;
  }
  
  .btn-content-fondnoir-contournoir:hover {
      background-color: #6c7073 !important;
      border-color: #6c7073 !important;
      opacity: 1 !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondnoir-contournoir:hover span{
      color: #fff !important;
  }
  
  
  .btn-content-fondnoir-contourblanc{
      background-color: transparent !important;
      border: solid 3px #fff;
      line-height: 3.8rem !important;
      color: #fff !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondnoir-contourblanc span{
      color: #fff !important;
      font-size: 16px;
      text-transform: none !important;
  }
  
  .btn-content-fondnoir-contourblanc:hover {
      background-color: transparent !important;
      border-color: #e4e4e4 !important;
      opacity: 1 !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondnoir-contourblanc:hover span{
      color: #e4e4e4 !important;
  }
  
  .btn-content-fondblanc-contourblanc{
      background-color: #fff !important;
      border: solid 3px #fff;
      line-height: 3.8rem !important;
      color: #282830 !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondblanc-contourblanc span{
      color: #282830 !important;
      font-size: 16px;
      text-transform: none !important;
  }
  
  .btn-content-fondblanc-contourblanc:hover {
      background-color: #e4e4e4 !important;
      border-color: #e4e4e4 !important;
      opacity: 1 !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondblanc-contourblanc:hover span{
      color: #282830 !important;
  }
  
  
  .btn-content-ope{
      background-color: #E5004F !important;
      border: solid 3px #E5004F;
      line-height: 3.8rem !important;
      text-decoration: none !important;
  }
  
  .btn-content-ope span{
      color: #fff !important;
      font-size: 24px;
      font-weight: 900;
      text-transform: none !important;
  }
  
  .btn-content-ope:hover {
      background-color: transparent!important;
      border-color: #E5004F !important;
      opacity: 1 !important;
      text-decoration: none !important;
      color:#E5004F !important;
  }
  
  .btn-content-fondhybride-contourhybride{
      background-color: #2C90FF  !important;
      border: solid 3px #2C90FF ;
      line-height: 3.8rem !important;
      color: #fff !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondhybride-contourhybride span{
      color: #fff !important;
      font-size: 16px;
      text-transform: none !important;
  }
  
  .btn-content-fondhybride-contourhybride:hover {
      background-color: #58a6fc!important;
      border-color: #58a6fc  !important;
      opacity: 1 !important;
      text-decoration: none !important;
  }
  
  .btn-content-fondhybride-contourhybride:hover span{
      color: #fff !important;
  }
  
  #ctaOnImage{
      position: absolute;
      z-index: 20;
      flex-direction: column;
      transform: translate(5em, 10em);
      align-items:flex-start;
  }
  
  #ctaOnImage a span{
      font-size: 20px!important;
  }
  
  #btnwhite{
      color:#fff;
  }
  
  .titre{
      z-index: 20;
      position: absolute;
      transform: translate(3em, 3em);
      color:#fff;
  }
  
  .subtitle{
      transform: translate(3em, 3.5em);
      border-bottom: solid 2px #FF0024;
      color: transparent;
      z-index: 20;
      position: absolute;
  }
  
  .subtitlenomvoiture{
      transform: translate(0em, -1.5em);
      border-bottom: solid 2px #FF0024;
      color: transparent;
      z-index: 20;
      position: absolute;
  }
  
  .badge{
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
  }
  
  .btn-floating{
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
  }
  .btnmenusticky:hover{
      background-color: #fff;
      color: #282830;
      
  }
  .btnmenusticky{
      padding-right: 0rem !important;
  }
  
  #plusmenustick{
      display: inline-block;
      width: inherit;
      color: #fff;
      text-align: center;
      font-size: 1.25rem;
      line-height:  50px;
  }
  .anotherh2{
      text-transform: none !important;
      font-size: 23px !important;
  }
  .anotherP{
      text-transform: uppercase !important;
      font-size: 14px !important;
  }
  #titlecar{
      text-transform: none;
      font-size: 4rem;
      font-weight: 900;
  }
  #subtitlevoiture{
      font-size: 2rem;
  }
  .Blacktitle{
      color:#282830 !important;
  }
  .Whitetitle{
      color:#fff !important;
  }
  .backgroundParallax{
      background-image: url('test-parallax.jpg');
      background-color: #282830;
      display: block;
      background-size: cover;
      background-repeat: no-repeat;
      background-position-x: 201px;
      background-position-y: center;
  }
  
  input[type="text"]{
      height: 50px;
      width: 60%;
  }
  
  input[type="textarea"]{
      height: 100px;
      width: 60%;
  }
  
  input[type="date"]{
      height: 50px;
      width: 60%;
  }
  
  input[name="daterange"], input.daterange-rdv{
      height: 50px;
      width: 100%;
          background-color: transparent;
      color: #282830;
      border-color: transparent;
      border-bottom: solid 1px #282830;
  }
  
  input[name="daterange"], input.daterange{
      height: 43px;
      width: 100%;
          background-color: transparent;
      color: #fff;
      border-color: transparent;
      border-bottom: solid 1px #fff;
  }
  
  input[type="submit"]{
      padding-top: 0em;
      height: 50px;
      position: relative;
      left: -5px;
      background-color: #002C5F;
      color: #fff;
      border:none;
      width: 100px;
  }
  #cmp-top-navigation .second-level {
    background: #002C5F !important;
}
  input[type="submit"]:hover{
      background-color: #6c7073 !important;
      border-color: #6c7073 !important;
      opacity: 1 !important;
      text-decoration: none !important;
  }
  @media (min-width: 1200px) {
    #cmp-top-navigation.open {
        background: #002C5F !important;
    }
}
@media (max-width: 1199.98px) {
    #cmp-top-navigation .first-level {
        background: #002C5F;
    }
}
@media (max-width: 1199.98px) {
    #cmp-top-navigation .first-level .mobile-menu {
        background-color: #002C5F;
    }
}
  .size{
      font-size: 18px !important;
  }
  
  .cmp-quicklinks .quicklinks-inner-list .cmp-btn,
  .cmp-quicklinks .quicklinks-inner-list .cmp-contentfragmentlist__btn,
  .cmp-quicklinks .quicklinks-inner-list .cmp-list-cards__view-more {
      line-height: 4rem;
      margin-bottom: 0rem !important;
  }
  
  .cmp-quicklinks .quicklinks-inner-list .cmp-btn,
  .cmp-quicklinks .quicklinks-inner-list .cmp-contentfragmentlist__btn,
  .cmp-quicklinks .quicklinks-inner-list .cmp-list-cards__view-more {
      height: 55px !important;
  }
  
  .cmp-btn.btn-secondary{
      border-bottom: 0 !important;
  }
  .cmp-btn.btn-secondary:hover{
      border-bottom: 2px solid #FF0024 !important;
      opacity : 1 !important;
  }
  
  .row>.col:not(t1-legacy .col),
  .row>[class*='col-']:not(t1-legacy [class*='col-']) {
      position: relative;
      width: 100%;
  }
  
  .btn-disponibilite[data-scroll="in"] {
      animation: 1.5s living-cell forwards;
  }
  .btn-essayer[data-scroll="in"] {
      animation: 1.5s living-cell2 forwards;
  }
  
  .btn-essayer[data-scroll="out"] {
              animation: 2s living-cell6 forwards;
          }
  
  #allbutton.active{
      -webkit-backdrop-filter: blur(3px);
      backdrop-filter: blur(3px);
      padding-top: 100rem;
      background-color: rgba(0,0,0, 0.7);
      width: 100%;
      margin-bottom: -0.7em;
      padding-bottom: 0.6em;
  }
  
  .stickybutton2 {
      bottom: 10px;
      left: 0em;
      z-index: 10000 !important;
      width: 100%;
      z-index: 40;
      visibility: hidden;
  }
  
  #btn-amodifier{
      border-radius: 0% !important;
      background-color: #282830 !important;
      position: relative;
      z-index: 1;
      display: inline-block;
      padding: 0;
      margin: 10px;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
      -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
      box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      width: 50px;
      height: 50px;
      border:solid 1px #fff;
  }
  
  .cmp-gallery-overlay {
      z-index: 100000;
  }
  
  h1{
      white-space: normal !important;
  }
  
  h2{
      
  }
  .cmp-homepage-ctas .activate2 {
      padding: 0 2.4rem;
      -webkit-transition: all 0.35s ease;
      transition: all 0.35s ease
  }
  
  .cmp-homepage-ctas .activate2::before {
      content: '';
      -webkit-transform-origin: top center;
      transform-origin: top center;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0, 0, 1);
      animation-timing-function: cubic-bezier(0.25, 0, 0, 1);
      -webkit-animation-name: activate2-cta;
      animation-name: activate2-cta;
      -webkit-animation-duration: 0.35s;
      animation-duration: 0.35s;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      background: #fff;
      color: #282830 !important;
  }
  
  .modifPadding p{
      margin-bottom: 1.6rem !important;
  }
  
  .cmp-homepage-ctas .activate2 a span {
      
      color: #282830 !important;
  }
  
  
  @-webkit-keyframes activate2-cta {
      0% {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
      }
      100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
      }
  }
  
  @keyframes activate2-cta {
      0% {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
          color: #fff;
      }
      100% {
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
          color: #000;
      }
  }
  
  .imgParallax2{
      min-height: 600px;
      display: block;
      background-size: cover;
      background-repeat: no-repeat;
      background-position-x: center;
      max-width: 109.2rem;
      max-height: 50vh;
  }
  
  .mybtn{
      padding: 0 2.4rem;
      margin-bottom: 2.4rem;
      padding: 1rem;
  }
  
  .descriptif-padding{
      padding-bottom: 1.6rem !important;
  }
  
  .anotherName{
      color: #fff;
      background-color: #282830;
      border-color: #282830;
      box-shadow: 0 0 0 .2rem #282830;
      transition: transform 2s;
      transform-origin: 0 0;
      transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
      transform: scaleY(1);
  }
  
  .part8-span-size{
      font-size: 20px;
  }
  
  .part8-accordion-border{
      border:none;
  }
  
  .h1-sommaire{
      font-size: 19px;
  }
  
  .margin-left-custom-sommaire{
      margin-left: 9.5% !important;
  }
  
  .size-tousmodeles-sommaire{
      font-size: 24px;
  }
  
  .custom-margin-footer{
      margin-top:1rem;
  }
  
  .iconspecifique::before{
      font-family: "icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      text-align: center;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 7rem;
      min-width: 2.4rem;
      line-height: 2.4rem;
  }
  
  .product-small-img img{
      height: 117.7px;
      width: 158.5px;
      margin: 10px 0;
      cursor: pointer;
      display: block;
      opacity: 0.6;
  }
  
  .cmp-homepage-hero .cmp-smartblocks .cmp-smartblocks__gradient {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #000;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.2)), color-stop(70%, rgba(0,0,0,0)), to(rgba(0,0,0,0)));
      background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
  }
  
  .product-small-img img:hover{
      opacity: 1;
  }
  
  .product-small-img{
      float: left;
  }
  
  .img-container img{
      height: 500px;
      
  }
  
  .img-container {
      float:left;
      padding: 10px;
  }
  
  .text-white{
      color:#fff !important;
  }
  
  .text-black{
      color:#282830 !important;
  }
  .div-ytp-part6{
      position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;
  }
  .div-video-part6{
      position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;
  }
  
  .bloc-div-part5{
      display:inline-flex; align-items: center;
  }
  
  .allpart-btn{
      flex-direction: column; display:inline-flex; align-items: center;
  }
  
  .part8-btn{
      flex-direction: column; display:inline-flex; align-items: center;
  }
  
  .allpart-extra{
      color:grey !important; font-size:13px;
  }
  .part8-extra{
      color:grey !important; font-size:13px;
  }
  .taille1-marque-pp{
    margin-right: 1.5em; font-size: 2.5rem !important; width: 210px;
  }
  .taille2-marque-pp{
    height: 40px;  width: auto;
  }
  .carousel-indicators [data-bs-target] {
      background-color : grey !important;
  }
  
  .input-newsletters{
      accent-color: #fff;
  }
  
  #textcenter{
      text-align: center;
  }
  
  .btn-newsletter{
          width: 100% !important;
      }
  
  .input-form{
      background-color: transparent;
      border: none;
      border-bottom: solid 1px #fff;
      color:#fff;
  }
  
  .input-form-black{
      background-color: transparent;
      border: none;
      border-bottom: solid 1px #282830;
  }
  
  
  .textarea-custom{
      min-height: 150px;
      height: 150px;
      max-height: 150px;
      width: 100%;
  }
  
  .img-selected {
      border: solid 2px #282830 !important;
      opacity: 1 !important;
  }
  
  .vehicule-produit{
      /*min-width: 340px;
      min-height: 170px;*/
      max-width: 340px;
      max-height: 170px;
  }
  
  .vehicule-produit-etiquette{
      min-height: 170px;
      max-width: 340px;
      max-height: 170px;
  }
  
  .text-img-equipe{
      text-transform: uppercase;
      text-align: center;
      font-size: 25px;
      font-weight: 900;
  }
  
  .icon, .iconbtn::before{
      min-width: 0em !important;
  }
  
  
  @media (max-width: 767px) {
      .imggarde169{
          display: none !important;
      }
      .title-inside-product{
          font-size: 2.1rem !important;
      }
      .margin-reduc{
          margin-bottom: -4rem !important;
      }
      .titre{
      z-index: 20;
      position: absolute;
      transform: translate(1em, 3em);
      color:#fff;
  }
      
      #ctaOnImage{
      position: absolute;
      z-index: 20;
      flex-direction: column;
      transform: translate(0em, 8em);
      align-items:flex-start;
      }
      
      .vehicule-produit{
          margin-left: 0rem !important;
      }
  }
  
  @media (max-width: 768px) {
      
      .cmp-homepage-ctas .scroll-indicator{
          display:none !important;
      }
      .product-small-img img{
          width: 155px;
          height: 92px;
          margin: 1rem 0 0 1rem;
          cursor: pointer;
          display: inline-flex;
          opacity: 0.6;
      }
      .img-container img{
          height: auto !important;
          width: 100% !important;
      }
      
      .cmp-modelhero-v2__asset{
          /*height:100%; */
		  height: 730px;
      }
      .btnfixedCustom{
          position: fixed !important;
          z-index: 100;
          bottom: 10px;
          left: 0;
          right:0;
          text-align:right;
      }
      
      .btnfixedCustom .btn-disponibilite{
          transform:translateY(0);
          margin: 10px;
          width: calc(100% - 20px);
          height:50px;
          display:inline-block;
      }
      
      .btnfixedCustom .btn-essayer{
          margin: 10px;
          width: calc(100% - 20px);
          height:50px;
          display:inline-block;
      }
          
      .btnfixedCustom[data-scroll="in"] .btn-disponibilite.btn-content-fondnoir-contourblanc {
          position:relative;
          z-index:10;
          transform:translateY(70px);
          transition:transform 0.25s ease, border 0.25s ease, opacity 0.25s ease;
          border: solid 3px #282830 !important;
          background-color:#282830 !important;
          opacity:0 !important;
          pointer-events:none;
      }
      
      .btnfixedCustom[data-scroll="in"] .btn-essayer.btn-content-fondblanc-contourblanc{
          position:relative;
          z-index:1;
          transition:border 0.25s ease, background-color 0.25s ease, width 0.25s ease 0.5s;
          border: solid 3px #282830 !important;
          background-color:#282830 !important;
          width:50px !important;
          pointer-events:none;
      }
      
      .btnfixedCustom[data-scroll="out"] .btn-disponibilite.btn-content-fondnoir-contourblanc {
          position:relative;
          z-index:10;
          transform:translateY(0px);
          transition:transform 0.25s ease  0.25s, border 0.25s ease  0.25s;
          border: solid 3px #FFF !important;
          opacity:1 !important;
      }
      
      .btnfixedCustom[data-scroll="out"] .btn-essayer.btn-content-fondblanc-contourblanc{
          position:relative;
          z-index:1;
          transition:border 0.25s ease  0.25s, background-color 0.25s ease 0.25s, width ease 0.25s;
          border: solid 3px #FFF !important;
          background-color:#FFF !important;
          width: calc(100% - 20px) !important;
      }
      
      .btnfixedCustom .btn-disponibilite span,
      .btnfixedCustom .btn-essayer span{
          transition:opacity 0.25s;
      }
      
      .btnfixedCustom[data-scroll="in"] .btn-disponibilite span,
      .btnfixedCustom[data-scroll="in"] .btn-essayer span{
          opacity:0;
      }
      .containerHeader{
          bottom: 15em !important;
      }
      
      
      
  }
  .text-ope{
      font-size:55px;
  }
  video::-webkit-media-controls {
    display: none !important;
  }
  

.parallax-container {
  height: 550px;
  position: relative;
  overflow: hidden;
}

.parallax-background {
    max-width: 109.2rem;
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 120%;
  position: absolute;
  top: -45px;
  left: 24px;
  right: 0;
  bottom: 0;
  z-index: -1;
}

@media (max-width: 991px) {
    .parallax-background {
        background-attachment: fixed !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        height: 120% !important;
        position: absolute !important;
        top: -45px !important;
        left: 15px !important;
        right: 15px !important;
        bottom: 0 !important;
        z-index: -1 !important;
    }
}

@media (max-width: 1199px) {
    .parallax-background {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 120%;
        position: absolute;
        top: -45px;
        left: 24px;
        right: 24px;
        bottom: 0;
        z-index: -1;
    }
}
.parallax-container2 {
      position: relative;
      overflow: hidden;
    }
    
    .parallax-background2 {
        max-width: 109.2rem;
        background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 120%;
      position: absolute;
      /* top: -45px; */
      left: 24px;
      right: 0;
      bottom: 0;
      z-index: -1;
    }
    
    @media (max-width: 991px) {
        .parallax-background2 {
            background-attachment: fixed !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            height: 400% !important;
            position: absolute !important;
            top: -200% !important;
            left: 0px !important;
            right: 0px !important;
            bottom: 0 !important;
            z-index: -1 !important;
        }
    }
    
    @media (max-width: 1199px) {
        .parallax-background2 {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 120%;
            position: absolute;
            /* top: -45px; */
            left: 70px;
            right: 0px;
            bottom: 0;
            z-index: -1;
        }
    }

  @media (min-width: 540px){
      #centertitle-np2{
          display:none;
      }
      .title-np{
          display:none;
      }
      
      #habitacle-np{
          margin-top: 2rem;
      }
  }
  
  @media (max-width: 1010px){
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8::after{
          content: '';
          display: block;
          position: absolute;
          bottom:0;
          right: 0;
          left: 0;
          z-index: 1;
          height: 100px;
          background: linear-gradient(180deg, rgba(0,0,0,0) 100%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%);
      }
      
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8908::after{
          content: '';
          display: block;
          position: absolute;
          bottom:0;
          right: 0;
          left: 0;
          z-index: 1;
          height: 100px;
          background: linear-gradient(180deg, rgba(0,0,0,0) 100%, rgba(0,0,0,1) 65%, rgba(0,0,0,1) 100%);
      }
  
      .cmp-modelhero-v2 .containerHeader,
      .cmp-modelhero-v2 .cmp-modelhero-v2__video-content{
          z-index: 2;
      }
  }
  
  @media (max-width: 910px){
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8::after{
          height: 200px;
      }
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8908::after{
          height: 200px;
      }
  }
  
  
  
  @media (max-width: 810px){
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8::after{
          height: 300px;
      }
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8908::after{
          height: 300px;
      }
  }
  
  @media (max-width: 710px){
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8::after{
          height: 400px;
      }
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8908::after{
          height: 400px;
      }
  }
  
  @media (max-width: 610px){
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8::after{
          height: 500px;
      }
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8908::after{
          height: 500px;
      }
  }
  
  @media (max-width: 510px){
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8::after{
          height: 600px;
      }
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8908::after{
          height: 600px;
      }
  }
  
  @media (max-width: 480px){
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8::after{
          height: 700px;
      }
      .cmp-modelhero-v2 #dynamicimage-91de0eafb8908::after{
          height: 700px;
      }
  }
  
  @media (max-width: 319px){
      .ml-small-0{
          margin-left: 0em !important;
      }
  }
  
  @media (max-width: 315px){
      .monitineraire{
          font-size: 2.6vw !important;
      }
  }
  
  @media (max-width: 420px){
      .accordion-header{
          margin-top: 2.2rem !important;
      }
      
      #subtitlevoiture p{
          margin-top: 0rem !important;
      }
      .text-ope{
          font-size:45px !important;
      }
      .ligneope{
          margin-top:2.5rem;
      }
      a p{
          margin-top: 0em !important;
          margin-bottom: 0em !important;
      }
      .brand-logo{
          margin-top: 0.5em !important;
      }
      .carousel-inner{
          height: 400px;
      }
      
      .carousel {
          position: relative;
          height: 400px;
          background: #000;
      }
      
      .carousel-item{
          height: 400px;
      }
      .carousel-caption {
          padding-bottom: 0px;
          z-index: 2;
          height: 300px;
          bottom: -90px;
      }
      .h5-carousel-size{
          font-size: 20px !important;
          color:#282830 !important;
          visibility:hidden;
      }
      .h3-carousel-size{
          font-size: 30px !important;
          color:#282830 !important;
      }
      .p-carousel-size{
          font-size: 17px !important;
          color:#282830 !important;
          padding-top:0 !important;
          padding-top: 0.75rem;
      }
      
      .carousel-item::after{
          bottom: 70% !important;
      }
  }
  
  @media (max-width: 450px){
      .btnslide1 span{
          font-size: 13px !important;
      }
      .btnslide2 span {
          font-size: 13px !important;
      }
  }
  @media (max-width: 380px){
      .btn-occasion{
          flex-direction: column;
          display: inline-flex;
          align-items: center;
      }
  }
  
 @media (max-width: 570px){
	 .cmp-modelhero-v2__asset{
		 height: 600px !important;
	 }
	}

.header:not(.header-lexus) + * ~ .responsivegrid {
  padding-top: 7rem;
}

  @media (max-width: 539px){
      
      .second-logo-img {
      height: 3.5rem;
      width: 9.3rem;
      margin: 0 1.2rem;
  }
      
      #cmp-top-navigation .brand-logo {
      /* width: 11.3rem !important;
      height: 2rem; */
	  width: 14rem !important;
	  height: 2.25rem;
      position: relative;
  }
      .text-on-image{
          font-size: 14px !important;
      }
  
      .degrade-np{
          filter: blur(3px);
          position: absolute;
          bottom: 21rem;
          width: 100%; 
          height:100px;
          background: linear-gradient(180deg, rgba(52,52,52,0) 0%, rgba(38,38,38,1) 28%, rgba(0,0,0,1) 100%);
          z-index:1000;
      }
      #centertitle-np2{
          text-align: center;
          bottom: 10rem;
          position: absolute;
          z-index: 1001;
          padding-right: 2.5rem;
      }
      #centertitle-np1{
          display:none;
      }
      .title-np{
          color:#fff !important;color: #fff !important;
      text-align: center;
      margin-top: 10rem;
      text-transform: uppercase;
      font-size: 20px;
      padding-left: 1.5rem;
      }
      
  }
  @media (max-width: 1199px){
      .vehicule-produit{
          margin-left: 5rem;
      }
      
  }
  
  .btnslide1 span{
      font-size: 16px !important;
  }
  
  .btnslide2 span{
      font-size: 16px !important;
  }
  
  .title-4bloc-size{
      font-size: 14px !important;
  }
  
  @media (max-width: 991px) and (min-width: 451px){
      .btnslide1 span{
          font-size: 16px !important;
      }
      .btnslide2 span{
          font-size: 16px !important;
      }
  }
  
  @media (max-width: 991px){
      .vehicule-produit{
          margin-left: 20rem;
      }
      #subtitlevoiture{
          margin-top: -3rem !important;
      }
      .nom-modele{
          font-size: 20px !important;
      }
      .surtitreperso{
          padding-left: 1rem;
      }
      .titreperso{
          padding-left: 1rem;
      }
      .ligneperso{
          margin-left: 2.65rem;
      }
      
  }
  
  
  @media (min-width: 768px){
      .cmp-modelhero-v2__asset{
          /*height:100% !important;*/
		  height: 900px !important;
      }
      .carousel {
          height: 80% !important;
      }
      
      .carousel-item {
          height: 80% !important;
      }
      .carousel-indicators{
          bottom:-22%;
      }
  }
  @media (max-width: 1199px) {
      
      .input-newsletters{
          accent-color: #282830;
      }	
  }
  
  @media  (max-width: 991px) and (min-width: 460px){
      .pl-6-custom{
          padding-left: 4rem !important;
      }
  }
  @media  (max-width: 900px) and (min-width: 831px){
      #customsize{
          padding-left: 6rem;
      }
  }
  
  @media (max-width: 459px) {
      .fs{
          font-size:12px !important;
      }
      .pl-6-custom{
          padding-left: 4rem !important;
      }
      
  }
  @media (max-width: 991px) {
      #d-block-none{
          display:none;
      }
      #galerie{
          margin-left: 2.8rem;
      }
  
      #extInt{
          padding-top: 2em;
      }
  
      #flecheUp{
          display: none;
      }
  
      .dispo{
          display:none;
      }
  
      .essayer{
          display: none;
      }
  
      #centertitle{
          text-align: center;
      }
      #centertitle-np1{
          text-align: center;
      }
      #titlecar{
          border-bottom: solid 3px #002C5F;
          padding-bottom: 1.6rem;
      }
      .subtitlenomvoiture{
          display: none;
      }
      #subtitlevoiture{
          text-align: center;
          font-size: 16px;
      }
  }
  
  @media (min-width: 1200px){
      .cmp-quicklinks {
          padding: 0 !important;
          padding-top: 1rem !important;
      }
  
      .vehicule-produit{
          margin-left: 10rem;
      }
      .vehicule-produit-etiquettet{
          margin-left: 0rem;
      }
      
      #newid{
          margin-bottom: 0 !important;
      }
      .ligneRouge{
          border-bottom: solid 3px #FF0036;
          width: 7.5%;
          margin-bottom: 1.6rem;
      }
  
      #img-groupe-2{
          padding-left: 1rem;
      }
      
      .img-container{
          max-width: 750px !important;
          min-width: 750px !important;
      }
  }
  
  @media (min-width: 475px){
      .btnslide1{
          /*width: 160px !important;*/
      }
      .btnslide2{
          /*width: 160px !important;*/
          margin-right: 0em !important;
          
      }
  }
  
  @media  (max-width: 474px) and (min-width: 400px){
      .btnslide1{
          /*width: 140px !important;*/
      }
      .btnslide2{
          margin-right: 0em !important;
          
      }
  }
  @media  (max-width: 399px) and (min-width: 360px){
      .btnslide1{
          width: 120px !important;
      }
      .btnslide2{
          margin-right: 0em !important;
          width: 120px !important;
      }
  }
  
  @media (max-width: 637px){
      .anotherh2{
          font-size: 17px !important;
      }
      .anotherh2 span{
          font-size:10px !important;
      }
      .anotherP{
          font-size: 12px !important;
      }
  }
  
  @media  (max-width: 1024px) and (min-width: 610px){
      .product-small-img img {
          height: 117.7px;
          width: 137.5px;
          margin: 10px 0;
          cursor: pointer;
          display: inline-flex;
          opacity: 0.6;
      }
  
  }
  
  @media  (max-width: 1475px) and (min-width: 1200px){
      #cmp-top-navigation .menu-content .links>li>.nav-link:hover::after {
          content: '';
          position: absolute;
          bottom: 0px;
          left: 0;
          height: 1px;
          width: 65% !important;
          background-color: #002C5F;
      }
  }
  
  @media  (max-width: 1199px) and (min-width: 1025px){
      
      .img-container{
          max-width: 635px !important;
          min-width: 635px !important;
      }
      #img-groupe-2{
          margin-left: 1rem;
      }
  }
  .h3-4bloc-size{
          font-size: 23px !important;
      }
  @media  (max-width: 1199px) and (min-width: 992px){
      .title-4bloc-size{
          font-size: 14px !important;
      }
      .h3-4bloc-size{
          font-size: 23px !important;
      }
      .cmp-smartblocks .cmp-smartblocks-title, .cmp-smartblocks .cmp-smartblocks-description {
          padding-left: 1.5rem;
      }
      .cmp-quicklinks {
          position: relative;
          padding: 1rem 0;
      }
      #customsize{
          left: 0em;
          margin-left: 0em !important;
      }
      .container, .container-sm, .container-md, .container-lg {
             max-width: 985px;
      }
  }
  
  @media (min-width: 992px){
      #subtitlevoiture{
          text-align: justify !important;
      }
      .tlm-mobile{
          display:none;
      }
      #fmobile{
          display:none;
      }
      .projoDesktop{
          position: absolute !important;
      width: 635px !important;
      height: 350px !important;
      left: 46% !important;
      top: 11% !important;
      border: solid 3px #fff;
      }
      .btnfixedCustom{
          display:none;
      }
      
      .quicklinkmobile{
          flex-direction: initial !important;	
      }
      
      .carousel-indicators .active {     background-color: #002C5F !important ; }
      .btn-map-concession{
          margin-left: -1.5em !important;
      }
      .cmp-alternate-content .cmp-alternate-content-right-pane{
          margin-top: 0rem !important;
      }
      .gotopbtn{
          position: fixed;
          width: 50px;
          height: 50px;
          background: #282830;
          bottom: 40px;
          right: 50px;
          text-decoration: none;
          text-align: center;
          line-height: 50px;
          color: #fff;
          font-size: 22px;
          z-index: 1000;
          visibility: hidden;
          display:flex;
          align-items:center;
          justify-content:center;
      }
  
      .ajoutMarge{
          padding-top: 5rem;
      }
  
      .gotopbtn[data-scroll="in"] {
          visibility: visible;
          animation: 2s slideUp2 1;
      }
      .gotopbtn[data-scroll="out"] {
          display: none;
      }
  
      @keyframes slideUp2 {
          0% {
              opacity: 0;
              transform: translateY(70%);
          } 
          100% {
              opacity: 1;
              transform: translateY(0%);
              visibility: visible;
          }
      } 
  }
  
  @media (max-width: 991px){
      .tlm-desktop{
          display: none;
      }
      .btn-map-concession{
          margin-left: -1.8rem !important;
      }
      .projoMobile{
          width: 100%;
          height: 100%;
      }
      
      #fdesktop{
          display:none;
      }
      .btnfixed1{
          display: none;
      }
      .btnfixed2{
          display: none;
      }
      .carousel-indicators [data-bs-target]{
          height: 4px !important;
      }
      .carousel-indicators .active {
          background-color: #002C5F !important;
      }
  
      .imgParallax2{
          max-height: 100%;
      }
      
      @keyframes living-cell {
          0%{
          }
          50%{
  
              height: 50px;
                  width: 50px;
                  font-size:7px;
                  opacity: 1;
          }
          100%{
              height: 50px;
              width: 50px;
              border-radius:0;
              color:transparent;
              opacity: 0.3;
              z-index: 1000;
              transform : translate(-33rem);
              font-size:1px;
              background-color: #282830 ;
              border-color: #282830 ;
              visibility: hidden;
          }
      }
       @keyframes living-cell2 {
              0%{
              }
              50%{
                  height: 50px;
                  width: 50px;
                  font-size:7px;
                  opacity: 1;
              }
              100%{
                  height: 50px;
                  width: 50px;
                  border-radius:0;
                  color:transparent;
                  opacity: 0.3;
                  z-index: 1000;
                  transform : translate(-33rem);
                  font-size:1px;
                  background-color: #282830 ;
                  border-color: #282830 ;
                  visibility: hidden;
              }
          }
      .stickybutton2 {
          opacity:0;
          visibility: none;
          transition-delay: 0.5s;
      }
      .stickybutton2[data-scroll="in"] {
          position: fixed;
          visibility: visible;
          display:block;
          opacity:1;
          transition:display 0s, visibility 0s, opacity 0.25s;
          transition-delay: 0.5s;
        }
        @keyframes slideUp {
          0% {
              opacity: 0;
              transform: translateY(70%);
          } 
          100% {
              opacity: 1;
              transform: translateY(0%);
              visibility: visible;
          }
      } 
        .stickybutton2[data-scroll="out"] {
          display: none;
          visibility: none;
          transition:opacity 0.25s, display 0s, visibility 0s; 
          opacity:0;
          transition-delay: 0.5s;
        }
        
        #customsize .btnfixed1, #customsize .btnfixed2{
            display:none;
        }
  }
  .cmp-horizontal-hero .hero-body{
      margin: 5rem auto 0rem !important;
  }
  .carousel-inner, h5 {
  font-family: "FordAntenna", arial, helvetica, sans-serif;
      margin-bottom:5px;
  }
  .nom-modele{
      font-size: 18px;
	  font-weight: lighter;
  }
  .nom-modele-pm{
      font-size: 24px;
  }
  .carousel-caption{ padding-bottom:5px; z-index:2; }
  
  @media  (max-width: 767px) and (min-width: 482px){
      .carousel-item.active::after{
          content:"";
          position:absolute;
          left:0;
          right:0;
          bottom:0;
          height:350px;
          z-index:4;
          background: linear-gradient(180deg, rgba(40,40,48,1) 25%, rgb(204, 204, 204,1) 50%, rgb(204, 204, 204,1) 100%);
          pointer-events:none;
      }
      
      .carousel-item.active.light::after{
          content:"";
          position:absolute;
          left:0;
          right:0;
          bottom:0;
          height:350px;
          z-index:4;	
          background: linear-gradient(180deg, rgba(52,52,52,0) 25%, rgb(204, 204, 204,1) 50%, rgb(204, 204, 204,1) 100%);
          pointer-events:none;
      }
      
      .carousel-item.active.dark::after{
          content:"";
          position:absolute;
          left:0;
          right:0;
          bottom:0;
          height:350px;
          z-index:4;
          background: linear-gradient(180deg, rgba(203,203,203,0) 25%, rgb(40, 40, 48, 1) 50%, rgb(40, 40, 48, 1) 100%);
          pointer-events:none;
      }
      
  }
  
  @media (max-width: 481px){
      .carousel-item img {
        transform-origin: 50% 0%;
      }
      
      .carousel {
      height: 420px !important;
  }
      .carousel-item {
          height: 420px !important;
      }
      .carousel-item{
          overflow:hidden;
      }
  
      .carousel-item.active::after{
          content:"";
          position:absolute;
          left:0;
          right:0;
          bottom:0  !important;
          height:250px;
          z-index:4;
          background: linear-gradient(180deg, rgba(203,203,203,0) 10%, rgb(40, 40, 48, 1) 50%, rgb(40, 40, 48, 1) 100%);
          pointer-events:none;
      }
      
      .carousel-item.active.light::after{
          content:"";
          position:absolute;
          left:0;
          right:0;
          bottom:0  !important;
          height:250px;
          z-index:4;
          background: linear-gradient(180deg, rgba(52,52,52,0) 10%, rgba(204, 204, 204,1) 25%, rgba(204, 204, 204,1) 100%);
          pointer-events:none;
      }
      
      .carousel-item.active.dark::after{
          content:"";
          position:absolute;
          left:0;
          right:0;
          bottom:0  !important;
          height:250px;
          z-index:4;
          pointer-events:none;
      }
  }
  
  .carousel-indicators [data-bs-target] { height:4px;}
  
  .cmp-gallery .slick-slide {  width:300px; }
  
  .cmp-gallery .slick-slide {
    width: 250px;
  }
  .cmp-smartblocks-description {
       width: 100% !important; 
  }
  .dtlo:hover{
      color: #fff !important;
  }
  
  @media (min-width: 768px){
  .cmp-gallery .cmp-gallery-slide .video-wrapper, .cmp-gallery .cmp-gallery-slide .cmp-image {
    height: inherit;
    width: inherit;
  }}
  .cmp-gallery .cmp-gallery-slide .video-wrapper, .cmp-gallery .cmp-gallery-slide .cmp-image {
    height: inherit;
    width: inherit;
  }
  
  @media (min-width: 768px){
  .cmp-gallery .cmp-gallery-slide:hover .cmp-image, .cmp-gallery .cmp-gallery-slide:hover .video-wrapper {
      -webkit-transform: scale(1.03);
  transform: scale(1.03);
  }
  }
  
  
  
  @media  (max-width: 830px) and (min-width: 574px){
      #customsize{
          margin-left: -6.5rem !important;
      }
  } 
  
  @media  (max-width: 991px) and (min-width: 831px){
      #customsize{
          margin-left: -12rem !important;
      }
  
  }
  @media  (min-width: 1600px){
      .h5-carousel-size{
          font-size: 40px !important;
          color:#282830 !important;
      }
      .h3-carousel-size{
          font-size: 50px !important;
          color:#282830 !important;
      }
      .p-carousel-size{
          padding-top: 0.75rem;
          font-size: 20px !important;
          color:#282830 !important;
      }
      .title-4bloc-size{
          font-size: 14px !important;
      }
      .h3-4bloc-size{
          font-size: 23px !important;
      }
      
  }
  @media  (max-width: 1599px) and (min-width: 1200px){
      
      .title-4bloc-size{
          font-size: 14px !important;
      }
      .h3-4bloc-size{
          font-size: 23px !important;
      }
  } 
  
  span-carousel-size
  {
      
  font-family: "FordAntenna", arial, helvetica, sans-serif;	
  }
  
  @media  (max-width: 1599px) and (min-width: 421px){
      .h5-carousel-size{
          font-size: 30px !important;
          color:#282830 !important;
      }
      .h3-carousel-size{
          color:#282830 !important;
      }
      .p-carousel-size{
          padding-top: 0.75rem;
          font-size: 20px !important;
          color:#282830 !important;
      }
  } 
  
  @media  (max-width: 768px) and (min-width: 574px){
      #customsize{
          left: 8% !important;
      }
  }
  @media (max-width: 1199px) and (min-width: 992px) {
      .vehicule-produit-etiquette {
      min-height: 140px;
      max-width: 340px;
      max-height: 140px;
  }
  }
  @media (max-width: 549px) and (min-width: 450px) {
      .vehicule-produit-etiquette {
      min-height: 140px;
      max-width: 340px;
      max-height: 140px;
  }
  }
  @media (max-width: 449px) and (min-width: 341px) {
      .vehicule-produit-etiquette {
      min-height: 105px;
      max-width: 340px;
      max-height: 105px;
  }
  }
  @media (max-width: 340px){
      .vehicule-produit-etiquette {
      min-height: 90px;
      max-width: 389px;
      max-height: 90px;
  }
  }
  
  @media (max-width: 359px){
      .btnslide2{
          margin-right: 0em !important;
      }
  }
  
  @media (max-width: 399px){
      .btnslide1 span{
          font-size: 12px !important;
          padding-left: 1.7rem !important;
      }
      .btnslide2 span{
          padding-left: 1.2rem !important;
          font-size: 12px !important;
          padding-right: 1.2rem!important;
      }
  }
  
  @media (max-width: 991px) and (min-width: 451px) {
      .display-wrap-or-column{
          display: inline-flex;
          flex-direction: column;
          align-items: center;
      }
  }
  
  @media (min-width: 1501px){
      .cmp-modelhero-v2 .asset-container .imglanding{
          height: 110% !important;
      }
  }
  
  @media (max-width: 1500px) and (min-width: 992px) {
      .cmp-modelhero-v2 .asset-container .imglanding{
          height: 100% !important;
      }
  }
  @media (max-width: 991px) and (min-width: 601px) {
      .cmp-modelhero-v2 .asset-container .imglanding{
          height: 155% !important;
      }
  }
  
  @media (max-width: 600px) and (min-width: 300px) {
      .cmp-modelhero-v2 .asset-container .imglanding{
          height: 140% !important;
      }
  }
  
  @media (max-width: 350px){
      .h3-4bloc-size{
          font-size: 20px !important;
      }
      .dtlo{
          font-size: 13px !important;
      }
      .btn-content-fondnoir-contournoir span{
          font-size: 13px !important;
      }
      .btn-content-fondnoir-contourblanc span{
          font-size: 13px !important;
      }
      .btn-content-fondblanc-contournoir span{
          font-size: 13px !important;
      }
      .btn-content-fondblanc-contourblanc span{
          font-size: 13px !important;
      }
      input[type="submit"]{
          font-size: 13px !important;
      }
  }
  
  .overlay-video{
      position:relative;
  }
  
  .overlay-video:after{
      content: "";
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background:rgba(0,0,0,0.15);
      z-index:1;
  }
  
  .cmp-homepage-ctas .no-click{
      position:relative;
      z-index:1;
  }
  
  .cmp-image{
      position:relative;
  }
  
  .textjustify p{
      text-align: justify;
  }
  
  .cmp-image.overlay:after{
      content: "";
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background:rgba(0,0,0,0.35);
      z-index:1;
  }
  
  .cmp-alternate-content-left-pane{
      position: relative;
  }
  
  .cmp-alternate-content-left-pane .container{
      z-index:2;
  }
  
  .carousel-item{
      position:relative;
  }
  
  .carousel-item img{
      z-index:3;
  }
  
  .carousel-item .carousel-caption{
      z-index:5;
  }
  
  .carousel-item img{
      position:relative;
  }
  
  .carousel-control-prev, .carousel-control-next{
      z-index:10;
  }
  
  .carousel{
      background:transparent !important
  }
  
  .carousel-item.light .background{
      content: ' ';
      display:block;
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background: #fff;
      z-index:1;
  }
  
  .carousel-item.dark .background{
      content: ' ';
      display:block;
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background: #282830;
      z-index:1;
  }
  
  .carousel-item .square{
      content: ' ';
      display:block;
      position:absolute;
      top:0;
      left:50%;
      right:0;
      bottom:50%;
      background: inherit;
      z-index:2;
  }
  
  
  .carousel-item.dark .carousel-caption,
  .carousel-item.dark .carousel-caption .p-carousel-size,
  .carousel-item.dark .carousel-caption .h3-carousel-size,
  .carousel-item.dark .carousel-caption .h5-carousel-size {
      color:#fff !important;
  }
  
  .carousel-item.dark .carousel-caption .btn-content-fondblanc-contournoir{
      border: solid 3px #fff;
      color: #fff !important;
  }
  
  .carousel-item.dark .carousel-caption .btn-content-fondblanc-contournoir:hover{
      background-color: transparent !important;
      border-color: #e4e4e4 !important;
      opacity: 1 !important;
      text-decoration: none !important;
  }
  
  .carousel-item.dark .carousel-caption .btn-content-fondblanc-contournoir:hover span{
      color: #e4e4e4 !important;
  }
  
  .carousel-item.dark .carousel-caption .btn-content-fondblanc-contournoir span{
      color: #fff !important;
  }
  
  .carousel-item.dark .carousel-caption .btn-content-fondnoir-contournoir{
      background-color: #fff !important;
      color: #282830 !important;
      border: solid 3px #fff !important;
  }
  
  .carousel-item.dark .carousel-caption .btn-content-fondnoir-contournoir span{
      color: #282830 !important;
  }
  
  .carousel-item.dark .carousel-caption .btn-content-fondnoir-contournoir:hover {
    
      background-color: #e4e4e4 !important;
      border-color: #e4e4e4 !important;
      opacity: 1 !important;
      text-decoration: none !important;
  }
  
  .carousel-item.dark .carousel-caption .btn-content-fondnoir-contournoir:hover span{
      color: #282830 !important;
  }
  
  footer{
      
      background-color: #002C5F !important;
      color: #fff !important;
  }
  .cmp-list-cards {
    background-color: #002C5F !important;
}
  #block612 {
      margin-bottom: 0em !important;
      margin-top: 0em !important;
  }
  
  #block604{
      margin-bottom: 0em !important;
      margin-top: 0em !important;
  }
  
  #block669{
      margin-bottom: 0em !important;
      margin-top: 0em !important;
  }
  
  #block670{
      margin-top: 0em !important;
      margin-bottom: 0em !important;
  }
  
  #block674{
      margin-top: 0em !important;
  }
  
  #block613{
      margin-top: 0em !important;
  }
  .image-bloc-parallax{
    background-image:url('../../assets/test-parallax.jpg');background-position-y: -75px; left:0;
  }
  .btn-form-bloc-parallax{
    background-color: transparent !important; border: solid 3px #fff !important; line-height: 3.8rem !important; text-decoration: none !important;
  }
  .object-f-cv{
    object-fit: cover;
  }
  .bottom-custom-header-pp{
    bottom: 1.5em;
  }
  .marginl-content-header-pp{
    margin-left:-.6rem !important;
  }
  .margin-btn-header-pp{
    margin: 0 1.5rem;
  }
  .margin-left-custom-header-pp{
    margin-left:-2.7rem !important;
  }
	.pagination_page_precedent_suivant{
		display: flex !important;
	}
	::marker{
		color: transparent;
	}
  @media (max-width: 481px){
      
      .h3-carousel-size{
              font-size: 18px !important;
          }
          .p-carousel-size{
              padding-top: 0.75rem;
              font-size: 13px !important;
          }
      .span-carousel-size{
              font-family: "FordAntenna", arial, helvetica, sans-serif !important;
              font-size: 18px !important;
          }
  }
  
  /* ---------------------- MEDIA QUERY ------------------------- */