html{margin: 0; padding: 0;}

body{
    background-color: var(--primary--bg-color);
    font-family: var(--multimarques-font-family);
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100%;
    -webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-interpolation-mode: nearest-neighbor;
    text-rendering: optimizeLegibility;
    color: var(--text-color);
    font-size: 16px;
    line-height: 18px;
}

body.open-menu-responsive,
body.open-area-concession{overflow: hidden;}

*, ::after, ::before{box-sizing: inherit !important;}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}

a{text-decoration: none; color: var(--text-color); transition: all 300ms ease;}
a:hover,
a:focus{outline: none; color: var(--primary-color);}

h1 {
    font-size: 30px;
    color: var(--text-color);
    font-weight: 600;
    margin: 0 0 15px;
    display: inline-block;
}
h2 {
    font-size: 22px;
    color: var(--text-color);
    font-weight: 500;
    margin: 0 0 15px;
    display: inline-block;
}
.btn-primary{
    display: flex;
    align-items: center;
    background: var(--contrast-bg-color);
    height: 40px;
    color: var(--contrast-text-color);
    font-weight: 400;
    font-size: 16px;   
    border: none;
    transition: all 300ms ease;
}

.btn-primary:hover,
.btn-primary:focus{
    background: var(--primary-color);
    border: none;
    outline: none;
}

.content-detail .page-container {
    background: linear-gradient(to bottom, var(--secondary-bg-color) 21%,var(--primary--bg-color) 100%);
    display: flex;
    flex-direction: column;
    padding: 0 0 120px;
    max-width: inherit;
    width: 100%;
    margin: 0 auto;
}

.content-detail.section-actualites,
.content-detail{background: linear-gradient(to bottom, var(--secondary-bg-color) 21%,var(--primary--bg-color) 100%);}

.section-actualites.home-actualites{padding: 80px 30px;}

.page-liste-vehicules.section-accessoires .content-detail__accessoires .container-article.hidden-article,
.page-liste-vehicules.section-vo .content-detail__vo .container-article.hidden-article,
.page-liste-vehicules.section-vn .content-detail__vn .container-article.hidden-article,
.container-article.hidden-article{display:none;}



/* ---------------------- */
/* ------- Header ---- -- */
/* ---------------------- */


#header-concessionnaire{
    position: relative;
    z-index: 100;
    max-width: 100vw;
    padding-bottom: 82px;
    background-color: var(--primary--bg-color);
    overflow: hidden;
}

.header-top{
    background-color: var(--contrast-bg-color);
    position: relative;
    z-index: 101;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    padding: 10px 68px;
}

.header-top__phone{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 16px;
    border-right: 1px solid #FFF;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    color: #FFF;
}

.header-top__phone:hover,
.header-top__phone:focus{color: #FFF;}

.container-rs__icon svg,
.header-top__phone svg{fill: #FFF; transition: all 300ms ease;}

.container-rs__icon,
.header-top__RS{display: flex; align-items: center;}

.header-top__RS{gap: 16px;}
.container-rs__icon:hover svg,
.container-rs__icon:focus svg{fill: var(--secondary-color);}

#nav-header{
    display: flex;
    align-items: center;
    position: fixed;
    top: 38px;
    left: 0;
    right: 0;
    z-index: 100;
    max-width: 100vw;
    min-height: calc(82px - 11px);
    padding: 5px 68px 5px 58px;
    transition: all 500ms;
    background-color: rgba(var(--primary--rgb-bg-color), 0.8);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--secondary-bg-color);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
#nav-header.fixed-active{top: 0;}

.content-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.logo-header{
    background-color: #FFF;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 8px 10px;
    height: calc(70px - 16px);
}

.logo-header__link{display: flex; max-width: 200px; max-height: 54px;}
.logo-header__link img{width:100%;}

#nav-header nav{flex-grow: 1; transition: all 500ms ease;}
#nav-header nav ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#nav-header nav ul li {
    margin: 0;
    position: relative;
    text-align: center;
}
#nav-header nav ul li ul li {white-space: nowrap;}

#nav-header nav .link-nav,
#nav-header nav ul li a{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: var(--text-color);
    cursor: pointer;
    transition: all 400ms ease;
}

#nav-header nav ul li.active a,
#nav-header nav ul li a:hover,
#nav-header nav ul li a:focus{text-decoration: none; color: var(--primary-color);}

#nav-header nav ul .menu-back-home::before,
#nav-header nav ul .main-item-li .main-item::before{
  content: "";
  position: absolute;
  z-index: 1;
  left: 51%;
  right: 51%;
  bottom: -12px;
  background-color: var(--primary-color);
  height: 6px;
  transition: all 400ms ease;
}

#nav-header nav ul .back-home.active .menu-back-home::before,
#nav-header nav ul .main-item-li.active .main-item::before,
#nav-header nav ul .menu-back-home:hover::before,
#nav-header nav ul .menu-back-home:focus::before,
#nav-header nav ul .main-item-li:hover .main-item::before,
#nav-header nav ul .main-item-li:focus .main-item::before{left: 0; right: 0;}

#nav-header nav ul li .link-nav{display:flex; align-items: center; gap: 10px;}

#nav-header nav ul li .link-nav,
#nav-header nav ul li a{padding: 20px 0; cursor: pointer;}

#nav-header nav ul .menu-back-home{position: relative; height: calc(44px - 24px); padding: 20px 5px;}
#nav-header nav ul .menu-back-home svg{fill: var(--text-color); transition: all 300ms ease;}
#nav-header nav ul .back-home.active .menu-back-home svg,
#nav-header nav ul .menu-back-home:hover svg,
#nav-header nav ul .menu-back-home:focus svg{fill: var(--primary-color);}

#nav-header nav ul li.voir-plus-section .link-nav.main-item{width: 50px; gap: 0; padding: 14px 0;}

#nav-header nav ul li .link-nav .voir-plus-header__nav{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 25px;
    border-radius: 16px;
    border: 1px solid #000;
    transition: all 300ms ease;
}

#nav-header nav ul li.voir-plus-header.voir-plus-section:hover .link-nav .voir-plus-header__nav,
#nav-header nav ul li.voir-plus-header.voir-plus-section:focus .link-nav .voir-plus-header__nav{background-color: var(--primary-color); border: 1px solid var(--primary-color);}

#nav-header nav ul li .link-nav svg{fill: var(--text-color); transition: all 300ms ease;}
#nav-header nav ul li.voir-plus-header.voir-plus-section:hover .link-nav svg,
#nav-header nav ul li.voir-plus-header.voir-plus-section:focus .link-nav svg{transform: rotate(180deg); fill: var(--contrast-text-color);}

#nav-header nav ul li .link-nav,
#nav-header nav ul li .first-cat{position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease;}

#nav-header nav ul li .first-cat::after{
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    background-color: var(--primary-color);
    height: 0;
    width: 100%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

#nav-header nav ul li:hover .first-cat::after,
#nav-header nav ul li:focus .first-cat::after{height: 4px;}

#nav-header nav ul li:hover .link-nav,
#nav-header nav ul li:focus .link-nav,
#nav-header nav ul li:hover .first-cat,
#nav-header nav ul li:focus .first-cat{color: var(--primary-color);}

#nav-header nav ul li .submenu{
    position: absolute;
    top: 72px;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    min-width: 200px;
    padding: 0;
    background: var(--primary--bg-color);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px);
    transition: all 400ms ease;
}

#nav-header nav ul li.voir-plus-section .submenu{top: 64px; left: inherit; right: 0;}

#nav-header nav ul li:hover ul.submenu,
#nav-header nav ul li:focus ul.submenu{
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0px);
}
#nav-header nav ul li .submenu li{padding: 0; margin: 0; width: 100%;}

#nav-header nav ul li .submenu li a{
    display: flex;
    align-items: center;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: var(--text-color);
}

#nav-header nav ul li .submenu li:last-child a{border-bottom: none;}

#nav-header nav ul li .submenu li span{display: inline-block; padding-top: 3px; margin-right: 15px; font-size: 7px; line-height: 7px;}

#nav-header nav ul li .submenu li a:hover,
#nav-header nav ul li .submenu li a:focus{
    text-decoration: none;
    background-color: var(--primary-color);
    color: var(--contrast-text-color);
    border-bottom: 1px solid var(--primary-color);
}

#nav-header nav ul li .submenu li a.submenu__tout-voir{gap: 5px;}
#nav-header nav ul li .submenu li a.submenu__tout-voir svg{
    transition: all 300ms ease;
    max-width: 10px;
    margin-top: 2px;
    fill: var(--text-color);
}
#nav-header nav ul li .submenu li a.submenu__tout-voir:hover svg,
#nav-header nav ul li .submenu li a.submenu__tout-voir:focus svg{fill: var(--contrast-text-color);}

#nav-header nav ul.collapse.show{display: flex;}

#nav-header nav ul.collapse:not(.show),
.nav-secondaire-mobile,
.nonsite-mobile,
#nav-header nav ul.menu-responsive{display: none;}


.hamburger{
    background-color: transparent;
    overflow: visible;
    display: none;
    align-items: center;
    margin: 0;
    padding: 0 0 0 20px;
    cursor: pointer;
    font: inherit;
    color: inherit;
    border: 0;
    text-transform: none;
    border: 1px solid var(--text-color);
    border-radius: 22px;
    transition: all 300ms linear;
}

.hamburger .back-home-mobile{position: relative; display:flex; padding-right: 16px;}

.hamburger .back-home-mobile svg{fill: var(--text-color); transition: all 300ms ease;}
.hamburger .back-home-mobile:hover svg{fill: var(--primary-color);}

.hamburger-box{
    background-color: var(--contrast-bg-color);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 42px;
    border-radius: 0 22px 22px 0;
    transition: all 300ms ease;
}

.hamburger-box:hover,
.hamburger-box:focus{background-color: var(--primary-color);}

.hamburger-inner{
    display: block;
    top: 50%;
    margin-top: -1px;
}

.hamburger-inner,
.hamburger-inner::before, 
.hamburger-inner::after{
    width: 20px;
    height: 2px;
    background-color: var(--primary--bg-color);
    border-radius: 1px;
    position: absolute;
    transition: all 300ms ease;
}
.hamburger-inner::before,
.hamburger-inner::after{content: ""; display: block;}

.hamburger-inner::before{top: -5px;}
.hamburger-inner::after{bottom: -5px;}

.hamburger--spin-r.is-active .hamburger-inner{transform: rotate(-225deg);}
.hamburger--spin-r.is-active .hamburger-inner::before{top: 0; opacity: 0;}
.hamburger--spin-r.is-active .hamburger-inner::after{bottom: 0; transform: rotate(-90deg);}




/* ---------------------- */
/* ------- Footer ---- -- */
/* ---------------------- */


footer.footer-multimarques{padding: 60px 30px;}

.footer-multimarques .container_footer,
.footer-multimarques .footer__ecolo,
.footer-multimarques .footer__copyright{width: 100%; max-width: 1320px; margin: 0 auto;}

.footer-multimarques .container_footer.small-container_footer{max-width: 960px;}

.footer-multimarques .container_footer{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.container_footer__contact,
.container_footer__horaires,
.container_footer__marques,
.container_footer__timeline-facebook{width: 100%;}

.container_footer__contact{max-width: 270px;}
.container_footer__horaires,
.container_footer__marques{max-width: 220px;}
.container_footer__timeline-facebook{max-width: 300px;}

.container_footer__adresse{
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 22px;
}

.footer-tel{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 22px;
    font-weight: 800;
    color: var(--text-color);
}

.footer-tel:hover{color: var(--text-color);}

.footer-tel svg{fill: var(--text-color);}

.footer-lien-contact{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1px;
    width: 200px;
    height: 40px;
    border-radius: 22px;
    font-size: 15px;
    font-weight: 600;
}

.container_footer__rs{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.container_footer__rs a{padding: 0 5px;}
.container_footer__rs a svg{transition: all 300ms ease; fill: var(--text-color);}
.container_footer__rs a:hover svg,
.container_footer__rs a:focus svg{fill: var(--primary-color);}

.container_footer__horaires h4,
.container_footer__marques h4{
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}

.container_footer__liste-marques{
    text-transform: lowercase;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 15px;
}

.container_footer__liste-marques a::first-letter{text-transform: uppercase;}

.container_footer__secondary-nav,
.container_footer__essai{
    margin-top: 16px;
    padding-top: 14px;
    font-size: 15px;
}

.container_footer__essai{display: block;}
.container_footer__secondary-nav{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.container_footer__essai:hover,
.container_footer__essai:focus,
.container_footer__liste-marques a:hover,
.container_footer__liste-marques a:focus,
.container_footer__secondary-nav a:hover,
.container_footer__secondary-nav a:focus{text-decoration: underline;}

.container_footer__horaires{
    font-size: 15px;
    line-height: 22px;
}

.container_footer__contact .container_footer__NomConcession{
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 800;
}

.footer-multimarques .footer__ecolo{
    margin: 50px auto 35px;
    padding-bottom: 12px;
    text-align: center;
    font-size: 14px;
    font-style: italic;
}

.footer-multimarques .footer__copyright{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
}


#back-top {
	position: fixed;
	bottom: 20px;
    right: 15px;
    overflow: hidden;
    z-index: 10;
}
#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
    outline: none;
    cursor: pointer;
    border-bottom: none;
}
#back-top a:hover {
	color: var(--text-color);
}
/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: rgba(109,109,109,0.5) url(../images/up-arrow.png) no-repeat center center;
    background-size: 35%;
	border-radius: 5px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: var(--primary-color);
}



/* --------------------- */
/* ------ Content ------ */
/* --------------------- */



.CLArticle{display: flex; gap: 25px; max-width: 1350px; margin: 0 auto;}

.CL-image-haut,
.CL-image-bas{flex-direction: column;}

.CL-image-droite,
.CL-image-gauche,
.CL-image-haut,
.CL-image-bas{justify-content: space-between; align-items: center; flex-wrap: wrap;}

.CL-image-droite{flex-direction: row-reverse;}

.article-image-gauche,
.article-image-droite{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.img-link-article{display: flex; align-items: center; width: 100%;}

.CL-image-droite .CLArticle__txt,
.CL-image-gauche .CLArticle__txt,
.CL-image-droite .img-link-article,
.CL-image-gauche .img-link-article,
.CL-image-droite img,
.CL-image-gauche img{width: 48%;}

.CL-image-droite .img-link-article img,
.CL-image-gauche .img-link-article img,
.CL-image-haut img,
.CL-image-bas img{width: 100%;}

.CLArticle__txt .cta-concessionnaire{margin-top: 30px;}

.CL-image-bas .CLArticle__txt .cta-concessionnaire,
.CL-image-haut .CLArticle__txt .cta-concessionnaire{display: block; max-width: 600px; margin: 30px auto 0;}

.article-image-droite .img-align-right{order: 2;}

.img-float-none{margin-bottom: 15px;}

.img-align-top,
.img-align-bottom{max-height: 500px; object-fit: cover;}

.voir-tous-les-modeles {white-space: nowrap;}

.annonce-title{position: relative;}
.critair{
    position: absolute;
    top: 18px;
    right: 7px;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 50% ;
     transform: translate(0, -50% ) !important;
    margin-left: 0 ;
    background: url(../images/owl-video-play.png) no-repeat center;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 500ms ease;
}

.banner-home{position: relative; z-index: 2;}

.img-banner-home{align-items: start !important;}

.img-banner-home{
    background-color: var(--secondary-bg-color); 
    position: relative; 
    z-index: 1;
    overflow: hidden;
}

.img-banner-home img{width: 100%;}

.owl-carousel .owl-video-tn{height: 460px;}
.owl-carousel .owl-video-play-icon{top: 57%;}

.owl-carousel.owl-theme .owl-dots{
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    transform: translate(-50%, 0);
}


.owl-carousel.owl-theme .owl-dots .owl-dot span{
    background-color: var(--text-color);
    width: 12px;
    height: 12px;
    margin: 0;
    border: 1px solid var(--primary--bg-color);
    transition: all 300ms ease;
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active:hover span,
.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span{background-color: var(--primary--bg-color); border: 1px solid var(--text-color);}

.owl-carousel.owl-theme .owl-dots .owl-dot.active:hover span,
.owl-carousel.owl-theme .owl-dots .owl-dot.active span{width: 44px;}

.owl-carousel.owl-theme .owl-nav{
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 100vw;
    margin-top: -22px;
}
.owl-carousel.owl-theme .owl-nav button.owl-next,
.owl-carousel.owl-theme .owl-nav button.owl-prev{
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin: 0;
    transition: all 300ms ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.owl-carousel.owl-theme .owl-nav button.owl-next{right: 30px;}
.owl-carousel.owl-theme .owl-nav button.owl-prev{left: 30px;}

.owl-carousel.owl-theme .owl-nav button.owl-next:hover{right: 25px;}
.owl-carousel.owl-theme .owl-nav button.owl-prev:hover{left: 25px;}

.owl-carousel.owl-theme .owl-nav button.owl-next::before,
.owl-carousel.owl-theme .owl-nav button.owl-prev::before{
    background: url(../images/arrow-slider.png) no-repeat 0 0;
    background-size: contain;
    width: 8px;
    height: 16px;
    margin: 1px 0 0 1px;
    content: "";
}

.owl-carousel.owl-theme .owl-nav button.owl-prev::before{transform: rotate(-180deg);}

.owl-carousel.owl-theme.owl-center-noloop .owl-stage-outer .owl-stage{padding-top: 6px;}

.owl-carousel.owl-theme.owl-center-noloop,
.owl-carousel.owl-theme.owl-center-noloop-gamme{max-width: 1360px; margin: 0 auto;}
.owl-carousel.owl-theme.owl-center-noloop .owl-stage-outer,
.owl-carousel.owl-theme.owl-center-noloop-gamme .owl-stage-outer{overflow: visible;}

.owl-carousel.owl-theme.owl-center-noloop-gamme .owl-dots,
.owl-carousel.owl-theme.owl-center-noloop .owl-dots{
    position: initial;
    transform: none;
    margin: 50px 0 0;
    gap: 8px;
    width: 100%;
    max-width: 1360px;
}

.owl-carousel.owl-theme.owl-center-noloop-gamme .owl-dots .owl-dot span,
.owl-carousel.owl-theme.owl-center-noloop .owl-dots .owl-dot span{
    background-color: #DDDDDC;
    width: 40px;
    height: 5px;
    border: none;
    border-radius: 0;
}

.owl-carousel.owl-theme.owl-center-noloop-gamme .owl-dots .owl-dot.active span,
.owl-carousel.owl-theme.owl-center-noloop .owl-dots .owl-dot.active span {background-color: var(--text-color);}

h2.titre-listing {
    margin: 0;
    padding: 10px 0 6px;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    max-width: 453px;
}
.moto-card-foot{
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 300;
    padding-top: 15px;
}

.moto-card-foot .prix-vignette{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
.price-neuf{
    color: #e2001a;
    font-weight: bolder;
    font-size: 24px;
}
.moto-card{
    border: 1px solid #9c9c9c;
    margin-bottom: 20px;
}
.moto-card:hover{border: 1px solid  #2f2f2f;}

.txt-slideshow {
    background: rgba(0, 0, 0, 0.30);
    position: absolute;
    top: 50%;
    left: 10%;
    display: flex;
    width: 33%;
    max-width: 600px;
    height: auto;
    padding: 34px;
    border-radius: 10px;
    color: #fff;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transform: translateY(-50%);
    transition: all 300ms ease;
}
.txt-slideshow .titre{
    font-size: 40px;
    line-height: 46px;
    font-weight: 800;
    color: #FFF;
}
.txt-slideshow .desc{
    font-size: 20px;
    line-height: 25px;
}
.txt-slideshow .btn{
    background-color: var(--primary--bg-color);
    font-size: 15px;
    margin-top: 20px;
    padding: 9px 30px 10px 30px;
    border-radius: 24px;
    color: var(--text-color);
    font-weight: 600;
    transition: all 300ms ease;
}
.txt-slideshow .btn:hover{background-color: var(--primary-color); color: var(--contrast-text-color);}

.lite-marques-accueil{
    background-color: var(--contrast-bg-color);
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 50px 60px;
    margin-bottom: 220px;
}

.lite-marques-accueil__title{
    position: relative;
    z-index: 1;
    margin: -4vw 0 0;
    font-size: 15vw;
    font-weight: 800;
    color: var(--contrast-text-color);
    opacity: 0.15;
    text-align: center;
}

.lite-marques-accueil__items-carousel{
    position: relative;
    z-index: 2;
    max-width: 80vw;
    margin-top: -154px;
    margin-bottom: -180px;
}

.lite-marques-accueil_items{
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    max-width: 80vw;
    margin-top: -154px;
    margin-bottom: -174px;
}

.lite-marques-accueil__items-carousel .owl-item{padding: 6px 0;}
.lite-marques-accueil__items-carousel.owl-carousel.owl-theme .owl-dots{bottom: -30px;}

.lite-marques-accueil .ImageBox__item{
    background-color: var(--primary-color);
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    transition: all 300ms ease;
}

.lite-marques-accueil .ImageBox__item:hover,
.lite-marques-accueil .ImageBox__item:focus{transform: translateY(-5px);}

.lite-marques-accueil .lite-marques-accueil_items .ImageBox__item{width: 17%;}

.ImageBox__second-img .ImageBox__graphic-shapes,
.ImageBox__second-img .ImageBox__polygon,
.lite-marques-accueil_items.affichage-mobile,
.lite-marques-accueil .ImageBox__CTA,
.lite-marques-accueil .ImageBox__title{display: none;}

.lite-marques-accueil .ImageBox__item .ImageBox__img{
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.lite-marques-accueil .ImageBox__item .ImageBox__img img{width: 100%;}

.lite-marques-accueil .ImageBox__item .ImageBox__first-img{
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(80% - 40px);
    height: calc(84px - 20px);
    margin: 15px;
    padding: 10px 20px;
    border-radius: 8px;
}
.lite-marques-accueil .ImageBox__item .ImageBox__first-img img{max-width: 156px; max-height: 60px; object-fit: contain;}

.lite-marques-accueil .ImageBox__item .ImageBox__second-img{
    position: relative;
    z-index: 1;
    width: 100%;
}

.lite-marques-accueil .ImageBox__second-img .ImageBox__polygon{
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 2;
    fill: var(--primary-color);
}

.lite-marques-accueil .ImageBox__second-img .ImageBox__graphic-shapes{
    position: absolute;
    bottom: -6px;
    left: 0;
    display: block;
    width: 100%;
    z-index: 3;
}

.lite-marques-accueil .ImageBox__item .ImageBox__second-img img{
    position: relative;
    z-index: 1;
    height: 204px;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
}

.presentation-concess{padding: 0 30px 80px;}

.presentation-concess__content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.presentation-concess__txt{width: 45%;}
.presentation-concess__more-info{width: 50%;}

.presentation-concess__txt .CLArticle .CLArticle__txt{width: 100%;}

.presentation-concess__NomConcession{margin-bottom:22px; font-size: 28px; font-weight: 800;}
.presentation-concess__detail p{font-size: 14px; line-height: 22px;}

.presentation-concess__more-info .owl-carousel .owl-stage-outer{border-radius: 10px;}
.presentation-concess__more-info .owl-carousel .owl-stage-outer .owl-stage{display: flex; align-items: stretch;}
.presentation-concess__more-info .owl-carousel .owl-item{transform: translateX(3px);}
.presentation-concess__more-info .owl-carousel .owl-item img{height: 100%; min-height: 380px; object-fit: cover;}

.presentation-concess__more-info .owl-two.owl-carousel.owl-theme .owl-dots{bottom: 20px;}

.more-info__contact{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.more-info__horaires .more-info__detail-horaires{
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 2;
    width: calc(100% - 60px);
    padding: 20px 30px;
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.02em;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 0 0 10px 10px;
    transition: all 300ms ease;
}

.more-info__horaires.show-horaires .more-info__detail-horaires{bottom: 74px; opacity: 1; visibility: visible;}
.more-info__detail-horaires h4{
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 8px;
}

.more-info__phone{flex-grow: 1;}
.more-info__phone a{
    display: flex;
    align-items: center;
    font-size: 26px;
    line-height: 28px;
    font-weight: 800;
    gap: 10px;
}
.more-info__phone a:hover{color: var(--text-color);}
.more-info__phone a svg{margin-top: 2px; fill: var(--text-color);}

.more-info__contact-link a,
.more-info__horaires .picto-show-horaires,
.more-info__address a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    border-radius: 22px;
    cursor: pointer;
    transition: all 300ms ease;
    border: 1px solid var(--text-color);
}

.more-info__contact-link a{
    width: 194px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-transform:uppercase;
}

.more-info__horaires .picto-show-horaires,
.more-info__address a{width: 42px;}

.more-info__contact-link a:hover,
.more-info__horaires .picto-show-horaires:hover,
.more-info__address a:hover{background-color: var(--primary-color); color: var(--contrast-text-color); border: 1px solid var(--primary-color);}

.more-info__horaires .picto-show-horaires svg,
.more-info__address a svg{fill: var(--text-color); transition: all 300ms ease;}

.more-info__horaires .picto-show-horaires:hover svg,
.more-info__address a:hover svg{fill: var(--primary--bg-color);}

.content-product{width: calc(100% - 60px); padding: 80px 30px 60px;}

.section-actualites,
.content-product.selection-vehicules-neufs{background: var(--secondary-bg-color);}

.content-product.selection-accessoire{padding: 80px 30px;}

.section-actualites__title,
.content-product__title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto 44px;
}

.section-actualites__title{max-width: 1200px;}
.content-product__title{max-width: 1360px;}

.section-actualites__title h2,
.content-product__title h2{
    margin-bottom: 0;
    font-size: 30px;
    color: var(--text-color);
    font-weight: 800;
    text-transform: uppercase;
}

.section-actualites__title .cta-tout-voir,
.content-product__title .cta-tout-voir{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    color: var(--text-color);
}
.section-actualites__title .cta-tout-voir:hover,
.content-product__title .cta-tout-voir:hover{color: var(--primary-color); margin-right: -6px;}

.cta-tout-voir svg{fill: var(--text-color); margin-top: 4px; transition: all 300ms ease;}
.cta-tout-voir:hover svg{fill: var(--primary-color);}

.liste-vehicules{width: 100%; max-width: 1400px; margin: 0 auto;}

.liste-accessoires{
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 35px;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0;
}

.liste-accessoires .item-accessoire,
.item-vehicule{
    background-color: #FFF;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding-bottom: 18px;
    border-radius: 10px;
    transition: all 300ms ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.liste-accessoires .item-accessoire{width: 17.8%;}

.liste-accessoires .item-accessoire:hover,
.liste-accessoires .item-accessoire:focus,
.item-vehicule:hover,
.item-vehicule:focus{transform: translateY(-5px); box-shadow: 0 2px 5px rgba(0,0,0,0.3);}

.item-vehicule h4{
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    flex-direction: column;
    width: calc(100% - 30px);
    min-height: 40px;
    margin: 0;
    padding: 8px 15px;
    color: var(--contrast-text-color);
    font-size: 15px;
    line-height: 20px;
}

.item-vehicule h4 strong{text-transform: uppercase; font-size: 17px; font-weight: 800;}

.item-accessoire .txt-item-access{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-grow: 1;
    gap: 5px;
    padding: 0 15px;
    text-align: center;
}

.txt-item-access h4{
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}

.content-product .liste-vehicules .owl-stage-outer{padding: 10px 0;}
.content-product .owl-theme.liste-vehicules .owl-dots{
    position: initial;
    transform: none;
    justify-content: center;
    margin-top: 30px;
}

.liste-accessoires .img-accessoire,
.item-vehicule .img-vehicule{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.item-vehicule .img-vehicule{height: 224px;}
.liste-accessoires .img-accessoire{height: 200px; margin-bottom: 15px;}

.item-vehicule .img-vehicule .img-vehicule__permis-a2{
    background-color: #FFF;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    width: 26px;
    height: 26px;
    padding: 8px 8px 9px;
    border-radius: 20px;
}

.liste-accessoires .img-accessoire img.img-responsive,
.item-vehicule .img-vehicule img.img-responsive{
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.detail-annonce{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
    padding: 0 15px;
    width: calc(100% - 30px);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #6F6F6F;
    letter-spacing: 0.02em;
}

.detail-annonce__infos{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.txt-item-access .price,
.detail-annonce__price{
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: var(--text-color);
    text-align: center;
}

.link-accessoires .PrixBarre,
.txt-item-access .PrixBarre,
.detail-annonce__old-price{
    font-size: 14px;
    font-weight: 500;
    color: #888;
    text-decoration: line-through;
}

.link-accessoires .price,
.detail-annonce .price{
    display: block;
    margin-top: 10px;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: var(--text-color);
}

.section-actualites__liste{
    display: flex;
    justify-content: space-between;
    gap: 52px;
    max-width: 1200px;
    margin: 0 auto;
}

.actualites-accueil__article0{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 44%;
}

.section-actualites__autres-actus{
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 51%;
}

.actualites-accueil__img{position: relative; z-index: 1;}
.actualites-accueil__img img{width: 100%; object-fit: cover;}

.actualites-accueil__article0 .actualites-accueil__img img{height: 464px; border-radius: 10px; background-color: #FFF;}
.section-actualites__autres-actus .actualites-accueil__img img{width: 320px; height: 170px; border-radius: 10px; background-color: #FFF;}

.actualites-accueil__item{display: flex; align-items: center; gap: 30px; transition: all 300ms ease;}
.actualites-accueil__item:hover,
.actualites-accueil__item:focus{transform: translateY(-6px);}
.actualites-accueil__article0.actualites-accueil__item{flex-direction: column; gap: 0; max-height: 570px;}

.actualites-accueil__article0 .actualites-accueil__intro{
    position: relative;
    z-index: 2;
    max-width: 72%;
    padding: 20px;
    background-color: var(--primary--bg-color);
    border-radius: 10px;
    transform: translateY(-50%);
    box-shadow: 0 12px 36px -8px rgba(53,64,117,0.2);
}

.actualites-accueil__titre{font-size: 18px; line-height: 24px; font-weight: 700;}
.actualites-accueil__item .date-actualites{margin-bottom: 12px; font-size: 14px; line-height: 18px; color: #6F6F6F;}

.CTA-lire-la-suite{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--text-color);
}

.CTA-lire-la-suite:hover{color: var(--primary-color); transform: translateX(6px);}

.CTA-lire-la-suite svg{
    fill: var(--text-color);
    margin-top: 2px;
    transition: all 300ms ease;
}

.CTA-lire-la-suite:hover svg{fill: var(--primary-color);}

.actualites-accueil__txt{margin-bottom: 14px; font-size: 14px; line-height: 18px;}

.section-accessoires .content-detail__accessoires .container-article,
.section-vo .content-detail__vo .container-article,
.section-vn .content-detail__vn .container-article{display:none;}

.page-liste-vehicules.section-accessoires .content-detail__accessoires .container-article,
.page-liste-vehicules.section-vo .content-detail__vo .container-article,
.page-liste-vehicules.section-vn .content-detail__vn .container-article{
    background-color: var(--primary--bg-color);
    box-shadow: 0 1px 3px rgba(28, 37, 55, 0.2);
    display: block;
    width: calc(100% - 50px);
    max-width: 960px;
    margin: 45px auto;
    border-radius: 10px;
    padding: 20px 25px;
}

.content-detail .page-container.content-detail__demande-essai{max-width: inherit; padding: 0; width: 100%;}

.content-detail__vn .container-article{max-width: 1100px; margin: 0 auto; padding: 40px 30px;}
.content-detail__vn .container-article h2{margin-bottom: 0; text-align: center; width: 100%;}

.section-liste-logos-ImageBox{
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 50px;
    padding: 30px;
}

.section-liste-logos-ImageBox .ImageBox__item{
    background-color: #FFF;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 3px;
    transition: all 300ms ease;
}

.section-liste-logos-ImageBox .ImageBox__item:hover{transform: scale(1.1);}

.section-liste-logos-ImageBox .ImageBox__item img{max-width: 125px; max-height: 58px; object-fit: contain;}



/* -------------------- */
/* --- Page produit --- */
/* -------------------- */


.modal.show .modal-dialog{margin: 9vh auto;}
.modal-dialog .modal-header{position:relative; padding: 15px 80px 15px 30px;}
.modal-dialog .modal-header h5{font-weight: 700; text-transform: uppercase;}
.modal-dialog .modal-header .btn-close{margin: 0; position: absolute; right: 15px;}

.modal-dialog .modal-body{padding: 18px 30px;}
.modal-dialog .modal-body form{margin-bottom:0;}
.modal-body form .col-sm-12{display: flex; flex-direction: column; gap: 18px;}
.modal-body form .col-sm-12 .row{width: 100%; margin: 0;}
.modal-body form .col-md-12{padding: 0;}
.modal-body form .form-group .control-label{display: block; margin-bottom: 5px; font-size: 15px; font-weight: 500;}
.modal-body form .form-group .form-control{padding: 6px 15px; border-radius: 0; width: calc(100% - 32px);}

.modal-body form .valid-form{display: flex; justify-content: flex-end; margin-top: -20px; margin-bottom: 15px;}
.modal-body form .col-md-12 .valid-form .CTA-Submit{height: 40px;}

.container.content-detail__vo{background-color: #f7f7f5; max-width: 100vw; padding: 0 0 120px;}

.bandeau-advanced-search{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 60px 30px 80px;
}

.bandeau-advanced-search.sans-formulaire{padding: 60px 30px;}

.bandeau-advanced-search::before{
    background-color: rgba(3,9,32,0.2);
    position: absolute;
    top: 0;
    left:0;
    z-index: 1;
    width: 100vw;
    height: 100%;
    content: "";
}

.bandeau-advanced-search .search-title{position: relative; z-index: 2;}
.bandeau-advanced-search .search-title h1{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 44px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}

.bandeau-advanced-search.sans-formulaire .search-title h1{margin-bottom: 0;}

.bandeau-advanced-search .search-title h1 span{
    display: block;
    font-size: 52px;
    line-height: 58px;
    font-weight: 800;
}

.form-detail-product-contact .form-search__wrapper{
	background: linear-gradient(to bottom, rgb(255, 255, 255) 60%,rgba(255,255,255,0.85) 100%);
    position: relative;
    z-index: 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 22px;
    padding: 30px 35px;
    border-radius: 12px;
    max-width: 960px;
    border: 1px solid #eee;
}


.form-search__wrapper .dropdown-container.have-content .dropdown-button .dropdown-label {
	transform: translateY(-24px);
	padding: 2px 8px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #585860;
	background-color: #FFF;
	position: relative;
	z-index: 2;
	transition: all 300ms ease;
}

.form-search__wrapper .dropdown-container .dropdown-button .dropdown-content{display: none;}

.form-search__wrapper .dropdown-container.have-content .dropdown-button .dropdown-content {
	position: absolute;
	display: initial;
	left: 14px;
}

.section-form-search .form-search__wrapper{display: flex; justify-content: flex-start; align-items: center;}

.form-search__wrapper .form-search__buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    gap: 30px;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8px;
}

.form-search__wrapper .dropdown-container{position: relative; width: 31%;}
.form-search__wrapper .dropdown-container.hide-mobile{min-width: 225px;}

.form-search__wrapper .dropdown-container .dropdown-button{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	min-width: 120px;
	height: 40px;
	padding: 2px 35px 2px 14px;
	border-radius: 8px;
	color: #585860;
	font-size: 15px;
	line-height: 24px;
	border: 1px solid #C0C0CF;
	cursor: pointer;
	transition: all 300ms ease;
}
.form-search__wrapper .dropdown-container.show-detail-list .dropdown-button,
.form-search__wrapper .dropdown-container .dropdown-button:hover{border: 1px solid #000; color: #000;}

.form-search__wrapper .dropdown-container.show-detail-list .dropdown-button .dropdown-label{
	position: relative;
	z-index: 2;
	transition: all 300ms ease;
}

.form-search__wrapper .dropdown-container.show-detail-list.formactive .dropdown-button .dropdown-label{
	transform: translateY(-24px);
	padding: 2px 8px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #585860;
	background-color: #FFF;
}

.form-search__wrapper .dropdown-container .dropdown-button .dropdown-map{margin-right: 8px;}

.dropdown-container .dropdown-button .dropdown-quantity{
	background-color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	margin: 0 15px 0 10px;
	padding-bottom: 1px;
	border-radius: 12px;
	line-height: 12px;
	font-size: 12px;
	font-weight: 500;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	transition: all 300ms ease;
	opacity: 0;
}

.dropdown-container .dropdown-button .dropdown-quantity.show-number{opacity: 1;}
.form-search__wrapper .dropdown-container .dropdown-button:hover .dropdown-quantity,
.form-search__wrapper .dropdown-container.show-detail-list .dropdown-button .dropdown-quantity{background-color: var(--primary-color); color: #FFF;}

.dropdown-container .dropdown-button .dropdown-arrow{
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -2px;
	transition: all 300ms ease;
	fill: #585860;
}

.form-search__wrapper .dropdown-container.show-detail-list .dropdown-button .dropdown-arrow,
.dropdown-container .dropdown-button:hover .dropdown-arrow{fill:var(--primary-color);}

.dropdown-container.show-detail-list .dropdown-button .dropdown-arrow{-ms-transform: rotate(180deg); transform: rotate(180deg);}

.form-search__wrapper #searchButton{
	background-color: var(--primary-color);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
	border: none;
	padding: 5px 30px;
	color: #FFF;
	border-radius: 25px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	transition: all 300ms ease;
}

.form-search__wrapper #resetButton:hover,
.form-search__wrapper #searchButton:hover{background-color: var(--contrast-bg-color);}

.form-search__wrapper #resetButton{
    background-color: #F5F5F8;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #222;
    height: 34px;
    padding: 5px 24px;
    color: #222;
    border-radius: 25px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    transition: all 300ms ease;
}
.form-search__wrapper #resetButton:hover{border: 1px solid #000; color:#FFF;}

.dropdown-container .dropdown-list{
	background-color: #FFF;
	position: absolute;
	top: 52px;
	z-index: 5;
	width: calc(300px - 34px);
	max-height: 200px;
	padding: 16px;
	opacity: 0;
	visibility: hidden;
	overflow-y: auto;
    overflow-x: hidden;
	border-radius: 8px;
	border: 1px solid #000;
	transition: all 300ms ease;
	box-shadow: 0 10px 30px -4px rgba(0, 0, 0, 0.15);
}

.dropdown-container.show-detail-list .dropdown-list{opacity: 1; visibility: visible;}
.dropdown-container .dropdown-list ul{list-style: none; margin: 0; padding: 0;}

.dropdown-container .dropdown-list .checkbox-wrap{
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	color: #363638;
}

.dropdown-container .dropdown-list .checkbox-wrap:hover{color: var(--primary-color);}

.dropdown-container .dropdown-list li:last-child .checkbox-wrap{margin-bottom: 0;}

.dropdown-container .dropdown-list .checkbox-wrap input{
	position: absolute;
	top: 2px;
	opacity: 0;
}

.dropdown-container .dropdown-list .checkbox-wrap .checkmark{
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border-radius: 3px;
	background-color: #eee;
	transition: all 300ms ease;
}

.dropdown-list .input-min-max-filter{
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.dropdown-list .input-min-max-filter .input-min-max-filter__content{
	position: relative;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.input-min-max-filter__content .input-min-max-filter__input{
	background: #FFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	padding: 0 8px;
	border: 1px solid #C0C0CF;
	border-radius: 4px;
	color: var(--text-color);
}
.input-min-max-filter__content .input-min-max-filter__input input.form-style{
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
	background: #FFF;
	border: none;
	box-sizing: border-box;
	flex-grow: 1;
	height: 38px;
	outline: unset;
	padding: 0;
	width: 100%;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
}

.input-min-max-filter__content .input-min-max-filter__input label.formLabel{
	background: #FFF;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translateY(12px);
	transform-origin: top left;
	padding-right: 50px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	color: #898996;
	transition: all 300ms ease;
}

.input-min-max-filter__content .input-min-max-filter__input.formactive label.formLabel{
	font-size: 10px;
	line-height: 12px;
	font-weight: 400;
	padding: 1px 4px;
	transform: translateY(-10px);
}

.input-min-max-filter__content .input-min-max-filter__input .TextInput__units{
	padding-top: 1px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: var(--text-color);
}

.dropdown-list .checkbox-wrap:hover input ~ .checkmark {background-color: #ccc;}
.dropdown-list .checkbox-wrap input:checked ~ .checkmark {background-color: var(--primary-color);}
.dropdown-list .checkbox-wrap input:checked ~ span {color: var(--primary-color);}

.dropdown-list .checkbox-wrap .checkmark:after {
	content: "";
	display: block;
	position: absolute;
	left: 7px;
	top: 3px;
	width: 4px;
	height: 8px;
	opacity: 0;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 300ms ease;
}

.dropdown-list .checkbox-wrap input:checked ~ .checkmark:after {opacity: 1;}

.dropdown-list .dropdown-search{
	padding: 8px 10px;
	width: calc(100% - 22px);
	border: none;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.05);
	margin-bottom: 18px;
	font-size: 14px;
}
.dropdown-list .dropdown-search:focus{outline: 1px solid #000;}

.result-search{
    width: calc(100% - 60px);
    max-width: 1350px;
    margin: 50px auto 0;
    padding: 0 30px;
}

.CLPagintation,
.CLAnnonceFiltre,
.CLAnnonceFiltre .content-filter{display: flex; justify-content: space-between; align-items: center; gap: 32px;}
.CLPagintation{margin-top: 60px;}
.CLAnnonceFiltre{margin-bottom: 58px; width: 100%;}

.form-detail-product-contact .CLPagintation{justify-content: space-between;}

.CLAnnonceFiltre .CLAnnonceFiltre__title{
	margin: 0;
	padding-left: 10px;
	font-size: 20px;
	line-height: 22px;
	color: var(--text-color);
	font-weight: 700;
	text-transform: uppercase;
	border-left: 6px solid var(--primary-color);
}

.content-filter .CLAnnonceFiltre__PM{
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	padding-right: 35px;
	font-size: 15px;
}

.CLAnnonceFiltre__PM::after{
	background-color: #C0C0CF;
	position: absolute;
	top: -6px;
	right: 0;
	content:"";
	width: 1px;
	height: 36px;
}

.infos-contact__multimagasin .custom-select{position: relative; margin-bottom: 26px;}
.infos-contact__multimagasin .infos-contact__phone-concess{margin-top: 15px;}

.CLPagintation .custom-select,
.CLAnnonceFiltre .custom-select{position: relative; width: 190px;}

.CLAnnonceFiltre .custom-select.select-sort{width: 220px;}
.CLAnnonceFiltre .custom-select.select-sort .select-selected{padding: 8px 23px 8px 40px;}
.CLPagintation .custom-select.select-product-nb{width: 80px;}

.infos-contact__multimagasin .custom-select select,
.CLPagintation .custom-select select,
.CLAnnonceFiltre .custom-select select{display: none;}

.infos-contact__multimagasin .select-selected,
.CLPagintation .select-selected,
.CLAnnonceFiltre .select-selected{
	display: flex;
	align-items: center;
	background-color: transparent;
	border: 1px solid #D0CFCF;
	transition: all 400ms ease;
}

.infos-contact__multimagasin .select-selected{height: 37px; padding: 0 0 0 15px;}
.CLPagintation .select-selected,
.CLAnnonceFiltre .select-selected{height: 22px; border-radius: 5px;}

.infos-contact__multimagasin .select-selected:hover{background-color: var(--contrast-bg-color); border: 1px solid #000; color:#FFF;}
.CLPagintation .select-selected:hover,
.CLAnnonceFiltre .select-selected:hover{background-color: var(--primary--bg-color); border: 1px solid #333;}

.CLAnnonceFiltre .custom-select.select-sort .select-selected::before{
	background: url(../images/trier.svg) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 15px;
	height: 10px;
	content:"";
}

.infos-contact__multimagasin .select-selected:after,
.CLPagintation .select-selected:after,
.CLAnnonceFiltre .select-selected:after{
	position: absolute;
	content: "";
	top: 18px;
	right: 12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #121212 transparent transparent transparent;
	transform: rotate(0deg);
	transition: all 400ms ease;
}

.infos-contact__multimagasin .select-selected:hover:after{border-color: #FFF transparent transparent transparent;}

.infos-contact__multimagasin .select-selected.select-arrow-active:after,
.CLPagintation .select-selected.select-arrow-active:after,
.CLAnnonceFiltre .select-selected.select-arrow-active:after{
	transform: rotate(180deg);
}

.infos-contact__multimagasin .select-items div,
.infos-contact__multimagasin .CLPagintation .select-selected,
.CLPagintation .select-items div,
.CLPagintation .select-selected,
.CLAnnonceFiltre .select-items div,
.CLAnnonceFiltre .select-selected{
	color: #39445c;
	padding: 8px 23px 8px 12px;
	cursor: pointer;
	user-select: none;
	font-size: 15px;
	font-weight: 400;
	transition: all 400ms ease;
}
.infos-contact__multimagasin .select-items div{font-weight: 500;}
.infos-contact__multimagasin .select-items div:first-child{display:none;}
.infos-contact__multimagasin .select-items div:hover{background-color: #eaeaea;}

.infos-contact__multimagasin .select-items,
.CLPagintation .select-items,
.CLAnnonceFiltre .select-items{
	position: absolute;
	background-color: var(--primary--bg-color);
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	max-height: 200px;
	overflow: scroll;
}

.infos-contact__multimagasin .select-hide,
.CLPagintation .select-hide,
.CLAnnonceFiltre .select-hide{display: none;}

.CLPagintation .select-items div:hover,
.CLAnnonceFiltre .select-items div:hover,
.custom-select .select-items .same-as-selected{background-color: var(--contrast-bg-color); color:#FFF;}


.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}
.CLAnnonceFiltre__A2 .switch{width: 34px; height: 34px;}

.switch input{opacity: 0; width: 0; height: 0;}

.switch-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: all 400ms ease;
}

.CLAnnonceFiltre__PM .switch:hover .switch-slider{background-color: #555;}

.switch-slider:before {
	position: absolute;
	content: "";
	height: 24px;
	width: 24px;
	left: -1px;
	bottom: -3px;
	border: 1px solid #DDDEDF;
	background-color: white;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	transition: all 400ms ease;
}
.CLAnnonceFiltre__A2 .switch-slider:before{display: none;}

.switch:hover input:checked + .switch-slider,
input:checked + .switch-slider{background-color: var(--primary-color);}
input:focus + .switch-slider{box-shadow: 0 0 1px var(--primary-color);}

input:checked + .switch-slider:before{
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

.switch-slider.round{border-radius: 34px;}
.switch-slider.round:before{border-radius: 50%;}

.switch-slider.imgA2{
	background: transparent url(../images/picto-a2-active.png) no-repeat 0 0;
	background-size: contain;
	filter: grayscale(100%);
	opacity: 0.45;
	transition: all 400ms ease;
}
.switch:hover input:checked + .switch-slider.imgA2,
input:checked + .switch-slider.imgA2{
	background: transparent url(../images/picto-a2-active.png) no-repeat 0 0;
	background-size: contain;
	opacity: 1;
	filter: grayscale(0%);
}

input:focus + .switch-slider.imgA2{box-shadow: none;}

.CLAnnonceFiltre__A2:hover .switch-slider.imgA2{opacity: 0.8;}

.CLPagintation__pager{display: flex; align-items: center; gap: 10px;}

.CLPagintation__pager .page-active,
.CLPagintation__pager a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	border-radius: 6px;
}
.CLPagintation__pager a{border: 1px solid #D3D2D2; color: var(--text-color);}
.CLPagintation__pager a:hover{background-color: #DDD;}
.CLPagintation__pager span.page-active{background-color: var(--contrast-bg-color); border: 1px solid #000; color:#FFF;}
.CLPagintation__pager a.prev,
.CLPagintation__pager a.next{border: 1px solid #000;}

.CLPagintation__pager a.desactive{cursor: default; background-color: transparent;}

.CLPagintation__pager a.prev svg,
.CLPagintation__pager a.next svg{transition: all 300ms ease;}

.CLPagintation__pager a.prev.inactive,
.CLPagintation__pager a.next.inactive{background-color: #EAEAE9; border: 1px solid #D3D2D2; opacity: 0.5;}

.CLPagintation__pager a.prev svg,
.CLPagintation__pager a.prev.inactive svg{transform: rotate(180deg);}

.CLPagintation__pager a.prev.inactive svg,
.CLPagintation__pager a.next.inactive svg{opacity: 0.2;}


.CLPagintation__product-nb{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	font-weight: 500;
	margin-left: auto;
}

.Vignettes-annonces{
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 45px 35px;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin:0 -12px 80px;
}

.Vignettes-annonces .item-vehicule{width: 22.7%;}

.fiche-produit{
    max-width: 1350px;
    margin: 0 auto;
    padding: 56px 30px 80px;
}

.content-detail__gamme .fiche-produit{margin-top: -30px; padding:0;}
.fiche-produit.detail-actu,
.content-detail__serie-limitee .fiche-produit{padding-top: 0;}

.fiche-produit .fiche-produit__container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 44px;
    width: 100%;
}

.fiche-produit__header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 44px;
}

.breadcrumbs{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex-grow: 1;
    font-size: 14px;
    color: #C0C0CF;
}
.breadcrumbs .breadcrumbs__retour{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: var(--contrast-bg-color);
    width: 100px;
    height: 40px;
    margin-right: 8px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
}
.breadcrumbs .breadcrumbs__retour:hover{background-color: var(--primary-color); color: #FFF;}
.breadcrumbs .breadcrumbs__retour svg{fill:#FFF; transform: rotate(180deg); transition: all 300ms ease;}
.breadcrumbs a{text-decoration: none; color: #6D6D83;}
.breadcrumbs a:hover{color: var(--primary-color);}

.breadcrumbs .breadcrumbs-nav{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.nav-secondaire{display: flex; align-items: center; gap: 18px;}
.nav-secondaire a{
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px 1px 18px;
    border-radius: 22px;
    border: 1px solid #C0C0CF;
    text-decoration: none;
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.nav-secondaire a:hover{background-color: var(--contrast-bg-color); border: 1px solid #000; color: #FFF;}
.nav-secondaire a svg{fill:#666; margin-top: 2px; transition: all 300ms ease;}
.nav-secondaire a.cta-annonce-prev svg{transform: rotate(180deg);}
.nav-secondaire a:hover svg{fill:#FFF;}
.breadcrumb-yamaha{max-width: 1200px; margin: 15px auto 30px; color:#333333;}

.breadcrumb-yamaha a{ font-size: 16px; line-height: 20px; color:#333333; transition: all 300ms ease;}
.breadcrumb-yamaha a:hover{color: var(--primary-color);}
.breadcrumb-yamaha span{display: inline-block; margin-right: 8px; font-size: 14px;}

.content-detail .col1-concessionnaire{width: 60%; max-width: 820px;}
.col1-concessionnaire img{width: 100%;}

.col1-concessionnaire .photos-vehicule{position: relative; margin-bottom: 60px;}

.photos-vehicule__critair{
    background-color: var(--primary--bg-color);
    position: absolute;
    top: 18px;
    left: 20px;
    z-index: 2;
    width: 66px;
    height: 66px;
    border-radius: 36px;
    border: 4px solid #FFF;
}
.photos-vehicule__critair img{width: 100%;}

.photos-vehicule__A2{
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    width: 40px;
    background-color: #FFF;
    padding: 8px 10px 11px;
    border-radius: 30px;
}

.photos-vehicule .photos-vehicule__ImgCount{
    background-color: var(--primary--bg-color);
    position: absolute;
    bottom: -20px;
    left: 34px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 112px;
    height: 44px;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);    
}
.photos-vehicule #image-gallery{position: relative; z-index: 1;}

#image-gallery .owl-stage-outer{
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);  
}

#image-gallery .owl-nav{margin-top: -22px; position: absolute; top: 50%; z-index: 2; width: 100%;}

#image-gallery .owl-nav .owl-prev,
#image-gallery .owl-nav .owl-next{
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    margin: 0;
    transition: all 300ms ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

#image-gallery .owl-nav .owl-prev::before,
#image-gallery .owl-nav .owl-next::before{
    width: 9px;
    height: 17px;
    margin: 1px 0 0 1px;
    content: "";
}

#image-gallery .owl-nav .owl-prev::before{background: url(../images/arrow-slider-produit.png) no-repeat 0 0; background-size: 9px; transform: rotate(-180deg);}
#image-gallery .owl-nav .owl-next::before{background: url(../images/arrow-slider-produit.png) no-repeat 0 0; background-size: 9px;}

#image-gallery .owl-nav .owl-prev:hover,
#image-gallery .owl-nav .owl-next:hover{background-color: rgba(255,255,255,1);}

#image-gallery .owl-nav .owl-prev{left:  30px;}
#image-gallery .owl-nav .owl-next{right: 30px;}

.content-detail .col2-concessionnaire{
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 35%;
    max-width: 468px;
}

.row-detail{background-color: var(--primary--bg-color); padding: 25px 30px; position: relative; margin-bottom: 30px;}
.row-detail .form-contact-product > .col-lg-12{padding: 20px 25px !important;}
.row-detail h1{font-size: 24px; line-height: 26px; font-weight: 700; color:#363638; margin-bottom: 25px;}
.row-detail .detail-product{font-size: 16px; line-height: 22px;}
.row-detail .detail-product .price{display: block; font-size: 28px; line-height: 30px; margin-bottom: 25px; color:var(--primary-color);}

.row-detail .scroll-bottom{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0a2d81;
    border: 1px solid #0a2d81;
    font-size: 14px;
}

.row-detail .scroll-bottom:hover{text-decoration: none;  background-color: #0a2d81; color: #FFF;}

.form-contact-product{background-color: var(--primary--bg-color); padding: 25px 30px; position: relative;}

.form-contact-product h3{
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.form-contact-product .contact-name{font-size: 18px; line-height: 22px; font-weight: 700;}
.form-contact-product .tel{
    font-size: 22px;
    line-height: 24px;
    display: block;
    margin-bottom: 22px;}

.form-contact-product .contact-info-product{
    list-style: none;
    margin: 20px 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
}

.form-contact-product .contact-info-product .horaires-info-product,
.form-contact-product .contact-info-product .plan-info-product a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.form-contact-product .contact-info-product .plan-info-product a{color: #363638;}

.form-contact-product .contact-info-product .plan-info-product a:hover,
.form-contact-product .contact-info-product .plan-info-product a:focus{color: var(--primary-color); text-decoration: none;}

.form-contact-product .contact-info-product .horaires-info-product{margin-right: 30px;}
.form-contact-product .contact-info-product span{display: inline-block; margin-right: 5px; font-size: 18px;}

.form-contact-product p em{display: inline-block; font-size: 14px; line-height: 18px; font-weight: 400;}

.form-detail-product-contact{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: 0;
}

.button-submit-contactez-nous{display: none;}

.button-submit-contactez-nous,
.form-detail-product-contact .button-submit{
    background-color: #0a2d81;
    padding: 10px 24px;
    border: none;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;  
    cursor: pointer;
}

.form-detail-product-contact .button-submit span{
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
}

.list-option-detail-product .reserver-votre-essai:hover,
.list-option-detail-product .reserver-votre-essai:focus{
    background-color: #3fb34f;
    text-decoration: none;
    color: #FFF;
}

.button-submit-contactez-nous:hover,
.button-submit-contactez-nous:focus,
.form-detail-product-contact .button-submit:hover,
.form-detail-product-contact .button-submit:focus{
    background-color: #071c50;
    text-decoration: none;
    color: #FFF;
}

.list-option-detail-product{ padding: 0; list-style: none; display: flex; align-items: center;}

.list-option-detail-product .reserver-votre-essai{
    background-color: #0a2d81;
    font-weight: 700;
    color: #FFF;
    min-height: 56px;
    padding: 0 15px;
    margin-right: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;  
}

.list-option-detail-product .reserver-votre-essai .picto-reserv{
    width: 36px;
    height: 36px;
    font-size: 25px;
    position: relative;
    min-width: inherit;
}

.reserver-votre-essai .icon-valider{
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    right: -12px;
    font-size: 19px;
    color:#3fb34f;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;  
}

.list-option-detail-product .reserver-votre-essai:hover .icon-valider,
.list-option-detail-product .reserver-votre-essai:focus .icon-valider{color:#0a2d81;}

.list-option-detail-product .reserver-votre-essai .picto-reserv::before{
    content: "";
    position: absolute;
    top: 0;
    right: -11px;
    z-index: 1;
    background-color: var(--primary--bg-color);
    width: 16px;
    height: 16px;
    border-radius: 10px;
}

.list-option-detail-product .cta-white{
    background-color: var(--primary--bg-color);
    border: 1px solid #0a2d81;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0px;
    font-size: 15px;
    line-height: 24px;
    color: #0a2d81;
    font-weight: 700;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;  
}

.list-option-detail-product .cta-white span{display: inline-block; margin-right: 18px; font-size:35px;}

.list-option-detail-product .cta-white:hover,
.list-option-detail-product .cta-white:focus{background-color: #0a2d81; text-decoration: none;color: #FFF;}

.items-concessionnaire .lSSlideOuter .lSPager.lSGallery{margin-top: 20px !important; display: flex; justify-content: space-between;}

.items-concessionnaire .lSSlideOuter .lSPager.lSGallery li{
    display: flex;
    align-items: center;
    background-color: #050505;
    max-width: 135px !important;
    max-height: 94px !important;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease; 
}

.items-concessionnaire .lSSlideOuter .lSPager.lSGallery li.active,
.items-concessionnaire .lSSlideOuter .lSPager.lSGallery li:hover,
.items-concessionnaire .lSSlideOuter .lSPager.lSGallery li:focus{border-radius: 0;}

.items-concessionnaire .lSSlideOuter .lSPager.lSGallery li:hover img,
.items-concessionnaire .lSSlideOuter .lSPager.lSGallery li:focus img,
.items-concessionnaire .lSSlideOuter .lSPager.lSGallery li.active img{opacity: 1;}
.items-concessionnaire .lSSlideOuter .lSPager.lSGallery li img{
    opacity: 0.5; 
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.items-concessionnaire .lSSlideOuter .lSPager.lSGallery::before,
.items-concessionnaire .lSSlideOuter .lSPager.lSGallery::after{display: none;}

.items-concessionnaire .lSAction > a{opacity: 0.7;}

.items-concessionnaire .lSSlideOuter .lightSlider .lslide a{cursor: zoom-in;}

#detail-info{max-width: 1200px; margin: 0 auto; padding: 75px 20px; display: flex; justify-content: space-between; align-items: flex-start;}

#detail-info .col1-detail-info{width: 61%;}
#detail-info .col2-detail-info{width: 33.5%;}

#detail-info .col2-detail-info h3{
    background-color: #363638;
    margin: 0;
    padding: 20px 34px;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

#detail-info .col2-detail-info table{
    width: 100%;
    background-color: #363638;
    color: #FFF;
    border-top: 20px solid #363638;
    border-bottom: 20px solid #363638;
}

#detail-info .col2-detail-info table th,
#detail-info .col2-detail-info table td{padding: 12px 34px; font-weight: 400; font-size: 16px;}

#detail-info .col2-detail-info table tr:nth-child(even){background-color: #4b4b4b;}

.col1-detail-info .content-title{padding-bottom: 18px; margin-bottom: 40px; border-bottom: 1px solid #dddddd;}

.col1-detail-info .content-title,
.col1-detail-info .content-title .partage-RS{display: flex; justify-content: space-between; align-items: center;}

.content-title  h3{font-size: 24px; font-weight: 700;}

.content-title .partage-RS .fb-share-button{background-color: #1877f2; padding: 1px 2px;}
.content-title .partage-RS .twitter-share-button{background-color: var(--contrast-bg-color); padding: 5px; margin-left: 20px; display: flex; align-items: center; box-sizing: content-box !important;}

.content-title .partage-RS .twitter-share-button:hover,
.content-title .partage-RS .twitter-share-button:focus{background-color: #333;}

.txt-detail-info{font-size: 16px; line-height: 22px; text-align: justify;}

.col1-concessionnaire .infos-principales,
.col2-concessionnaire .infos-principales,
.col2-concessionnaire .infos-contact,
.col2-concessionnaire .Vehicule-Form{
    background-color: var(--primary--bg-color);
    display: flex;
    flex-direction: column;
    gap: 22px;
    box-shadow: 0 1px 3px rgba(28, 37, 55, 0.2);
    border-radius: 5px;
    padding: 30px 40px 28px;
}

.col2-concessionnaire .reassurances{display:none;}

.col1-concessionnaire .infos-principales h2,
.col2-concessionnaire .infos-principales h1{
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--text-color);
}

.infos-principales__price{
    margin-top: -5px;
    margin-bottom: 2px;
    font-size: 32px;
    font-weight: 800;
    line-height: 34px;
    color: var(--primary-color);
}

.infos-principales__price .CLAncienPrix{
    text-decoration: line-through;
    color: #888;
    font-size: 20px;
    font-weight: 600;
}

.infos-principales__labels{
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.infos-principales__labels span{
    background-color: var(--secondary-bg-color);
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 30px;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #c8cacc;
}

.infos-principales__garantie{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    font-weight: 600;
}

.infos-contact .infos-contact__adresse{display: flex; align-items: flex-start; gap: 20px;}
.photos-vehicule .photos-vehicule__ImgCount svg,
.infos-contact .infos-contact__adresse svg{fill: var(--text-color);}

.infos-contact__adresse-detail h4{
    margin-bottom: 3px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-color);
    text-transform: uppercase;
}
.infos-contact__adresse-detail h4 strong{
    display: block;
    margin-top: 10px;
    font-size: 20px;
    line-height: 22px;
    font-family: 'Ubuntu', sans-serif;
}
.infos-contact__adresse-detail{color: var(--text-color); line-height: 20px;}

.infos-contact__phone-concess{
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 800;
    color: var(--text-color);
    text-decoration: none;
}
.infos-contact__phone-concess:hover{color: var(--text-color);}
.infos-contact__phone-concess svg{fill:var(--text-color);}

.actualite-txt-rs .infos-contact__links,
.infos-contact .infos-contact__links{
    list-style: none;
    margin: 10px 0 0;
    padding: 30px 0 0 0;
    border-top: 1px dashed #B5B5B5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.content-detail__gamme .infos-contact .infos-contact__links{margin: 0;}
.content-detail__serie-limitee .infos-contact .infos-contact__links{margin: 0; padding: 0; border-top: none;}

.detail-actu .actualite-txt-rs .infos-contact__links{margin: 30px 0 0; padding: 20px 0 0 0;}

.page-contact__rs-links a,
.infos-contact__links li button,
.infos-contact__links li a{
    background-color: var(--contrast-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
}
.page-contact__rs-links a:hover,
.infos-contact__links li button:hover,
.infos-contact__links li a:hover{background-color: var(--primary-color);}

.page-contact__rs-links a svg,
.infos-contact__links li button svg,
.infos-contact__links li a svg{fill:#FFF; transition: all 300ms ease;}

#show_me_contact #form_contact{margin: 0 -15px;}

.col2-concessionnaire .Vehicule-Form h3{font-size: 20px; text-transform: uppercase; font-weight: 800;}

.Vehicule-Form .gform_fields_container,
.Vehicule-Form .gform_fields{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.Vehicule-Form .gform_fields_container.gform_fields__rgpd{gap: 15px; margin-top: -20px;}
.Vehicule-Form .gform_fields{margin-bottom: 5px;}
.Vehicule-Form .gform_fields .ginput_container{width:100%;}
.ginput_container.CLAnnonceFiltre{margin-bottom: 0;}
.ginput_container.CLAnnonceFiltre .custom-select{width: 100%;}
.ginput_container.CLAnnonceFiltre .custom-select .gfield_label{font-size: 14px; display: block; margin-bottom: 5px;}
.ginput_container.CLAnnonceFiltre .custom-select .select-selected{position: relative;}
.Vehicule-Form .gform_fields .gfield{position: relative;}

.Vehicule-Form .gform_fields .gfield .gfield_label{
    transition: all 300ms ease;
    position: absolute;
    top: 12px;
    left: 15px;
    margin-bottom: 0;
    color: #7A7A80;
    font-size: 14px;
    font-weight: 400;
    cursor: text;
}

.Vehicule-Form .gform_fields .gfield.message-form-occasions .gfield_label,
.Vehicule-Form .gform_fields .gfield .gfield_label.formTop{
    font-size: 12px;
    padding: 0;
    top: -20px;
    left: 10px;
    color: var(--text-color);
    font-weight: 500;
}

.Vehicule-Form .gform_fields .ginput_container .gfield input{
    width: calc(100% - 30px);
    height: 40px;
    border-radius: 4px;
    padding: 0 15px;
    border: 1px solid #9CA3AF;
    color: var(--text-color);
    font-size: 15px;
    transition: all 300ms ease;
}

.Vehicule-Form .gform_fields .ginput_container .gfield textarea:hover,
.Vehicule-Form .gform_fields .ginput_container .gfield input:hover{background-color: #f7f7fa;}
.Vehicule-Form .gform_fields .ginput_container .gfield textarea:focus,
.Vehicule-Form .gform_fields .ginput_container .gfield input:focus{border: 1px solid #000; box-shadow: none; outline: none;}

.Vehicule-Form .gform_fields .ginput_container .gfield textarea{
    width: calc(100% - 30px);
    border-radius: 4px;
    padding: 15px;
    border: 1px solid #9CA3AF;
    font-size: 15px;
    color: var(--text-color);
    transition: all 300ms ease;
}

.Vehicule-Form .read-pc{font-size: 13px; color: var(--text-color);}

.Vehicule-Form .add-message-form-occasion{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px dashed #000;
    border-radius: 5px;
    height: 40px;
    cursor: pointer;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    transition: all 300ms ease;
}

.Vehicule-Form .add-message-form-occasion::before{
    background: url(../images/pencil.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    content:"";
}

.Vehicule-Form .show-message-form #Info1{display:none;}

.Vehicule-Form .add-message-form-occasion:hover{background-color: #f3f3f8; border: 1px solid #000;}
.Vehicule-Form .add-message-form-occasion.active-message{display: none;}

.Vehicule-Form .gform_fields .gfield.message-form-occasions{
    transition: all 300ms ease;
    height: 1px;
    visibility: hidden;
    opacity: 0;
    margin-top: -20px;
}
.Vehicule-Form .gform_fields .gfield.message-form-occasions.show-message{height: auto; visibility: visible; opacity: 1; margin-top: -10px; margin-bottom: 20px;}

.Vehicule-Form .valid-RGPDA{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--text-color);
}
.Vehicule-Form .valid-RGPDA label{
    padding: 0 0 0 30px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
}

.Vehicule-Form .valid-RGPDA label .btn-conf{margin-bottom: 0; font-size: 13px; font-weight: 400; text-decoration: underline;}

.Vehicule-Form .valid-RGPDA input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.Vehicule-Form .valid-RGPDA .label-checkbox::before,
.Vehicule-Form .valid-RGPDA .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #9CA3AF;
    transition: all 300ms ease;
}

.Vehicule-Form .valid-RGPDA .label-checkbox::before{content:"";}

.Vehicule-Form .valid-RGPDA:hover input ~ .label-checkbox::before,
.Vehicule-Form .valid-RGPDA:hover input ~ .checkmark{background-color: #eeeef0;}
.Vehicule-Form .valid-RGPDA input:checked ~ .label-checkbox::before,
.Vehicule-Form .valid-RGPDA input:checked ~ .checkmark{background-color: var(--contrast-bg-color); border: 1px solid #000;}

.Vehicule-Form .valid-RGPDA .label-checkbox::after,
.Vehicule-Form .valid-RGPDA .checkmark:after{
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 4px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 300ms ease;
}
.Vehicule-Form .valid-RGPDA input:checked ~ .label-checkbox::after,
.Vehicule-Form .valid-RGPDA input:checked ~ .checkmark:after{display: block;}

.Vehicule-Form .valid-form{display: flex; justify-content: flex-end;}

.modal-body form .valid-form .CTA-Submit,
.Vehicule-Form .CTA-Submit{
    background-color: var(--contrast-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 50px;
    padding: 0;
    border-radius: 25pc;
    border: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    align-self: flex-end;
    transition: all 300ms ease;
}

.modal-body form .valid-form .CTA-Submit:hover,
.Vehicule-Form .CTA-Submit:hover{background-color: var(--primary-color);}

.show-mobile{display:none;}

.cta-concessionnaire{
    display: inline-block;
    background-color: var(--contrast-bg-color);
    padding: 15px 30px;
    border-radius: 25px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #FFF;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: all 300ms ease;
}

.cta-concessionnaire .icon-arrow{display: inline-block; margin-left: 10px; font-size: 14px; font-weight: bold;}

.cta-concessionnaire:hover,
.cta-concessionnaire:focus{background-color: var(--primary-color); text-decoration: none; color:#FFF;}

.voir-tous-les-modeles{position: absolute; top: 1px; left: 0; z-index: 2;}

.essai-plusieurs-concessions,
.reserver-votre-essai{
    background-color: var(--contrast-bg-color);
    display: flex;
    justify-content: center;
    min-height: 54px;
    margin-top: -27px;
    margin-bottom: 85px;
    border-radius: 28px;
    font-size: 15px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
    transition: all 300ms ease;
}

.reserver-votre-essai{align-items: center; gap: 10px; padding: 0 30px;}
.col2-concessionnaire .reserver-votre-essai,
.col1-concessionnaire .reserver-votre-essai{
    background-color: #0F8A51;
    gap: 20px;
    margin: -10px auto 50px;
    max-width: 220px;
    border-radius: 0;
    font-size: 16px;
}
.col2-concessionnaire .reserver-votre-essai:hover,
.col1-concessionnaire .reserver-votre-essai:hover{background-color: #0F8A51; transform:none;}

.essai-plusieurs-concessions{align-items: stretch; padding: 0 20px;}
.reserver-votre-essai:hover{background-color:var(--primary-color); color: #FFF; transform: translateX(4px);}
.essai-plusieurs-concessions svg,
.reserver-votre-essai svg{fill:#FFF; transition: all 300ms ease;}

.essai-plusieurs-concessions__titre{display: flex; align-items: center; padding-right: 14px; border-right: 1px solid #FFF;}

.essai-plusieurs-concessions__cta{
    display: flex;
    align-items: center;
    color: #FFF;
    padding: 5px 15px;
    border-right: 1px solid #FFF;
}
.essai-plusieurs-concessions__cta:hover,
.essai-plusieurs-concessions__cta:focus{background-color: var(--primary-color); color: #FFF;}
.essai-plusieurs-concessions__cta:last-child{border-right: none;}

.picto-reserv{
    background-color: var(--primary--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 20px;
    border-radius: 24px;
    font-size: 31px;
    color: #0a2d81;
}

.reserver-votre-essai .icon-arrow{margin-left: 20px;}

.descriptif-technique{
    background-color: var(--primary--bg-color);
    box-shadow: 0 1px 3px rgba(28, 37, 55, 0.2);
    margin-bottom: 40px;
    border-radius: 0 0 5px 5px;
}

.descriptif-technique .nav-tabs{
    background-color: #EAEAE9;
    border-bottom: 1px solid #D3D2D2;
    gap: 0;
    height: 60px;
    justify-content: space-between;
    width: 100%;
    transition: all 300ms ease;
}

.descriptif-technique .nav-tabs .nav-link:hover{background-color: #DDD;}
.descriptif-technique .nav-tabs .nav-link.active:hover{background-color: var(--primary--bg-color);}

.descriptif-technique .nav-tabs .nav-link.active:first-child{
    border-top: 1px solid #E6E6E6;
    border-bottom: none;
    border-right: 1px solid #D3D2D2;
    border-left: none;
    height: 60px;
}
.descriptif-technique .nav-tabs .nav-link.active:last-child{
    border-top: 1px solid #E6E6E6;
    border-bottom: none;
    border-right: none;
    height: 60px;
    border-left: 1px solid #D3D2D2;
}

.content-detail__serie-limitee .descriptif-technique .nav-tabs{background-color: var(--secondary-bg-color); border-right: 1px solid #E6E6E6;}
.content-detail__serie-limitee .descriptif-technique .nav-tabs .nav-link.active:last-child{
    border-left: 0;
    border-bottom: 1px solid #E6E6E6;
    width: calc(100% - 40px);
    justify-content: flex-start;
    padding-left: 40px;
}

.descriptif-technique .nav-tabs .nav-link{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: calc(50% - 1px);
    height: 60px;
    padding: 0;
    border: none;
    border-radius: 0;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: var(--text-color);
    transition: all 100ms ease;
}

.descriptif-technique .nav-tabs .nav-link:hover,
.descriptif-technique .nav-tabs .nav-link:focus{box-shadow: none; border: none;}

.descriptif-technique .tab-content{padding: 40px;}

.descriptif-technique #nav-description{flex-direction: column;}
.descriptif-technique #nav-description p{color: var(--text-color);}
.tab-pane__other{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #DDD;
    color: var(--text-color);
}

.descriptif-technique #nav-description .btn-actualites{color:#FFF;}

#nav-fichetech table{width: 100%;}
#nav-fichetech table tr{border-bottom: 1px solid #E8E8E8;}
#nav-fichetech table tr:nth-child(even){background-color: #f7f7f5;}
#nav-fichetech table tr:last-child{border-bottom: none;}
#nav-fichetech table th,
#nav-fichetech table td{padding: 12px; font-size: 15px;}

.gdpr_text { width: 100%; display: block; overflow: hidden; margin: 10px 0; font-size: 14px; }
.requiredtext {color: #900; }
.tr-container:after { 
	display: block;
	position: relative;
	content: "";
	clear: both;
	float: none;
}

.content-detail__demande-essai .wverify{background: linear-gradient(to bottom, var(--secondary-bg-color) 21%,var(--primary--bg-color) 100%); margin: 0;}

.titre-principal-page{
    position: relative;
    width: calc(100% - 60px);
    margin-bottom: 40px;
    padding: 48px 30px 43px;
    text-align: center;
    font-weight: 700;
    font-size: 45px;
    text-transform: uppercase;
}

.titre-principal-page::before {
  background-color: rgba(3,9,32,0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100%;
  content: "";
}

.titre-principal-page span{position: relative; z-index: 2;}

.tr-container .tr-form__intro,
.form-multimarques{
    max-width: 960px;
    margin: 0 auto;
    padding: 0 30px 120px;
}

.form-multimarques__intro{
    margin: 15px auto 50px;
    font-size: 18px;
    line-height: 25px;
}

.form-multimarques__intro em{font-size: 16px; line-height: 22px; opacity: 0.6;}

.page-achat-cash-sav .titre-et-text-personnalise,
.form-multimarques__step3,
.form-multimarques__step2,
.form-multimarques__step1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 35px 30px;
    border-radius: 10px;
}

.content-detail__atelier .container-article:nth-child(2) .CLArticle{
    padding: 35px 30px;
    border-radius: 10px;
}

.content-detail__atelier .container-article:nth-child(2) .CLArticle,
.page-achat-cash-sav .titre-et-text-personnalise{
    background-color: var(--primary--bg-color);
    box-shadow: 0 1px 3px rgba(28, 37, 55, 0.2);
}

.form-multimarques__step2,
.form-multimarques__step1{margin-bottom: 60px;}
.form-multimarques__step3{margin-bottom: 30px;}

.form-multimarques__step1{flex-direction: column;}
.form-multimarques__step1 .photo-vehicule h3{margin-top: 30px;}

.form-multimarques__step3,
.form-multimarques__step2{gap: 15px;}

.form-multimarques__step3 .input-group{margin-bottom: 20px;}
.form-multimarques__step3 .form-check{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding-left: 52px;
    font-size: 15px;
    letter-spacing: 0.02em;
}
.form-multimarques__step3 .form-check .form-check-input{font-size: 20px;}
.form-multimarques__step3 .form-check label{cursor: pointer;}

.form-multimarques__step3 .form-check label a{text-decoration: underline;}

.form-multimarques__step2 .form-floating{width: 32%;}
.form-multimarques__step2 .form-floating.form-multimarques__email{flex-grow:1;}

.form-multimarques__step2 .form-floating .form-control{
    width: calc(100% - 42px);
    padding: 10px 20px;
    height: 26px;
    min-height: inherit;
    font-size: 15px;
    font-weight: 500;
}

.form-multimarques__step2 .form-floating > .form-control-plaintext:focus,
.form-multimarques__step2 .form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-multimarques__step2 .form-floating > .form-control:focus,
.form-multimarques__step2 .form-floating > .form-control:not(:placeholder-shown){padding: 10px 20px;}

.form-multimarques__step2 .form-floating label{
    background-color: #FFF;
    top: 10px;
    left: 8px;
    padding: 3px 10px 4px;
    height: auto;
    font-size: 15px;
    color: var(--text-color);
    opacity: 0.85;
    border: 1px solid #FFF;
    border-radius: 5px;
    transition: all 300ms ease;
}

.form-multimarques__step2 .form-floating > .form-control-plaintext ~ label,
.form-multimarques__step2 .form-floating > .form-control:focus ~ label,
.form-multimarques__step2 .form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-multimarques__step2 .form-floating > .form-select ~ label{
    transform: scale(0.8) translateY(-29px) translateX(-2px);
    opacity: 1;
    color: #555;
    border: 1px solid #dee2e6;
}

.input-group .input-group-text{
    background-color: #3a3b3c;
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 500;
    color: #FFF;
}


.photo-vehicule-essai{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.photo-vehicule-essai h3{margin-top: 40px; font-size: 30px; font-weight: 800;}

.photo-vehicule-essai .critair-essai{
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    width: 80px;
}
.photo-vehicule-essai .image-demande{position:relative; z-index: 1; border-radius: 10px; width: 100%;}

.wverify .col-md-12{display: flex; justify-content: flex-end;}
.wverify .col-md-12 .valid-form{
    padding: 6px 30px;
    border-radius: 26px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.page-accessoires,
.page-partenaires,
.page-actualites,
.page-serie{
    width: calc(100% - 60px);
    max-width: 1360px;
    margin: auto;
    padding: 20px 30px 0;
}

.content-detail__accessoires .container-article{margin-bottom: 50px;}

.page-accessoires h1,
.page-partenaires h1,
.page-actualites h1,
.page-serie h1{
    width: 100%;
    margin-bottom: 60px;
    padding-bottom: 20px;
    border-bottom: 3px dotted #000;
    font-weight: 800;
    font-size: 50px;
    line-height: 52px;
    text-transform: uppercase;
}

.content-detail__accessoires .container-article .titre-page{
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 700;
}

.page-accessoires__filter,
.page-accessoires__filter-select{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.page-accessoires__filter{margin-bottom: 50px;}

.page-accessoires__filter-select .form-control{
    -webkit-appearance: listbox;
    -moz-appearance: listbox;
    appearance: listbox;
    width: calc(100% - 30px);
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 500;
}

.page-accessoiress__liste,
.page-partenaires__liste,
.page-actualites__liste,
.page-serie__liste{
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 40px;
    flex-wrap: wrap;
}

.page-accessoiress__liste .link-accessoires,
.page-partenaires__item,
.page-actualites__item,
.page-serie__item{
    background-color: var(--primary--bg-color);
    border: 1px solid #E6E6E6;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 300px;
    padding-bottom: 24px;
    border-radius: 5px;
    transition: all 300ms ease;
}

.page-accessoiress__liste .link-accessoires a,
.page-partenaires__item a,
.page-actualites__item a,
.page-serie__item a{
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    display: block;
}

.page-partenaires__item,
.page-actualites__item,
.page-serie__item{width: 31%;}

.page-partenaires__item .lien-externe{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 220px;
    overflow: hidden;
}
.page-partenaires__item .lien-externe img{width: 100%;}

.page-accessoiress__liste .link-accessoires{
    background-color: var(--primary--bg-color);
    width: 22%;
    align-items: center;
}

.page-accessoiress__liste .link-accessoires:hover,
.page-partenaires__item:hover,
.page-actualites__item:hover,
.page-serie__item:hover{
    background-color: var(--primary--bg-color);
    transform: translateY(-4px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.content-detail__actualites .fiche-produit__header{max-width: 960px; margin: 0 auto 44px; padding-top: 60px;}

.content-detail__concession .CLArticle,
.content-detail__actualites .detail-actu{
    width: 100%;
    max-width: calc(960px - 80px);
    padding: 40px;
    border-radius: 10px;
    background-color: var(--primary--bg-color);
    box-shadow: 0 1px 3px rgba(28, 37, 55, 0.15);
}
.detail-actu .actualites-detail-title{font-weight: 800; margin-bottom: 32px;}
.detail-actu .actualites-detail-title .date-actu{
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    opacity: 0.5;
}

.content-detail__actualites .detail-actu .actualite-img{margin-bottom: 40px;}

.page-serie__item a{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.page-serie__item h3{
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0 20px;
    font-size: 22px;
    color: var(--text-color);
    font-weight: bold;
    text-transform: uppercase;
}

.page-actualites__item .page-actualites__titre{
    margin-bottom: 0;
    font-family: 'Ubuntu', sans-serif;
    padding: 4px 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.page-partenaires__item .page-partenaires__titre{
    margin-bottom: 0;
    padding: 8px 20px 4px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color);
}

.page-partenaires__item .page-partenaires__txt{flex-grow: 1; padding: 0 20px;}

.page-partenaires__titre a,
.page-actualites__titre a{color: var(--text-color);}

.page-actualites__date{margin-bottom: 8px; font-size: 12px; color: #888;}

.page-partenaires__item p,
.page-actualites__txt,
.page-serie__txt-serie{
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 21px;
}

.page-actualites__txt,
.page-serie__txt-serie{padding: 0 20px;}
.page-partenaires__item p{padding:0;}

.page-partenaires__item .cta-concessionnaire{max-width: 150px; margin: 0 0 0 20px; padding: 11px 20px 12px; border-radius: 5px; font-size: 15px;}

.page-actualites__txt .page-actualites__en-savoir-plus,
.page-serie__txt-serie .page-serie__en-savoir-plus{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: var(--primary-color);
    flex-direction: row;
}

.page-actualites__en-savoir-plus:hover,
.page-serie__en-savoir-plus:hover{color: var(--text-color);}
.page-actualites__en-savoir-plus svg,
.page-serie__en-savoir-plus svg{fill: var(--primary-color); padding-top: 1px; transition: all 300ms ease;}
.page-actualites__en-savoir-plus:hover svg,
.page-serie__en-savoir-plus:hover svg{fill: #000; padding-left: 4px;}

.page-accessoires .CLPagintation,
.page-actualites .CLPagintation,
.page-serie .CLPagintation{justify-content: flex-end;}

.img-accessoire {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 250px;
    border-bottom: 1px solid #e6e6e6;
}

.link-accessoires .titre-accessoire{
    width: calc(100% - 40px);
    margin-bottom: 0;
    padding: 5px 20px 0;
    font-size: 15px;
    line-height: 18px;
    color: var(--text-color);
    font-weight: 800;
    text-align: center;
}

.marque-accessoire{
    width: calc(100% - 40px);
    margin-top: -5px;
    padding: 0 20px 13px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
    border-bottom: 1px dashed #E6E6E6;
}

.page-accessoiress__liste .link-accessoires .price{margin-top: 0;}

.link-accessoires .voir-tout-occasions{margin-top: 10px;}
.vignette-acce{background: #fff;}
.vignette-acce:hover {
    box-shadow: 0 0 4px #000;
    transition-duration: 0.5s;
}

.prix-accessoire {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
}

.page-contact{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: calc(100% - 50px);
    max-width: 1100px;
    padding: 0 25px;
    margin: 80px auto 0;
}
.page-contact__col1{display: flex; flex-direction: column; gap: 22px; flex-grow: 1;}
.page-contact__col1 h1{margin-top: 22px; margin-bottom: 5px; font-weight: 800;}

.page-contact__adresse{
    display: flex;
    gap: 22px;
    max-width: 350px;
    font-weight: 500;
    line-height: 22px;
}

.page-contact__tel svg,
.page-contact__adresse svg{fill:var(--text-color);}

.page-contact__tel{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    line-height: 26px;
    font-weight: 800;
    color: var(--text-color);
}

.page-contact__tel:hover{color: var(--text-color);}

.page-contact__rs-links{
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex-wrap: wrap;
    margin-top:15px;
}

.page-contact__horaires h4,
.page-contact__rs-links h4{
    width: 100%;
    text-transform: uppercase;
}

.page-contact__rs-links h4{margin-bottom: 0; font-size: 16px;}
.page-contact__horaires h4{margin-bottom: 10px; font-size: 22px;}

.sidenav-area-concession___horaires.page-contact__horaires{margin-top: 15px; max-width: 480px;}
.sidenav-area-concession___horaires.page-contact__horaires .collapse-btn{width: calc(100% - 48px); padding: 15px 24px;}
.sidenav-area-concession___horaires.page-contact__horaires .collapse-btn .collapse-plus{right: 24px;}
body .sidenav-area-concession___horaires.page-contact__horaires .card.card-body,
.sidenav-area-concession___horaires.page-contact__horaires .collapse .card{padding: 24px;}

.page-contact__col2{
    background-color: var(--primary--bg-color);
    max-width: 380px;
    border: 1px solid #E6E6E6;
    padding: 30px 40px;
}

.page-contact__col2 .gform_fields .infos-contact{display:none;}

.page-contact__col2 .gform_fields h3{
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 30px;
}

.page-contact__col2.Vehicule-Form .gform_fields_container.gform_fields__rgpd{margin-top: 0;}

.sidenav-area-concession___horaires{margin-bottom: 15px;}
.sidenav-area-concession___horaires .collapse-btn{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(100% - 90px);
    padding: 15px 45px;
    border-top: 1px solid var(--text-color);
    border-bottom: 1px solid var(--text-color);
    border-left: none;
    border-right: none;
    font-weight: 700;
    transition: all 300ms ease;
}
.sidenav-area-concession___horaires .collapse-btn.collapsed{background-color: transparent; color: var(--text-color);}
.sidenav-area-concession___horaires .collapse-btn.collapsed svg{fill:var(--text-color);}

.sidenav-area-concession___horaires .collapse-btn,
.sidenav-area-concession___horaires .collapse-btn:hover{background-color: #DFDFDF;}
.sidenav-area-concession___horaires .collapse-btn.collapsed:hover{background-color: #F1F1F1;}
.sidenav-area-concession___horaires .collapse-btn .collapse-plus{right: 45px;}
.sidenav-area-concession___horaires .collapse-btn .collapse-plus::before,
.sidenav-area-concession___horaires .collapse-btn .collapse-plus::after{background-color: var(--text-color);}

.sidenav-area-concession___horaires .card.card-body,
.sidenav-area-concession___horaires .collapse .card{
    background-color: var(--primary--bg-color);
    display: block;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 25px 45px;
    font-size: 15px;
    transition: all 300ms ease;
}

.sidenav-area-concession___horaires.page-contact__horaires .collapse-btn .collapse-plus{right: 24px;}


.collapse-btn .collapse-plus {
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -7px;
}

.collapse-btn .collapse-plus::before,
.collapse-btn .collapse-plus::after{
    background-color: var(--text-color);
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: block;
    width: 14px;
    height: 2px;
    content: "";
    border-radius: 2px;
    transition: all 300ms ease;
}

.collapse-btn.collapsed .collapse-plus::after{transform: rotate(90deg);}
.collapse-btn .collapse-plus::after{transform: rotate(0deg);}

.content-detail__atelier .container-article,
.page-achat-cash-sav{
    width: calc(100% - 60px);
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 30px;
}

.titre-et-text-personnalise h2{font-size:28px; font-weight:bold; margin-bottom: 12px; text-align: center; width: 100%;}
.titre-et-text-personnalise p{font-size: 15px;}
.form-sav-achat-cash{margin:0;}
.form-sav-achat-cash .col-sm-6 {padding:0;}
.form-sav-achat-cash #form_contact{width: 100%; padding:0; margin-top: 60px;}
.form-sav-achat-cash #form_contact,
.form-sav-achat-cash #form_contact .col-sm-6{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px 12px;
}

.form-sav-achat-cash #form_contact .gform_fields_container{flex-direction: row; flex-wrap: wrap;}
.form-sav-achat-cash #form_contact .gform_fields_container.gform_fields__rgpd{flex-direction: column; gap: 20px; width: 100%; margin-top: 0;}

.form-sav-achat-cash #form_contact .gform_fields_container .ginput_container{width: 31%;}
.form-sav-achat-cash #form_contact .gform_fields_container.gform_fields__rgpd .ginput_container{width: 100%;}

.form-sav-achat-cash #form_contact .message-form-occasions.show-message{margin-top: 15px; margin-bottom: 0;}

.form-sav-achat-cash #form_contact .gfield .gfield_label{top: 12px;}
.form-sav-achat-cash #form_contact .gfield .gfield_label.formTop{top: -20px;}
.form-sav-achat-cash #form_contact .select-achat-cash .gfield_label{font-size: 13px; padding: 0 0 5px 15px; font-weight: 500;}
.form-sav-achat-cash #form_contact .gfield.message-form-occasions .gfield_label{top: -22px;}

.form-sav-achat-cash #form_contact .select-achat-cash .form-control{
    -webkit-appearance:  listbox;
    -moz-appearance:  listbox;
    appearance: listbox;
    width: calc(100% - 30px);
    padding: 10px 15px;
}

.form-sav-achat-cash #form_contact .col-sm-6,
.form-sav-achat-cash #form_contact .col-sm-6 .col-md-6{width: 48%;}
.form-sav-achat-cash #form_contact .col-sm-6 .control-label{font-size: 15px; margin-bottom: 4px; text-transform: inherit;}
.form-sav-achat-cash #form_contact .col-sm-6 .col-md-6 .form-control,
.form-sav-achat-cash #form_contact .col-sm-6 .col-md-12 .form-control{width: calc(100% - 30px); padding: 6px 15px;}

.form-sav-achat-cash #form_contact .CTA-Submit{
    width: auto;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 600;
    text-transform: inherit;
}

.form-sav-achat-cash .select-achat-cash .control-label{margin-bottom: 4px;}
.form-sav-achat-cash .select-achat-cash .select2-container .select2-selection--single{height: 38px; border: 1px solid #ced4da; border-radius: 3px;}
.form-sav-achat-cash .select-achat-cash .select2-container .select2-selection--single .select2-selection__rendered{line-height: 36px;}
.form-sav-achat-cash .select-achat-cash .select2-container .select2-selection--single .select2-selection__arrow{height: 36px;}
.form-sav-achat-cash .col-md-12 .checkbox{display: flex; align-items: center; gap: 8px; margin-bottom: 10px;}
.form-sav-achat-cash .col-md-12 .checkbox label,
.form-sav-achat-cash .col-md-12 .checkbox .btn-conf{margin-bottom:0;}

.form-sav-achat-cash .col-md-12 .checkbox label{font-size: 12px;}

.form-sav-achat-cash .col-md-12 .CLBtn{
    background-color: #0a2d81;
    border-radius: 0;
    border: none;
    padding: 8px 20px;
    margin: 0 0 30px 0;
    color: white;
    cursor: pointer;
}

.form-sav-achat-cash .col-md-12 .CLBtn:hover{background-color: #071c50;}

.page-achat-cash-sav__consignes{
    background-color: var(--primary-color);
    margin: 60px auto 0;
    padding: 30px;
    max-width: 600px;
    color: #FFF;
    border-radius: 15px;
}

.page-achat-cash-sav__consignes h3{
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 28px;
}

.page-achat-cash-sav__consignes h3 svg{fill: #FFF;}
.page-achat-cash-sav__consignes ul{
    margin: 20px 0 0;
    padding: 0 0 0 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 600;
    list-style: decimal;
}

.section-notre-histoire .container-article .titre-page,
.content-detail__atelier > .container-article .titre-page{
    width: 100%;
    margin-bottom: 35px;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}

.content-detail__atelier .container-article .CLArticle-only-image{margin-top:30px; width: 100%;}



/* --------------------- */
/* --- Media Queries --- */
/* --------------------- */




@media screen and (max-width: 414px) {
    body .banner-home .title-banner-home{position: inherit; top: 0; min-width: inherit; padding: 0 20px; text-align: center;}
    .form-search__wrapper .dropdown-button .dropdown-quantity.dropdown1,
    .page-contact__adresse svg,
    .title-banner-home::before{display: none;}
    .title-banner-home a{justify-content: center; height: inherit; padding: 10px 0;}
    .title-banner-home a br{display: none;}
    .picto-reserv{width: 42px; min-width: 42px; height: 42px; margin-right: 12px; }
    .reserver-votre-essai{font-size: 20px;}
    .presentation-concessionnaire .content-presentation .more-information{width: 280px; height: 230px;}
    .presentation-concessionnaire .show-more-detail{width: 280px; height: 230px;}
    #detail-info .col2-detail-info table th, #detail-info .col2-detail-info table td{padding: 12px 15px; font-size: 15px;}
    #detail-info .col2-detail-info h3{padding: 18px 0px; margin-top: 0;}
    .col1-detail-info .content-title{flex-direction: column; align-items: flex-start;}
    .col1-concessionnaire .list-option-detail-product .cta-white span{margin-right: 8px;}
    .items-concessionnaire .col1-concessionnaire .list-option-detail-product .reserver-votre-essai{margin: 0 0 10px;}
    .items-concessionnaire .col1-concessionnaire .list-option-detail-product .cta-white{padding: 7px 5px; margin: 0 2px 0 0;}
    .section-concessionnaire .items-concessionnaire .lSSlideOuter .lSPager.lSGallery{bottom: 0;}
    .section-concessionnaire .items-concessionnaire .lSSlideOuter .lSPager.lSGallery li{max-width: 44px !important; max-height: 33px !important;}
    body .content-etablissement .list-employee li{margin: 0 4px 15px;}
    .page-contact__col1{width: 100%;}
    .page-contact__col2{padding: 25px;}
    body  .form-search__wrapper .dropdown-container{min-width: inherit;}
    .wverify .col-md-12 .valid-form{padding: 6px 20px;}
    .infos-contact .infos-contact__adresse svg,
    .photos-vehicule #image-gallery .owl-nav{display:none;}
    .actualite-txt-rs .infos-contact__links,
    .infos-contact .infos-contact__links{justify-content: center; flex-wrap: wrap;}
    .col1-concessionnaire .descriptif-technique .tab-content{padding: 20px;}
    #nav-fichetech table th,
    #nav-fichetech table td{font-size: 14px}
}

@media screen and (max-width: 472px) {
    #back-top {bottom: 110px;}
    body .header-top{padding: 10px 22px;}
    body #nav-header {width: calc(100% - 40px); padding: 5px 20px;}
    .actualites-accueil__item{flex-direction: column;}
    .section-actualites__liste .section-actualites__autres-actus .actualites-accueil__img img,
    .actualites-accueil__img{width:100%;}
    .section-actualites__liste .actualites-accueil__article0 .actualites-accueil__intro{max-width: 100%; transform: none; border-radius: 0 0 10px 10px;}
    .section-actualites__liste .actualites-accueil__article0 .actualites-accueil__img img{height: 280px; border-radius: 10px 10px 0 0;}
    body .section-actualites__liste .section-actualites__autres-actus{margin-top: 20px; transform: none;}
    body .section-actualites.home-actualites,
    body .content-product.selection-accessoire {padding: 60px 30px;}
    .more-info__phone a{font-size: 22px;}
    .liste-vehicules .item-vehicule{width: calc(100% - 10px); margin: 0 auto;}
    .page-container .bandeau-advanced-search .search-title h1{font-size: 18px; line-height: 24px}
    .page-container .bandeau-advanced-search .search-title h1 span{font-size: 34px; line-height: 38px;}
    .form-multimarques__step3 .input-group .input-group-text {width: 100%;  border-radius: 5px 5px 0 0 !important;}
    .form-multimarques__step3 .input-group .form-select {width: 100%; border-radius: 0 0 5px 5px !important;}
    .descriptif-technique .nav-tabs .nav-link svg,
    .fiche-produit__header .nav-secondaire{display:none;}
    .fiche-produit__header .breadcrumbs{justify-content: flex-start;}
    .breadcrumbs .breadcrumbs__retour{gap: 6px; width: 90px; height: 32px; font-size: 14px;}
    .breadcrumbs .breadcrumbs__retour svg{max-width: 10px;}
    .col1-concessionnaire .descriptif-technique .nav-tabs .nav-link {font-size: 15px;}
}

@media screen and (max-width: 560px) {
    .banner-home .col-left-home-banner ul{justify-content: center;}
    .row-cta .cta-header-top:first-child{display:none;}
    .img-presentation-modeles .col4{width: 50%; max-height: 202px;}
    .presentation-modeles{margin-bottom: 20px;}
    .liste-occasions .item-occasion{flex-direction: column; align-items: flex-start; margin-bottom: 20px; padding-right: 0;}
    .liste-occasions .item-occasion .img-occasion{margin-right: 0; width: auto; height: 170px; align-items: center; margin: 0px auto 20px;}
    .detail-annonce{margin-bottom: 20px; padding: 0 20px;}
    .items-home-accessoire .item-accessoire{max-width: 90%;}
    .items-home-accessoire .title-accessoires-home{flex-direction: column;}
    .img-accessoire{height: 160px;}
    .items-home-product .col2-home{display: flex; flex-direction: column; align-items: center;}
    .title-actus{flex-direction: column; margin-bottom: 30px;}
    .title-actus h3{margin-bottom: 20px;}
    .content-presentation .more-information{width: 320px; height: 260px;}
    .show-more-detail{width: 320px; height: 260px; padding-top: 20px; font-size: 15px; line-height: 20px;}
    .horaires-detail2{font-size: 15px;}
    .critere-fiche {
        border: 1px solid #efefef;
        width: 33.33%;
        height: auto !important;
        float: left;
        display: block;
        align-items: center;
        padding: 5px 5px;
        text-align: center;
    }
    .critere-specifique {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .critere-specifique .critere{margin-left:0; }
    .critere-fiche i{
        display: block;
        margin-top: 7px;
        margin-bottom: 7px;
        width: 100%;
    }
    .critere{
        float:none;
        margin-left:8px;
        font-size:11px;
        font-weight:600;
    }
    body .footer-multimarques .container_footer{max-width: 300px;}
    .container_footer .container_footer__contact,
    .container_footer .container_footer__horaires,
    .container_footer .container_footer__marques,
    .container_footer .container_footer__timeline-facebook{width: 100%;}
    .section-liste-logos-ImageBox{gap: 30px;}
    .section-liste-logos-ImageBox .ImageBox__item img{max-width: 96px;}
    body .lite-marques-accueil .lite-marques-accueil_items.affichage-mobile .ImageBox__item{width: 100% !important; max-width: 320px;}
    .lite-marques-accueil .lite-marques-accueil__title{margin: 0 0 20px;}
    body .lite-marques-accueil .lite-marques-accueil_items.affichage-mobile{margin-top: 40px !important;}
    .section-actualites__title,
    .content-product__title{flex-direction: column; gap: 10px;}
    .section-actualites__title h2,
    .content-product__title h2{font-size: 28px; text-align: center;}
    .lite-marques-accueil .lite-marques-accueil__title{display: none;}
    .form-search__wrapper .form-search__buttons{gap: 15px;}
    .photos-vehicule__A2{top: 10px; right: 10px; padding: 8px 10px 10px;}
    .photos-vehicule__critair{top: 10px; left: 10px; width: 40px; height: 40px;}
    body .form-sav-achat-cash #form_contact .gform_fields_container .ginput_container {width: 100%;}
    .page-achat-cash-sav__consignes{padding: 25px;}
    .page-achat-cash-sav__consignes h3{font-size: 24px; flex-wrap: wrap;}
}

@media screen and (max-width: 610px) {
    .more-info__horaires.show-horaires .more-info__detail-horaires{bottom: 132px;}
    .page-container .result-search .Vignettes-annonces .item-vehicule {width: 100%; max-width: 340px;}
    .page-achat-cash-sav .titre-et-text-personnalise,
    .form-multimarques__step3,
    .form-multimarques__step2,
    .form-multimarques__step1{padding: 30px 25px;}
    .form-multimarques .form-multimarques__step2 .form-floating,
    .form-multimarques .form-multimarques__step2 .form-floating.form-multimarques__email{width: 100%;}
}

@media screen and (max-width: 650px) {
    .horaires-detail{text-align: justify;}
    .horaires-detail br{display: none;}
    .content-product .items-home-product h3{margin-bottom: 20px;}
    .presentation-concessionnaire{margin: 0 auto; padding: 0;}
    .col1-concessionnaire .list-option-detail-product .reserver-votre-essai,
    .col1-concessionnaire .list-option-detail-product .cta-white{font-size: 16px; margin: 0 12px 10px 0;}
    .list-option-detail-product{flex-wrap: wrap; justify-content: center;}
    body .content-detail .col2-concessionnaire{flex-direction: column; align-items: center;}
    .col2-concessionnaire .row-detail{margin-right: 0; max-width: 410px; width: 90%;}
    .col2-concessionnaire .form-contact-product{max-width: 410px; width: 100%;}
    .form-contact-product .show-small-tablet{display: none;}
    .form-contact-product .txt-form-product-contact{display: block;}
    .form-detail-product-contact input{}
    .row-detail .scroll-bottom{z-index: 5;}
    .form-contact-product.activepopin .popin-horaires-detail{top: 56px;}
    .page-contact{margin: 40px auto 0;}
    .bandeau-advanced-search{padding: 40px 25px 50px;}
    .form-search__wrapper .dropdown-container{width: 100%;}
    .CLPagintation__product-nb{margin-left: 0;}
    .form-multimarques__step1 .input-group .input-group-text{width: 100%; border-radius: 5px 5px 0 0 !important;}
    .form-multimarques__step1 .input-group .form-select{width: 100%; border-radius: 0 0 5px 5px !important;}
}

@media screen and (max-width: 768px) {
    .container.page-accueil{padding: 0 25px;}
    .module-rs {
        margin-top: -30px;
        text-align: left;
    }
    .banniere{display: block;}
    .banniere img{max-width: 100%;}
    .responsive-nav ul{padding-left: 0;}
    .resp-btn-open{box-shadow: none;}
    .responsive-nav a {
        font-size: 17px;
        color: #000;
    }
    .responsive-nav li {list-style: none;}
    #searchButton{margin-bottom: 15px;}
    .form-search__wrapper #searchButton{margin-bottom: 0;}
    .btn-voir-serie {position: static;}
    .titre_pages-rs{margin-top: 15px;}   
    .ligne{display: block;}
    .copyright {
        text-align: center;
        font-size: 12px;
        line-height: 21px;
        margin: 10px 0;
        padding: 0px 8px;
    }
    .footer-margin {margin: 0px 0px 15px;}
    .nom-boutique{
        display:block;
        position: absolute;
        top: 55%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        color: #000;
        line-height: 38px;
        font-size: 16px;
        padding: 0 8px;
        font-weight: bold;
    }
    .presentation-concessionnaire .content-presentation{margin-left: 0;}
    .more-information{margin-left: 0;}
    .content-presentation .txt1{width: 100%;}
    .container-txt1 {padding: 0;}
    .logo-header span.titre-nom-site a {font-size: 18px;}
    
    .partage-RS > div, .partage-RS > button{
        float: right;
        margin-bottom: 8px;
    }
     .col1-detail-info .content-title .partage-RS {
        display: inline-grid;
        position: relative;
        left: -20px;
    }
    .img-float-left, .img-float-right {
        float: none;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
    .CLPagintation {white-space: nowrap;}
    .CLPagintation > * {padding: 1px 3px !important;}
    .voir-tous-les-modeles {position: static;}
    .max-height23 {width: 31px;}
    .max-height30 {width: 33px;}
    .form-detail-product-contact .p-3{
        display: flex;
        justify-content: left;
        padding-top: 20px !important;
    }
    .more-information .tel-info {color: var(--contrast-text-color);}
    .fix-padding{
        padding-right: 0;
        padding-left: 0;
    }
    .fb_iframe_widget_fluid {
        display: block !important;
        transform: scale(0.8) !important;
    }
    #collapse-horaires {margin: 0 auto;}
    
    .phone-banner{color: var(--contrast-text-color) !important;}
    .phone-banner a{color: var(--contrast-text-color) !important;}
    .bloc-logo-magasin {
        width: 185px;
        margin-right: 60px;
        margin: 24px 0 24px;
    }
    .custom-home .items-avantages {margin: -226px auto 80px;}
    
    .img-actu {height: auto;}
    .items-home-product .reserver-votre-essai {
        font-size: 20px;
        padding: 5px;
    }
    .items-home-accessoire {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 34px;
    }
    .breadcrumb-yamaha h2{font-size: 20px;}
    .tr-form__fields{font-size: 12px;}
    .img-concession{margin-bottom: 15px;}
    .cta-concessionnaire {
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
    .items-home-product .cta-concessionnaire {margin-top: 0;}
    .items-home-product  .cta-concessionnaire {display: flex;}
    .force-center {justify-content: center;}
    .titre34 {
        font-size: 22px !important;
        line-height: 32px;
    }
    .titre37 {
        font-size: 28px !important;
        line-height: 32px;
    }
    .actualites-detail-title {font-size: 27px;}
    .g-recaptcha {transform: scale(0.8);}
    .m-3{margin: 1rem 0 !important;}
    .voir-tous-les-modeles {
        font-size: 16px;
    }
    .popin-horaires-detail{
        position: static;
        margin-top: 10px;
        margin-bottom: 17px;
        width: 100%;
    }
    .coordonnee-concessionnaire {display: block;}
    .cached-contact{display: block;}
    .bloc-magasin-footer{margin-bottom: 30px;}
    .items-concessionnaire .lSSlideOuter .lSPager.lSGallery {
        margin: 0 auto;
    }
    
    
    footer{font-size: 14px;}
    .nav-footer ul{flex-wrap: wrap;}
    .nav-footer ul li{padding: 0 10px;}
    #Sidebar-header{top: 0;}
    body .content-actus{padding: 40px 0 296px;}
    .content-actus .liste-actu{padding: 0 20px;}
    .content-actus .liste-actu li{width: auto;}
    .content-actus .liste-actu{flex-direction: column; align-items: center;}
    .content-actus .liste-actu li:first-child {border-right: none; margin-bottom: 30px;}
    .content-actus .liste-actu .img-actu{max-height: 300px;}
    .img-actu img{height: auto; width: 100%;}
    .items-avantages{margin: -125px auto 40px;}
    .liste-avantages .row1,
    .liste-avantages .row2{flex-direction: column; padding: 0 20px;}
    .liste-avantages .row1 a, .liste-avantages .row2 a{margin-right: 0; margin-bottom: 15px; height: auto; max-height: 200px;}
    
    .liste-avantages .option2,
    .liste-avantages .option3,
    .liste-avantages .option4,
    .liste-avantages .option6,
    .liste-avantages .option1,
    .liste-avantages .option5{width: 100%; max-width: 500px;}
    .items-avantages .liste-avantages .option1 img,
    .liste-avantages .option2 img,
    .liste-avantages .option3 img,
    .liste-avantages .option4 img,
    .items-avantages .liste-avantages .option5 img,
    .liste-avantages .option6 img{height: auto; width: 100%;}
    .content-etablissement .list-employee{flex-wrap: wrap; justify-content: center;}
    .img-employee{width: 130px; height: 130px; margin-bottom: 10px;}
    .txt-presentation-etablissement{font-size: 15px; line-height: 21px; text-align: justify; padding: 10px 20px;}
    .content-etablissement{padding: 50px 20px 80px;}
    .concession-page .content-etablissement{padding: 50px 20px 2px;}
    .content-etablissement .list-employee li{margin: 0 10px 10px;}
    
    .footer_haut {margin-top: 20px;}
    .footer_bas{padding:0 20px 30px; margin-bottom: 0;}
    .container_footer{max-width: 350px; margin: 0 auto;}
    a.phone-article{margin-left: 0;}
    .owl-carousel .owl-video-tn{height: 155px;}
    .owl-carousel .owl-video-play-icon {top: 75%;}
    .banner-home .txt-slideshow{
        position: initial;
        max-width: inherit;
        border-radius: 0;
        width: calc(100% - 50px);
        transform: none
    }
    .banner-home .txt-slideshow .titre{font-size: 24px; line-height: 28px;}
    .banner-home .txt-slideshow .desc{font-size: 16px; line-height: 22px;}
    body .banner-home .owl-carousel.owl-theme .owl-dots{bottom: 5px;}
    .presentation-concess__content{flex-direction: column; max-width: 600px;}
    .presentation-concess__txt,
    .presentation-concess__more-info{width: 100%;}
    .liste-accessoires .item-accessoire{width: 100%; max-width: 300px; margin: 0;}
    .form-detail-product-contact .CLPagintation{justify-content: center; flex-wrap: wrap;}
    .result-search .Vignettes-annonces .item-vehicule {width: 47%;}
    .titre-principal-page{font-size: 30px;}
    .CL-image-droite,
    .CL-image-gauche{flex-direction: column;}
    .CL-image-droite,
    .CL-image-gauche,
    .CL-image-bas,
    .CL-image-haut{max-width: 600px;}
    .CL-image-droite .CLArticle__txt,
    .CL-image-gauche .CLArticle__txt,
    .CL-image-droite .img-link-article,
    .CL-image-gauche .img-link-article,
    .CL-image-droite img,
    .CL-image-gauche img{width: 100%;}
    .section-notre-histoire .container-article .titre-page,
    .content-detail__atelier > .container-article .titre-page{font-size: 22px;}
    .page-liste-vehicules.section-accessoires .content-detail__accessoires .container-article,
    .page-liste-vehicules.section-vo .content-detail__vo .container-article,
    .page-liste-vehicules.section-vn .content-detail__vn .container-article{width: calc(100% - 110px); margin: 45px 30px;}
}


@media screen and (max-width: 850px) {
    .presentation-minisite .col-left-home-banner{display: none;}
    .presentation-minisite .p-0 {
        background: #fff;
        padding: 30px 0 7px !important;
    }
    .presentation-minisite .presentation-concessionnaire{margin: 0 auto!important;}
    .presentation-minisite.banner-home .img-banner-home {
        max-height: inherit;
        height: auto !important;
    }
    .presentation-minisite.banner-home{display: block;}
    .presentation-minisite .content-presentation,
    .more-information{margin-left: 0;}
    
    .presentation-minisite .more-information,
    .presentation-minisite .content-presentation {margin-right: 0;}
    
    .entry-footer{flex-direction: column; align-items: center;}
    .entry-footer .col-footer:nth-child(1){order: 2; margin-bottom: 40px;}
    .entry-footer .col-footer:nth-child(2){order: 3;}
    .entry-footer .col-footer:nth-child(3){order: 1; margin-bottom: 20px;}
    
    .col-left-home-banner ul br,
    .col-left-home-banner::before{display: none;}
    
    .col-left-home-banner ul{
        max-width: 500px;
        margin: 20px auto 10px;
        padding: 0 20px;
        display: block;
        text-align: center;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .col-left-home-banner .txt-intro{width: 100%; margin-bottom: 12px; text-align: center; font-size: 20px; line-height: 24px;}
    .col-left-home-banner .txt-intro strong{display: block;}
    .phone-banner{margin-bottom: 20px; width: 100%; text-align: center; padding-right: 20px;}
    
    .adresse-banner,
    .horaires-banner,
    .col-left-home-banner .contact-header-top{margin-bottom: 10px; padding: 0 10px;}
    
    .horaires-detail{padding: 0 40px; font-size: 16px; line-height: 20px;}
    .closebtn{top: 0; right: 0; border-radius: 0;}
    .horaires-banner,
    .adresse-banner,
    .contact-header-top{display: block;}
    .lite-marques-accueil .lite-marques-accueil__title{font-size: 16vw;}
    body .lite-marques-accueil .lite-marques-accueil_items.affichage-mobile{margin-top: -50px;}
    body .lite-marques-accueil .lite-marques-accueil_items.affichage-mobile .ImageBox__item{width: 47%;}
    .section-actualites__liste{flex-direction: column; align-items: center; max-width: 600px;}
    .actualites-accueil__article0 .actualites-accueil__img,
    .section-actualites__liste .actualites-accueil__article0,
    .section-actualites__liste .section-actualites__autres-actus{width: 100%;}
    .actualites-accueil__article0 .actualites-accueil__img img{height: 350px;}
    .section-actualites__liste .section-actualites__autres-actus{transform: translateY(-50px);}
    .bandeau-advanced-search .search-title h1{font-size: 24px; line-height: 34px;}
    .bandeau-advanced-search .search-title h1 span{font-size: 42px; line-height: 48px;}
    .page-accessoires__filter,
    .page-accessoires__filter-select{flex-wrap: wrap; gap: 20px;}
    .page-accessoires__filter .cta-concessionnaire{margin-top: 0;}
}

@media screen and (max-width: 930px) {
    .form-detail-product-contact .form-search__wrapper{max-width: 550px;}
    .form-multimarques__step2 .form-floating {width: 48%;}
    .form-multimarques__step2 .form-floating.form-multimarques__email{flex-grow: inherit; width: 48%;}
    .photo-vehicule-essai .image-demande{width: 100%;}
    .form-multimarques__step3 .form-check label{font-size: 14px;}
    .fiche-produit .fiche-produit__container{justify-content: center; gap: 30px;}
    .content-detail .col1-concessionnaire .show-mobile{display: flex; margin-bottom: 35px;}
    .content-detail .col2-concessionnaire .show-mobile{display: flex; margin-top: -30px;}
    .content-detail .col1-concessionnaire .show-mobile .infos-principales{width: calc(100% - 50px);}
    .col2-concessionnaire .reserver-votre-essai{margin: 0 auto;}
    .content-detail .col2-concessionnaire .infos-principales,
    .col1-concessionnaire .reserver-votre-essai{display:none;}
    .descriptif-technique .nav-tabs .nav-link{font-size: 18px;}
    .col1-concessionnaire .infos-principales h2{font-size: 22px;}
    .infos-principales__price{font-size: 26px; line-height: 32px;}
    .breadcrumbs,
    .fiche-produit__header{justify-content: center;}
    .fiche-produit{width: calc(100% - 60px);}
    .form-sav-achat-cash #form_contact .gform_fields_container .ginput_container {width: 47%;}
}


@media screen and (max-width: 960px) {
    .content-presentation .txt1{width: 100%;}
    .container-txt1{padding: 0;}
    .img-banner-home{align-items: flex-start; height: auto;}
    .title-banner-home{bottom: 15%;}
    .banner-home .col-left-home-banner{height: auto;}
    .col-left-home-banner::after{display: none;}
    .content-product{padding: 40px 20px;}
    .col1-home,
    .col2-home{width: 48%;}
    .items-concessionnaire,
    .items-home-product{flex-direction: column; align-items: center;}
    .items-home-product .col1-home, .items-home-product .col2-home{width: auto;}
    .items-home-product .col2-home{margin-top: 30px;}
    .items-home-accessoire ul{justify-content: center; flex-wrap: wrap;}
    .items-home-accessoire .title-accessoires-home h3{width: auto;}
    .items-home-accessoire .title-accessoires-home{max-width: 640px; margin: 0 auto 30px;}
    .voir-tous-les-accessoires{width: 240px; font-size: 18px;}
    .item-accessoire{max-width: 30%; min-width: 220px;}
    .liste-actu .img-actu{max-height: 400px;}
    .liste-avantages .row1 h4, .liste-avantages .row2 h4{padding: 16px 20px; font-size: 16px; line-height: 20px;}
    .liste-avantages h4 strong{font-size: 22px; line-height: 22px;}
    .liste-avantages .option1 img, .liste-avantages .option5 img{width: auto; height: 100%;}
    .more-information{position: inherit; top: 0; left: 0; margin-bottom: 30px;}
    body .presentation-concessionnaire .content-presentation{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 30px 20px;
        max-width: inherit;
        margin-left: 0;
    }
    .content-presentation .txt1 a{display: none;}
    .content-presentation .txt1 p{width: auto;}
    .breadcrumb-yamaha{max-width: 700px;}
    .breadcrumb-yamaha a{font-size: 15px;}
    .breadcrumb-yamaha span{margin-right: 5px; font-size: 12px;}
    .content-detail .items-concessionnaire{margin-bottom: 30px;}
    .content-detail .col1-concessionnaire{margin-right: 0; width: 100%; max-width: 700px;}
    .list-option-detail-product{margin: 25px 0;}
    .content-detail .col2-concessionnaire {
        max-width: 700px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }
    .row-detail{margin-bottom: 20px;}
    .form-contact-product p em{font-size: 13px; line-height: 16px;}
    .col2-concessionnaire .form-contact-product .popin-horaires-detail{width: 200px;}
    body #detail-info .col1-detail-info{max-width: 700px;}
    .show-small-tablet{display: block; font-size: 16px; text-align: center;}
    .show-small-tablet span{display: inline-block; margin-left: 6px; font-size: 14px;}
    .txt-form-product-contact{display: none;}
    .coordonnee-concessionnaire .logo-concessionnaire{margin-bottom: 20px; margin-right: 20px;}
    .content-detail .items-concessionnaire{margin-bottom: 70px;}
    .block-adresse{display: flex; justify-content: center; flex-wrap: wrap;}
    .section-concessionnaire .coordonnee-concessionnaire{padding: 20px;}
    .section-concessionnaire.content-detail .col2-concessionnaire{margin-top: 20px; justify-content: center;}
    .page-contact{flex-direction: column; align-items: center;}
    .form-detail-product-contact .form-search__wrapper{padding: 25px; gap: 20px;}
    .form-search__wrapper .dropdown-container{min-width: 260px;}
    .content-detail__concession .CLArticle,
    .content-detail__actualites .detail-actu{
        width: calc(100% - 100px);
        max-width: inherit;
        padding: 25px;
        margin: 0 25px;
    }
    .content-detail__actualites .fiche-produit__header{width: calc(100% - 50px);}
}

@media screen and (max-width: 1024px) {
    .title-accessoires-home h3::after{display: none;}
    .content-actus .liste-actu li h4 a{font-size: 18px;}
    #detail-info{padding: 20px;background: #efefef; margin-top: 20px;}
    #detail-info{align-items: center; flex-direction: column;}
    #detail-info .col1-detail-info {width: auto; max-width: 850px; margin-bottom: 20px;}
    .col1-detail-info .content-title{margin-bottom: 30px;}
    .txt-detail-info{font-size: 15px; line-height: 20px;}
    #detail-info .col2-detail-info {width: auto; max-width: 850px;}
    .lite-marques-accueil .lite-marques-accueil_items.affichage-mobile .ImageBox__item{width: 30%;}
}

@media screen and (max-width: 1200px) {
    .content-header{gap: 20px;}
    #header-concessionnaire #nav-header .menu-header{
        background-color: var(--primary--bg-color);
        width: 100vw;
        height: calc(100vh - 116px);
        position: absolute;
        top: 76px;
        left: -1200px;
        z-index: 100;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 0 20px;
    }
    .lite-marques-accueil .lite-marques-accueil__items-carousel,
    #nav-header nav.content-header__nav ul li .link-nav::after,
    #nav-header nav ul .menu-back-home::before,
    #nav-header nav ul .main-item-li .main-item::before,
    #header-concessionnaire #nav-header .menu-header .menu-default{display:none;}
    #header-concessionnaire #nav-header .menu-header .menu-responsive{display:flex; gap: 0; overflow: scroll;}
    #header-concessionnaire #nav-header.show-nav-mobile .menu-header{left: 0; justify-content: flex-start;}

    #nav-header nav ul li.main-item-li{width: 100%; border-bottom: 1px solid #DBDBDB;}
    #nav-header nav ul li.voir-plus-section{width: 100%;}
    #nav-header nav ul li .submenu{top: 48px; left: 50%; margin-left: -132px;}
    #nav-header nav ul{flex-direction: column; justify-content: flex-start; gap: 0; border-bottom: 1px solid #000; border-top: 1px solid #DBDBDB;}
    #nav-header nav.content-header__nav ul li .link-nav,
    #nav-header nav.content-header__nav ul li a{
        justify-content: space-between;
        padding: 18px 25px;
        width: calc(100vw - 50px);
        color: var(--text-color);
        border-radius: 0;
    }
    
    #nav-header nav.content-header__nav ul li.active a,
    #nav-header nav.content-header__nav ul li .link-nav:hover,
    #nav-header nav.content-header__nav ul li a:hover{background: var(--primary-color); color: var(--contrast-text-color);}
    #nav-header nav.content-header__nav ul li a.submenu__tout-voir{justify-content: flex-start; gap: 10px;}
    #nav-header nav.content-header__nav ul li a.submenu__tout-voir svg{margin-top: 3px;}
    #nav-header nav.d-block ul li .link-nav,
    #nav-header nav.d-block ul li a{padding: 4px 10px;}
    #nav-header nav ul li .link-nav svg{fill:#000;}
    #nav-header nav ul li .link-nav:hover svg,
    #nav-header nav ul li .link-nav:focus svg{fill:#FFF;}
   
    #nav-header nav ul li .link-nav:focus,
    #nav-header nav ul li .link-nav.collapsed{background-color:transparent; color: var(--text-color);}
    #nav-header nav.content-header__nav ul li .link-nav:not(.collapsed){background-color: var(--contrast-bg-color); color:#FFF;}
    #nav-header nav ul li .link-nav.collapsed:hover{background-color:var(--primary-color); color:#FFF;}
    #nav-header nav ul li .link-nav.collapsed svg{fill:#000;}
    #nav-header nav.content-header__nav ul li .link-nav:not(.collapsed) svg,
    #nav-header nav ul li .link-nav.collapsed:hover svg{fill:#FFF;}
    #nav-header nav ul li:hover ul.submenu{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    #nav-header nav.menu-responsive ul {
        display: block;
        overflow-x: auto;
    }
    #nav-header nav.menu-responsive ul li{text-align: left;}
    #nav-header nav.menu-responsive ul li a {
        padding: 16px 22px;
        font-size: 17px;
        border-bottom: 1px solid #ddd;
    }
    .hamburger{display: flex;}
    #nav-header nav ul li .link-nav:hover svg{transform: rotate(0);}
    #nav-header nav ul li .link-nav .btn-pm{
        position: relative;
        width: 14px;
        height: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: all 300ms ease;
    }
    #nav-header nav ul li .link-nav .btn-pm .btn-pm__plus{position: absolute; transform: rotate(90deg); transform: all 300ms ease;}
    #nav-header nav ul li .link-nav .btn-pm .btn-pm__moins{transform: all 300ms ease;}
    #nav-header nav ul li .link-nav:not(.collapsed) .btn-pm .btn-pm__plus{transform: rotate(0);}
    #nav-header nav ul li .link-nav:not(.collapsed) .btn-pm .btn-pm__moins{transform: rotate(-180deg);}
    #nav-header nav ul li.main-item-li ul li{width:100%;}
    #nav-header nav ul li.main-item-li ul li a{background-color: var(--secondary-bg-color); border-bottom: 1px solid #DDD;}
    #nav-header nav ul li.main-item-li ul li:last-child a{border-bottom:none;}
    #nav-header nav.content-header__nav ul li.main-item-li ul li a:hover{background-color: #DDD; padding-left: 35px; color: var(--text-color);}
    
    .footer-multimarques .container_footer{flex-wrap: wrap; gap: 40px 30px; max-width: 600px;}
    .container_footer__contact,
    .container_footer__horaires,
    .container_footer__marques,
    .container_footer__timeline-facebook{width: 47%; max-width: inherit;}
    .footer-multimarques .footer__copyright{flex-direction: column; gap: 15px; text-align: center;}
    
    .col1-home, .col2-home{width: 48%;}
    .items-home-product h3{font-size: 30px; line-height: 32px; margin-bottom: 30px;}
    .img-presentation-modeles .col3 a{max-height: 150px; height: auto;}
    .img-presentation-modeles .col2{align-items: stretch;}
    .img-presentation-modeles .col4 a{max-height: 300px; height: 100%;}
    .detail-annonce{font-size: 15px; line-height: 20px;}
    .detail-annonce h4{margin-bottom: 6px;}
    .detail-annonce h4 a{font-size: 16px; line-height: 18px;}
    .detail-annonce .price{margin-top: 6px; font-size: 17px;}
    .item-occasion .img-occasion{min-width: 214px; margin-right: 20px;}
    .item-occasion{padding-right: 20px;}
    .items-concessionnaire, .items-home-product{margin-bottom: -6px;}
    .title-accessoires-home{margin-bottom: 30px;}
    .title-accessoires-home h3{font-size: 30px; line-height: 32px; width: 70%;}
    .title-accessoires-home h3::after{top: 21px;}
    .item-accessoire{max-width: 30%; margin: 8px;}
    .title-actus h3{font-size: 30px; line-height: 32px;}
    .items-avantages h3{font-size: 30px; line-height: 32px; margin-bottom: 30px;}
    .content-actus{padding: 40px 0 328px;}
    .voir-toutes-les-actus{font-size: 18px;}
    .content-presentation .txt1 a{min-width: 180px; margin-right: 20px;}
    .presentation-concessionnaire .content-presentation{font-size: 13px; line-height: 18px;}
    .content-presentation .txt1{margin-bottom: 14px;}
    .cta-en-savoir-plus{margin-top: 14px;}
    .list-option-detail-product .reserver-votre-essai .picto-reserv{margin-right: 16px;}
    .list-option-detail-product .reserver-votre-essai{font-size: 18px; padding: 0 12px;}
    .list-option-detail-product .cta-white{font-size: 18px; padding: 10px 12px;}
    .list-option-detail-product .cta-white span{margin-right: 12px;}
    .form-contact-product .contact-info-product{margin: 10px 0;}
    .form-contact-product .popin-horaires-detail{width: 300px;}
    .critair{top: 18px;}
    .lite-marques-accueil{padding: 0 30px 60px;}
    .lite-marques-accueil .lite-marques-accueil_items.affichage-mobile{display:flex; gap: 30px; max-width: inherit; margin-top: -80px;}
    .lite-marques-accueil__title{width: 100%; font-size: 18vw;}
    .lite-marques-accueil .lite-marques-accueil_items .ImageBox__item{width: 22%;}
    .lite-marques-accueil .ImageBox__second-img .ImageBox__polygon{bottom: -1px;}
    .banner-home .owl-carousel.owl-theme{background-color: var(--contrast-bg-color); padding-bottom: 15px;}
    .banner-home .owl-carousel.owl-theme .owl-dots{position: relative; bottom: -10px; margin-top: 0; width: 100%; justify-content: center;}
    .txt-slideshow{left: 3%; width: 50%; padding: 25px;}
    .txt-slideshow .titre{margin-bottom: 10px; font-size: 30px; line-height: 38px;}
    .txt-slideshow .desc{font-size: 17px; line-height: 24px;}
    .txt-slideshow .btn{font-size: 14px; margin-top: 15px; padding: 7px 20px 8px 20px;}
    .actualites-accueil__article0 .actualites-accueil__intro{max-width: 82%;}
    .lite-marques-accueil{margin-bottom: 200px;}
    .content-product{padding: 60px 30px;}
    .section-actualites.home-actualites,
    .content-product.selection-accessoire{padding: 60px 30px 80px;}
    .presentation-concess{padding: 0 30px 60px;}
    .section-actualites__liste{gap: 30px;}
    .actualites-accueil__article0{width: 45%;}
    .section-actualites__autres-actus{width: 52%;}
    .CLAnnonceFiltre .content-filter,
    .actualites-accueil__item{gap: 20px;}
    .section-actualites__autres-actus .actualites-accueil__img img{width: 220px;}
    .actualites-accueil__titre {font-size: 16px; line-height: 22px;}
    .CLAnnonceFiltre .content-filter,
    .CLAnnonceFiltre{flex-wrap: wrap; justify-content: center;}
    .Vignettes-annonces{gap: 40px 30px;}
    .Vignettes-annonces .item-vehicule{width: 30%; min-width: 270px;}
    .col1-concessionnaire .infos-principales,
    .col2-concessionnaire .infos-principales,
    .col2-concessionnaire .infos-contact,
    .col2-concessionnaire .Vehicule-Form{padding: 25px 25px 28px;}
    .descriptif-technique .tab-content {padding: 30px;}
}

@media screen and (max-width: 1300px) {
    .header-top{padding: 10px 32px;}
    #nav-header{width: calc(100% - 60px); padding: 5px 30px;}
    .logo-header{padding: 5px 8px;}
}


@media screen and (max-width: 1650px) {
    .lite-marques-accueil__items-carousel{max-width: inherit;}
}