html{margin: 0; padding: 0;}

html body,
body{
    background-color: var(--primary--bg-color);
    font-family: var(--multimarques-font-family);
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-optical-sizing: auto;
    -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);
}

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

body a{color: var(--text-color); text-decoration: none; cursor: pointer; transition: all 300ms ease;}

body.is-fixed {
    height: 100vh;
    overflow: hidden;
}

.open-submenu{-webkit-transition: all 300ms; transition: all 300ms;}

.home .menu-header .desktop-h4-24,
.home .detail-article .desktop-h4-24{color: var(--contrast-text-color);}

.home #header-concessionnaire.sticky-active .desktop-h4-24:hover,
.home #header-concessionnaire.sticky-active .desktop-h4-24:focus,
#header-concessionnaire.sticky-active .desktop-h4-24:hover,
#header-concessionnaire.sticky-active .desktop-h4-24:focus,
.home .menu-header .desktop-h4-24:hover,
.home .menu-header .desktop-h4-24:focus,
.is-fixed .menu-header .desktop-h4-24:hover,
.is-fixed .menu-header .desktop-h4-24:focus,
.is-fixed2 .menu-header .desktop-h4-24:hover,
.is-fixed2 .menu-header .desktop-h4-24:focus,
.menu-header .desktop-h4-24:hover,
.menu-header .desktop-h4-24:focus,
.open-submenu:hover,
.open-submenu:focus,
body a:hover,
body a:focus{color: var(--primary-color); text-decoration: none; outline: none;}

/* Character Styles */

.desktop-h1-42 {
    font-weight: 900;
    font-size: 42px;
    line-height: 40px;
    color: var(--text-color);
    text-transform: uppercase;
}
.desktop-h1-56 {
    font-weight: 900;
    font-size: 56px;
    line-height: 66px;
    color: var(--contrast-text-color);
    text-transform: uppercase;
}
.desktop-h2-44 {
    font-weight: 900;
    font-size: 44px;
    line-height: 44px;
    color: var(--text-color);
    text-transform: uppercase;
}
.desktop-h2-48 {
    font-weight: 900;
    font-size: 48px;
    line-height: 48px;
    color: var(--text-color);
    text-transform: uppercase;
    margin-bottom: 30px;
}
.desktop-h3-32{
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    text-transform: uppercase;
}

#header-concessionnaire.sticky-active .desktop-h4-24,
.desktop-h4-24 {
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    color: var(--text-color);
    text-transform: uppercase;
}

.desktop-h4-20 {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    text-transform: uppercase;
}
.desktop-copy-text-strong {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    color: var(--text-color);
    text-transform: uppercase;
}
.buttons-16 {
    font-weight: bold;
    font-size: 16px;
    line-height: 42px;
    color: var(--contrast-text-color);
    text-transform: uppercase;
}

.desktop-text-16 {
    font-size: 16px;
    line-height: 26px;
    color: var(--text-color);
}
.desktop-copy-text-16 {
    font-size: 16px;
    line-height: 26px;
    color: var(--text-color);
}
.desktop-copy-text-14 {
    font-size: 14px;
    line-height: 22px;
    color: var(--text-color);
}

p{margin: 0 0 16px;}

.coul-orange{color: var(--primary-color);}

h1,
h2{margin: 0 0 26px;}
h3{margin: 0 0 20px;}
h4{margin: 0 0 10px;}

h1,
h2,
h3{
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}


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


#header-concessionnaire{width: 100%;}
#header-concessionnaire.change-menu{
    position: fixed;
    top: -142px;
    left: 0;
    transition: all 400ms ease;
}
#header-concessionnaire.change-menu.sticky-active{
    top: 0;
    z-index: 100;
    margin-top: 0;
    background-color: var(--contrast-bg-color);
    border-bottom: 1px solid #ECECEC;
}

#nav-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 100;
    max-width: 1640px;
    height: 142px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    transition: all 300ms ease;
}

#header-concessionnaire.sticky-active #nav-header{height: 60px;}

.logo-header-dealer a{
    position: relative; z-index: 2;
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 71px;
    letter-spacing: 0;
    color: var(--text-color);
    text-transform: uppercase;
    transition: all 300ms ease;
}

.is-fixed .menu-header .desktop-h4-24,
.is-fixed2 .menu-header .desktop-h4-24,
.home .logo-header-dealer a,
.is-fixed .logo-header-dealer a,
.is-fixed2 .logo-header-dealer a{color: var(--contrast-text-color);}

#header-concessionnaire.sticky-active .desktop-h4-24{font-size: 18px;}
.home .menu-header .desktop-h4-24,
.menu-header .desktop-h4-24{font-size: 20px;}

.fixed-active-body #header-concessionnaire.sticky-active .logo-header-dealer a,
.is-fixed #header-concessionnaire.sticky-active .logo-header-dealer a,
.is-fixed2 #header-concessionnaire.sticky-active .logo-header-dealer a,
.home #header-concessionnaire.sticky-active .logo-header-dealer a{color: var(--text-color); font-size: 28px;}

#nav-header .menu-header{position: relative; z-index: 2;}
#nav-header .menu-header ul{display: flex; justify-content: space-between; align-items: center; list-style: none; padding: 0; margin: 0;}

.is-fixed #header-concessionnaire.sticky-active #nav-header .menu-header ul li,
.is-fixed2 #header-concessionnaire.sticky-active #nav-header .menu-header ul li,
.home #header-concessionnaire.sticky-active #nav-header .menu-header ul li,
#nav-header .menu-header ul li{padding: 0 16px; border-right: 1px solid #000000;}

.is-fixed2 #nav-header .menu-header ul li,
.home #nav-header .menu-header ul li{padding: 0 18px; border-right: 1px solid #FFFFFF;}

.home #header-concessionnaire.sticky-active #nav-header .menu-header ul li:last-child,
#nav-header .menu-header ul li:last-child{border-right: none;}

.menu-header .open-submenu{position: relative; display: flex; justify-content: space-between; align-items: center;}

#header-concessionnaire .menu-header .desktop-h4-24.current-page,
.home .logo-header-dealer a:hover,
.fixed-active-body #header-concessionnaire.sticky-active .logo-header-dealer a:hover,
.is-fixed #header-concessionnaire.sticky-active .logo-header-dealer a:hover,
.is-fixed2 #header-concessionnaire.sticky-active .logo-header-dealer a:hover,
.home #header-concessionnaire.sticky-active .logo-header-dealer a:hover,
#header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu,
.menu-header .open-submenu.show-submenu{color: var(--primary-color);}

.menu-header .open-submenu.show-submenu::after,
.menu-header .open-submenu::after{
    content: "";
    width: 0;
    height: 0;
    margin-left: 10px;
    border-style: solid;
    transition: all 300ms ease;
}

#header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu::after,
.menu-header .open-submenu.show-submenu::after{
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #000000 transparent;
}

#header-concessionnaire.sticky-active .menu-header .open-submenu::after,
.menu-header .open-submenu::after{
    border-width: 5px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
}

.is-fixed .menu-header .open-submenu::after,
.is-fixed2 .menu-header .open-submenu::after{border-color: #FFFFFF transparent transparent transparent;}

.home #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu::after,
#header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu::after,
.home #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:hover::after,
#header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:hover::after,
.home #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:focus::after,
#header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:focus::after,
.home .menu-header .open-submenu.show-submenu::after,
.is-fixed .menu-header .open-submenu.show-submenu:hover::after,
.is-fixed2 .menu-header .open-submenu.show-submenu:hover::after,
.is-fixed .menu-header .open-submenu.show-submenu:focus::after,
.is-fixed2 .menu-header .open-submenu.show-submenu:focus::after,
.menu-header .open-submenu.show-submenu::after,
.home .menu-header .open-submenu.show-submenu:hover::after,
.menu-header .open-submenu.show-submenu:hover::after,
.home .menu-header .open-submenu.show-submenu:focus::after,
.menu-header .open-submenu.show-submenu:focus::after{border-color: transparent transparent var(--primary-color) transparent;}

.is-fixed .menu-header .open-submenu:hover::after,
.is-fixed2 .menu-header .open-submenu:hover::after,
#header-concessionnaire.sticky-active .menu-header .open-submenu:hover::after,
.home #header-concessionnaire.sticky-active .menu-header .open-submenu:hover::after,
#header-concessionnaire.sticky-active .menu-header .open-submenu:focus::after,
.home #header-concessionnaire.sticky-active .menu-header .open-submenu:focus::after,
.menu-header .open-submenu:hover::after,
.home .menu-header .open-submenu:hover::after,
.menu-header .open-submenu:focus::after,
.home .menu-header .open-submenu:focus::after{border-color: var(--primary-color) transparent transparent transparent;}

.home .menu-header .open-submenu::after{border-color: #FFFFFF transparent transparent transparent;}

.menu-header .menu-plus .menu-plus__icon{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    width: 26px;
    height: 26px;
    font-family: "Arial", sans-serif;
    font-weight: normal;
    border-radius: 14px;
    transition: all 300ms ease;
}

.home .menu-header .menu-plus .menu-plus__icon{border: 1px solid #FFF;}
#header-concessionnaire.sticky-active .menu-plus .menu-plus__icon{border: 1px solid #000;}

#header-concessionnaire.sticky-active .menu-header .menu-plus .menu-plus__icon:hover,
#header-concessionnaire.sticky-active .menu-plus .open-submenu.show-submenu .menu-plus__icon,
.menu-header .menu-plus .open-submenu.show-submenu .menu-plus__icon,
.menu-header .menu-plus .menu-plus__icon:hover,
.menu-header .menu-plus .menu-plus__icon:focus{
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color:  var(--contrast-text-color);
}

.home .menu-header .menu-plus .open-submenu::after,
#header-concessionnaire.sticky-active .menu-header .menu-plus .open-submenu::after,
.menu-header .menu-plus .open-submenu::after{display: none;}

#nav-header .menu-header .submenu{
    position: fixed;
    top: 112px;
    left: 50%;
    display:flex;
    justify-content: space-between;
    transform: translate(-50%, 0);
    width: calc(100vw - 115px);
    max-width: 1590px;
    padding: 40px 25px;
    max-height: calc(100vh - 192px);
    overflow: auto;
    border-top: 1px solid var(--primary-color);
}

#nav-header .menu-header .submenu ul{flex-grow: 1; margin: 0 50px; justify-content: center;}

.is-fixed #header-concessionnaire.sticky-active #nav-header .menu-header .submenu ul li,
#nav-header .menu-header .submenu ul li{padding: 0 40px;}

#nav-header .menu-header .submenu.submenu-2col{padding: 60px 25px;}

#nav-header .menu-header .submenu.submenu-2col img{width: 350px;}

#header-concessionnaire.sticky-active #nav-header .menu-header .submenu{top: 60px; border-top: none;}

#nav-header .menu-header .submenu.gamme-produit{
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
}

.home #header-concessionnaire #nav-header .menu-header .submenu li,
#header-concessionnaire #nav-header .menu-header .submenu li,
.home #header-concessionnaire.sticky-active #nav-header .menu-header .submenu li,
#header-concessionnaire.sticky-active #nav-header .menu-header .submenu li,
.home  #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.submenu-2col li,
#header-concessionnaire.sticky-active #nav-header .menu-header .submenu.submenu-2col li{border: none; margin-top: 15px; margin-bottom: 20px;}

#header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li{max-width: 15%; margin-bottom: 0;}

#header-concessionnaire #nav-header .menu-header .submenu li a{
    margin: 15px 0;
    font-style: normal;
    font-weight: normal;
    font-size: 35px;
    line-height: 42px;
    color: var(--contrast-text-color);
    text-transform: uppercase;
    transition: all 300ms ease;
}

#header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}
#header-concessionnaire #nav-header .menu-header .submenu li a.current-page,
#header-concessionnaire #nav-header .menu-header .submenu li a:hover{color: var(--primary-color);}

#nav-header .menu-header .submenu.gamme-produit li a img{width: 100%; margin-bottom: 10px; transition: all 300ms ease;}
#nav-header .menu-header .submenu.gamme-produit li a:hover img,
#nav-header .menu-header .submenu.gamme-produit li a:focus img{transform: scale(1.1);}

#header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a.cta-demande-essai{
    justify-content: center;
    width: 170px;
    height: 46px;
    padding: 0 25px;
    border: 2px solid var(--primary-color);
    font-size: 18px;
    color: var(--primary-color);
    text-transform: uppercase;
}
#header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a.cta-demande-essai:hover{
    background-color: var(--primary-color);
    color: var(--contrast-text-color);
}

#header-concessionnaire #nav-header .close-submenu{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 0;
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary-color);
    background-color: transparent;
    padding: 0 0 5px 1px;
    font-family: Verdana, sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: var(--primary-color);
    cursor: pointer;
    transition: all 300ms ease;
}

#header-concessionnaire #nav-header .close-submenu:hover{background-color: var(--primary-color); color:  var(--contrast-text-color);}

#nav-header .logo-header-global .logo-global{display: flex; position: relative; z-index: 2;}
#nav-header .logo-header-global .logo-global img{width: 150px; transition: width 300ms ease;}
#header-concessionnaire.sticky-active #nav-header .logo-header-global .logo-global img{width: 112px;}

.submenu-background-overlay{
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background-color: rgba(0,0,0,0.9);
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
}

.submenu-background-overlay.show-background-overlay{opacity: 1; visibility: visible;}

.hamburger{
    display: none;
    height: 24px;
    margin: 0;
    overflow: visible;
    cursor: pointer;
    transition: all 300ms linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
}

.hamburger-box{
    width: 26px;
    height: 24px;
    display: inline-block;
    position: relative;
}

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

.hamburger-inner,
.hamburger-inner::before, 
.hamburger-inner::after{
    width: 26px;
    height: 4px;
    background-color:  var(--contrast-text-color);
    position: absolute;
    transition: all 200ms linear;
}

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

.hamburger-inner::before,
.hamburger-inner::after{content: ""; display: block;}

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


.hamburger--spin-r.is-active .hamburger-inner{
    -webkit-transform: rotate(-225deg);
    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;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}



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

.home .banner-home{position: relative; z-index: 1; margin-top: -142px;}

.banner-home .owl-carousel{position: relative;}

.banner-home .owl-carousel .owl-dots{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
}

.banner-home .owl-carousel .owl-dots .owl-dot span{
    background-color: #ECECEC;
    border-radius: 5px;
    width: 40px;
    height: 3px;
    margin: 5px 3px;
    transition: all 300ms ease;
}

.banner-home .owl-carousel .owl-dots .owl-dot:hover span,
.banner-home .owl-carousel .owl-dots .owl-dot:focus span,
.banner-home .owl-carousel .owl-dots .owl-dot.active span{background-color: var(--primary-color);}

.contactForm {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 570px;
}

.contactForm .form-textarea,
.contactForm .form-input{
    background-color: var(--contrast-bg-color);
    border: 2px solid #3E3E3E;
    color: #3E3E3E;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    transition: all 300ms ease;
    position: relative;
}

.contactForm .form-textarea{height: 90px; width: 100%; padding: 12px 16px; margin-bottom: 5px;}

.contactForm .form-input{
    background-position: 95% 50%;
    height: 44px;
    width: 38%;
    min-width: 180px;
    padding: 0 40px 0 16px;
    margin-bottom: 20px;
}

.contactForm .form-textarea:focus,
.contactForm .form-input:focus{outline: none; border: 2px solid var(--primary-color);}

.contactForm .form-input:valid{
    background: url(../img/tick-inside-circle.png) no-repeat 95% 50%;
    background-size: 19px;

}

.contactForm .form-CO{
    display: block;
    text-align: right;
    width: 100%;
    margin-bottom: 15px;
    color: #3E3E3E;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

.contactForm .valid-RGPDA{
    display: flex;
    align-items: flex-start;
    width: 47%;
    color: #3E3E3E;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: justify;
}
.contactForm .valid-RGPDA input{margin-top: 2px; margin-right: 10px;}
.contactForm .valid-RGPDA .label{cursor: pointer;}

.cta-primary{
    display: flex;
    justify-content:center;
    align-items: center;
    background-color: var(--primary-color);
    color: var(--contrast-text-color);
    width: calc(100% - 12px);
    height: 46px;
    text-transform: uppercase;
    border: 1px solid var(--primary-color);
    border-radius: 3px;
    cursor: pointer;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    transition: all 300ms ease;
}

.contactForm .CTA-Submit{
    background-color: var(--primary-color);
    color: var(--contrast-text-color);
    width: 44%;
    height: 44px;
    text-transform: uppercase;
    border: 1px solid var(--primary-color);
    cursor: pointer;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    transition: all 300ms ease;
}

.cta-primary:hover,
.cta-primary:focus,
.contactForm .CTA-Submit:hover,
.contactForm .CTA-Submit:focus{
    background-color: var(--dark-primary-color);
    color: var(--contrast-text-color);
    border: 1px solid var(--dark-primary-color);
}

.home .content-global{max-width: 1700px; margin: 100px auto; padding: 0 25px;}
.content-global{max-width: 1700px; margin: 60px auto; padding: 0 25px;}
.grey-background{background-color: #ECECEC; padding: 88px 0 0;}
.grey-background2{background-color: #ECECEC; padding: 30px 0 50px;}
.grey-background2 .content-global,
.grey-background .content-global{margin: 0 auto;}

.content-global p:last-child,
.content-global ul:last-child{margin-bottom: 0;}

.row-2-col{display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}

.small-col{max-width: 34%;}
.img-medium{display: flex; justify-content:center; align-items: center; max-width: 950px; max-height: 378px; overflow: hidden;}
.img-medium img{width: 100%;}

.small-cta{width: 144px;}
.title-center{text-align: center; margin-bottom: 60px;}
.team-global .title-center{text-align: center; margin: 60px 0 30px;}
.team-global p.desktop-text-16{text-align: center;}

.product-liste,
.liste-articles{
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 40px 35px;
    list-style: none;
    margin-bottom: 50px;
    padding: 0;
}

.liste-articles li{width: 32.2%; margin: 0 0 24px;}

.liste-articles li a{
    background-color: var(--contrast-bg-color);
    position: relative;
    display: flex;
    justify-content:center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    height: 357px;
    transition: all 300ms ease;
}

.liste-articles li a:hover,
.liste-articles li a:focus{transform: translateY(-8px); box-shadow: 8px 8px 0 rgba(0,0,0,0.3);}

.liste-articles li a img{width: 120%;}

.liste-articles li a .detail-article{
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 72.5%;
    transition: all 300ms ease;
    height: 100%;
    padding: 20px;
}

.liste-articles li a:hover .detail-article,
.liste-articles li a:focus .detail-article{top: 0;}

.liste-articles .detail-article .desktop-h4-24{margin-bottom: 8px; font-size: 24px; color: var(--contrast-text-color);}
.liste-articles .detail-article .post-date{
    margin-bottom: 30px;
    color: var(--contrast-text-color);
    font-size: 13px;
    text-transform: uppercase;
}

.liste-articles .detail-article .desktop-copy-text-16{color: var(--contrast-text-color);}

.liste-articles .detail-article .cta-primary{position: absolute; bottom: 64px; left: 24px;}

.product-liste li{width: 23.8%; margin: 0;}

.product-liste li a{
    background: var(--primary--bg-color);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    transition: all 300ms ease;
}

.product-liste li a:hover{transform: translateY(-5px);}

.product-liste li a .product-img{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 300px;
    transition: all 300ms ease;
}

.product-liste .product-img.permis-a2:before {
	display: block;
	position: absolute;
	background: #FFF url('../images/icone-permis-a2.png') no-repeat 8px 6px;
	background-size: contain;
	content: "";
	top: 10px;
    right: 10px;
    z-index: 2;
    width: 31px;
    height: 31px;
    background-size: 25px 26px;
    padding: 5px;
    border-radius: 20px;
}

.vehicules-neuf .product-liste li a .product-img{background-color:  var(--contrast-text-color);}
.product-liste li a img{width: 420px; transition: opacity 300ms ease;}

.product-liste li a .nom-marque{
    background-color: var(--contrast-bg-color);
    width: calc(100% - 20px);
    padding: 8px 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: var(--contrast-text-color);
    letter-spacing: 0.02em;
}

.product-liste li a .product-detail{
    padding: 12px 20px 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    flex-grow: 1;
    border-radius: 0 0 4px 4px;
    width: calc(100% - 42px);
}

.product-liste li a .product-detail .desktop-h4-24{
    width: 100%;
    margin-bottom: 14px;
    padding-bottom: 12px;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.product-liste li a .product-detail h4{width: 75%; margin-bottom: 0; font-size: 16px; line-height: 16px; color: var(--text-color);}

.product-liste li a .product-price{
    width: 20%;
    min-width: 80px;
    text-align: right;
    font-weight: bold;
    margin-left: 15px;
    font-size: 18px;
    line-height: 18px;
    color: var(--primary-color);
}
.cta-center{margin: 0 auto;}

.content-global.container{width: calc(100% - 60px); max-width: 1540px; margin: 0 auto; padding: 0 30px;}

.items-product-liste{display: flex; justify-content: space-between; gap: 60px;}

.items-product-liste .items-product-liste__col-left{
    width: 22%;
    padding: 50px 30px 50px 0;
}
.items-product-liste .items-product-liste__col-right{width: 71%; padding: 32px 0 50px;}

.filter #FormOptions ul{list-style: none; padding: 0;}
.filter #FormOptions ul li{margin-bottom: 30px;}
.filter #FormOptions label{
    font-size: 15px;
    line-height: 24px;
    text-transform: uppercase;
}

.filter #FormOptions .filter-title{margin-bottom: 10px;}
.filter #FormOptions .custom-select{margin-bottom: 30px;}
.filter #FormOptions .form-select,
.form-search .custom-select .form-select{
    height: 36px;
    padding: 6px 35px 6px 12px;
    border: 1px solid var(--contrast-bg-color);
    border-radius: 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.filter #FormOptions .form-select{width: calc(100% - 50px);}
.form-search .custom-select .form-select{width: 200px;}

.form-search .custom-select .form-select:focus,
.filter #FormOptions .form-select:focus{outline: none; box-shadow: none; border-color: #ced4da;}

.filter #FormOptions .irs--big{width: calc(100% - 36px); margin: 0 12px;}
.filter #FormOptions .irs--big .irs-from,
.filter #FormOptions .irs--big .irs-to,
.filter #FormOptions .irs--big .irs-single{
    background: none;
    padding: 0;
    margin-left: 4px;
    border-radius: 0;
    font-family: var(--multimarques-font-family);
    color: var(--text-color);
    font-size: 13px;
    font-weight: 500;
}

.filter #FormOptions .irs--big .irs-line{background-color: #e6e6e6; box-shadow: none; border: none; top: 34px; height: 2px;}
.filter #FormOptions .irs--big .irs-bar{background-color: var(--contrast-bg-color); box-shadow: none; border: none; top: 34px; height: 2px;}

.filter #FormOptions .irs--big .irs-min,
.filter #FormOptions .irs--big .irs-max{background-color: #F6F6F6; color: #AAA;}

.filter #FormOptions .irs--big .irs-handle{
    top: 28px;
    width: 3px;
    height: 13px;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.filter #FormOptions .form-check{position: relative; display: flex; align-items: center; margin-bottom: 16px;}

.filter #FormOptions .form-switch .form-check-input{
    width: 46px;
    height: 24px;
    margin-right: 15px;
    cursor: pointer;
    transition: all 200ms ease;
}
.filter #FormOptions .form-switch .form-check-input:hover{background-color: #F4F4F4; border-color: #AAA;}
.filter #FormOptions .form-switch .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.filter #FormOptions .form-switch .form-check-label{font-size: 14px; line-height: 16px; font-weight: 700; cursor: pointer;}
.filter #FormOptions .form-check-input:checked ~ .form-check-label{color:var(--primary-color);}

.items-product-liste__col-right .sort-filter{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.items-product-liste__col-right .sort-filter .form-search,
.items-product-liste__col-right .sort-filter .form-search__sort{display: flex; justify-content: flex-end; align-items: center;}

.items-product-liste__col-right .sort-filter .desktop-h2-48{margin-bottom: 0; font-size: 34px;}

.sort-filter .form-search .sort-title{margin-right: 15px; color:#000; font-size: 16px; text-transform: uppercase;}

.items-product-liste__col-right .product-liste li{width: 31%;}
.vehicules-neuf .items-product-liste__col-right .product-liste li a .product-img{align-items: center;}
.items-product-liste__col-right .product-liste li a .product-detail h4{width: 100%; text-align: left; font-size: 22px; line-height: 22px;}

.items-product-liste__col-right .product-liste li a .product-detail .item-info{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 7px; width: 100%;}
.items-product-liste__col-right .product-liste li a .product-detail .item-info div{width: 48%; color: var(--text-color); font-size: 14px; font-weight: 500;}
.items-product-liste__col-right .product-liste li a .product-detail .item-info div.txt-align-right{text-align: right;}
.items-product-liste__col-right .product-liste li a .product-detail .item-info .product-price{text-align: right; font-size: 20px; line-height: 22px; font-weight: 900; color:var(--primary-color); margin: 0;}
.vehicules-neuf .items-product-liste__col-right .product-liste li a .product-detail .item-info .product-price{text-align: left;}
.items-product-liste__col-right .product-liste li a .product-detail .item-info .CLAncienPrix{text-decoration: line-through;}

.items-product-liste__col-right .product-liste li a img{position: relative; z-index: 1; width: auto; height: 300px; min-width: 100%; object-fit: cover;}

.pagination-footer .pagination{justify-content: center; gap: 6px;}
.pagination-footer .pagination .page-link{
    background-color: var(--primary--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    border-radius: 16px;
    color: var(--text-color);
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
}

.pagination-footer .pagination .current-page .page-link,
.pagination-footer .pagination .current-page .page-link:hover{background-color: var(--primary-color); color:  var(--contrast-text-color);}

.content-global.container.product-sheet{margin: 30px auto; max-width: 1390px;}
.content-global .breadcrumb{margin-bottom: 26px;}

.back-cat {
	display: flex;
	justify-content: center;
	width: 100%;
}

.back-cat span{display: block;}

.back-cat a {
    display:flex;
    justify-content: center;
    align-items: center;
	padding: 0 20px;
    height: 38px;
    border: 1px solid var(--text-color);
    opacity: 0.4;
	color: var(--text-color);
	font-weight: 500;
	font-size: 15px;
	line-height: 15px;
	text-transform: uppercase;
}

.back-cat a:hover{background-color: var(--primary-color); opacity: 1; border: 1px solid var(--primary-color); color: var(--contrast-text-color);}

.back-cat a svg{margin-right: 15px; fill: var(--contrast-bg-color); transition: fill 300ms ease;}
.back-cat a:hover svg{fill: var(--primary--bg-color);}

.back-cat .hidden-xs{display: none;}

.product-sheet .items-concessionnaire{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.product-sheet #detail-info .col1-detail-info h3{margin-bottom: 0;}

#detail-info .col1-detail-info .txt-detail-info{
    padding: 30px;
    background-color: var(--secondary-bg-color);
    border-radius: 0 0 10px 10px;
}

.product-sheet .items-concessionnaire .col1-concessionnaire{width: 64%;}
.product-sheet .items-concessionnaire .col2-concessionnaire{width: 30%; min-width: 350px; margin-left: 20px;}

.product-sheet #image-gallery .clone a,
.product-sheet #image-gallery .lslide a{display: flex; justify-content: center; align-items: center; width: 100%; max-height: 500px; overflow: hidden; cursor: zoom-in;}

.product-sheet #image-gallery .clone a img,
.product-sheet #image-gallery .lslide a img{width: 120%;}

.product-sheet .lSSlideWrapper{margin-bottom: 20px;}

.product-sheet .lSSlideOuter .lSPager.lSGallery li,
.product-sheet .lSSlideOuter .lSPager.lSGallery li:hover,
.product-sheet .lSSlideOuter .lSPager.lSGallery li.active{border-radius: 0;}

.product-sheet .lSSlideOuter .lSPager.lSGallery li a img{
    opacity: 0.4;
    filter: brightness( 80% ) contrast( 160% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );
    transition: all 300ms ease;
}

.product-sheet .lSSlideOuter .lSPager.lSGallery li a:hover img,
.product-sheet .lSSlideOuter .lSPager.lSGallery li.active a img{opacity: 1; filter: none;}

.product-sheet .col2-concessionnaire h1{
    margin-bottom: 16px;
    color: var(--text-color);
    font-size: 23px;
    line-height: 28px;
    font-weight: 800;
    text-transform: uppercase;
}
.product-sheet .col2-concessionnaire .detail-product .detail-product__infos{margin-bottom: 4px;}
.product-sheet .col2-concessionnaire .detail-product strong{font-size: 17px; line-height: 20px;}

.product-sheet .col2-concessionnaire .detail-product .price{
    display: block;
    margin: 0 0 20px;
    font-size: 34px;
    line-height: 38px;
    font-weight: 800;
    color: var(--primary-color);
}

.product-sheet .col2-concessionnaire .detail-product .cta-essai{
    background-color: var(--primary--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    border-radius: 3px;
    width: 220px;
    height: 40px;
    color: var(--text-color);
    border: 1px solid var(--text-color);
}

.col2-concessionnaire .detail-product .cta-essai:hover{background-color: var(--primary-color); border: 1px solid var(--primary-color);}
.col2-concessionnaire .detail-product .cta-essai svg{transition: all 300ms ease; fill: var(--text-color);}
.col2-concessionnaire .detail-product .cta-essai:hover svg{fill: var(--contrast-text-color);}
.col2-concessionnaire .detail-product .cta-essai strong{
    transition: all 300ms ease;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-color);
}
.col2-concessionnaire .detail-product .cta-essai:hover strong{color: var(--contrast-text-color);}

.product-sheet .col2-concessionnaire .detail-product .icon-check{fill:#8ed110; margin-top: -4px; margin-right: 10px;}

.col2-concessionnaire .contact-concessionnaire h3{margin-bottom: 20px;}

.col2-concessionnaire .contact-concessionnaire,
.col2-concessionnaire .row-detail{
    margin-bottom: 30px;
    padding: 26px 30px 34px;
    border-radius: 8px;
}

.col2-concessionnaire .row-detail.row-detail-eq-padding{padding: 12px 30px 11px;}

.col2-concessionnaire .contact-concessionnaire .desktop-h3-32{
    margin-bottom: 14px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 24px;
    color: var(--primary-color);
}

.col2-concessionnaire .contact-concessionnaire .adresse .contact-name{
    display: block;
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
}

.col2-concessionnaire .contact-concessionnaire .adresse .txt-contact{font-size: 16px; line-height: 22px; text-transform: uppercase;}

.col2-concessionnaire .contact-concessionnaire .adresse .adresse__contact{margin-top: 10px;}

.col2-concessionnaire .contact-concessionnaire .adresse .tel{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: var(--primary-color);
}
.col2-concessionnaire .contact-concessionnaire .adresse .tel svg{margin-right: 15px; fill:var(--primary-color);}

.col2-concessionnaire .contact-concessionnaire .contact-info-product{
    margin: 22px 0 28px;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.col2-concessionnaire .contact-concessionnaire .contact-info-product li{
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.col2-concessionnaire .contact-concessionnaire .contact-info-product li a{color: var(--text-color);}
.col2-concessionnaire .contact-concessionnaire .contact-info-product li a:hover{color: var(--primary-color);}

.col2-concessionnaire .contact-concessionnaire .contact-info-product li:first-child{margin-right: 30px;}
.col2-concessionnaire .contact-concessionnaire .contact-info-product li svg{margin-right: 8px; fill: var(--text-color); transition: fill 300ms ease;}
.col2-concessionnaire .contact-concessionnaire .contact-info-product li a:hover svg{fill: var(--primary-color);}

.share-links{display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}

.share-links a svg {
	fill: var(--text-color);
	width: 28px;
	height: 30px;
	transition: fill 300ms ease;
}

.share-links a#btn-copylink-annonce svg{max-height: 23px;}

.share-links a:hover { color: initial; }
.share-links a:hover svg {fill: var(--primary-color);}
.share-links span { margin: 0 0.25rem; }

.product-sheet #detail-info{display: flex; justify-content: space-between; margin-bottom: 60px;}

.product-sheet #detail-info h3{
    margin-bottom: 30px;
    border-bottom: 1px solid #DADCE4;
    padding-bottom: 10px;
    width: 100%;
}

.product-sheet #detail-info .col1-detail-info{width: 64%;}
.product-sheet #detail-info .col2-detail-info{width: 30%; min-width: 350px; margin-left: 20px;}

#detail-info table{width: 100%; max-width: 650px; font-size: 16px; line-height: 18px;}
#detail-info table tr:nth-child(odd){background-color: var(--secondary-bg-color);}
#detail-info table tr th{font-weight: 400; height: 36px; padding-left: 30px;}
#detail-info table tr td{font-weight: 700; text-align: right; height: 36px; padding-right: 30px;}

.txt-detail-info .assurance-amv{margin-top: 30px; max-width: 450px; border: 1px solid #dde2ed; display: flex; justify-content: space-between; align-items: stretch;}

.txt-detail-info .devis-assurance-amv{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 150px;
    padding: 20px;
}

.txt-detail-info .devis-assurance-amv img{max-width: 120px;}

.txt-detail-info .devis-assurance-amv .cta-devis{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00a850;
    width: 126px;
    height: 58px;
    margin: 20px auto 0;
    font-size: 15px;
    line-height: 18px;
    color:  var(--contrast-text-color);
    text-align: center;
    font-weight: 700;
}

.txt-detail-info .devis-assurance-amv .cta-devis:hover{text-decoration: none; color:  var(--contrast-text-color);}

.txt-detail-info .assurance-amv p{
    background-color: #ebeef5;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    max-width: 216px;
    padding: 20px 30px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}

.close-filter-mobile,
.show-filter-mobile,
#LinkSeeResults{display: none;}

.magasin h1{margin-bottom: 70px; text-align: center; color: var(--primary-color);}
.magasin .col iframe{border: 4px solid #000;}

.magasin .services-global{margin: 0 auto;}
.services-global ul.row{list-style: none; padding: 0; justify-content: space-between;}

.services-global ul .col-item{display: flex; justify-content: center; align-items: stretch; text-align: justify;}
.services-global h3{margin: 10px 0 20px; text-align: left;}

.services-global .icon-service{
    background-color:  var(--contrast-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    min-width: 56px;
    margin-right: 20px;
    border-radius: 32px;
    border: 2px solid #3E3E3E;
}

.services-global .intro-reparation{flex-grow: 1; margin-right: 40px;}

.services-global .detail-reparation{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color:  var(--contrast-text-color);
    border: 2px solid #000;
    padding: 8px 10px 8px 24px;
    font-weight: bold;
}
.scrolloff {pointer-events: none;}

.location h1{margin-bottom: 20px;}
.location h2{margin: 50px 0 30px;}

.liste-location{list-style: none; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.liste-location ul{list-style: none; padding: 10px 20px 20px;}
.liste-location li{width: 22%; border: 2px solid #000; box-shadow: 8px 8px 0px #0000001A;}
.liste-location li img,
.liste-location li ul li{width: 100%;}
.liste-location li ul li{line-height: 32px; border: none; box-shadow: none;}
.liste-location li .img-vehicule-loc{display:flex; align-items: center; overflow: hidden; height: 230px; margin-bottom: 20px; border-bottom: 1px solid #EEE;}
.liste-location li h4{border-bottom: 1px dotted #000; padding-bottom: 10px;}

.location .item-logo-go2rent{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.location .item-logo-go2rent img{width: 220px;}
.location .item-logo-go2rent .desktop-copy-text-strong{display: block; margin: 20px 0;}

.content-global .article-detail{
    flex-direction: column;
    align-items: center;
    margin: 0;
    width: auto;
    --bs-gutter-x: 0;
}

.content-global .article-detail .breadcrumb{justify-content: center;}
.content-global .article-detail h1{color: var(--text-color); margin-bottom: 60px;}
.content-global .article-detail img{margin-bottom: 30px;}
.content-global .article-detail .post-date{
    color: var(--primary-color);
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}
.content-global .article-detail p{text-align: justify;}

.section-contact-map.demande-d-essai{background-color: var(--contrast-bg-color); padding: 50px 25px;}
.section-contact-map.demande-d-essai .contact-contact-map{flex-direction: column; align-items: center; border: none; box-shadow: none; padding: 0; max-width: 1100px;}

.section-contact-map.demande-d-essai .contact-contact-map .col-left-contact{padding: 0 0 30px 0; width: 100%;}

.section-contact-map.demande-d-essai .contact-contact-map .col-right-contact{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 30px; 
    border-top: 1px dashed #888;
}

.section-contact-map.demande-d-essai .contactForm{max-width: inherit; align-items: flex-start;}
.section-contact-map.demande-d-essai .img-info{width: 40%; text-align: justify; font-size: 15px;}
.section-contact-map.demande-d-essai .img-info img{width: 100%; margin-bottom: 30px;}
.section-contact-map.demande-d-essai .form-essai{width: 54%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}

.section-contact-map.demande-d-essai .form-essai .form-select{
    border: 2px solid #3E3E3E;
    color: #3E3E3E;
    border-radius: 0;
    height: 44px;
    width: 38%;
    min-width: 180px;
    padding: 0 40px 0 16px;
    margin-bottom: 20px;
}

.section-contact-map .valid-RGPDA .label,
.section-contact-map.demande-d-essai .valid-RGPDA .label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}

.section-contact-map .valid-RGPDA .label input,
.section-contact-map.demande-d-essai .valid-RGPDA .label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.section-contact-map .valid-RGPDA .label .checkmark,
.section-contact-map.demande-d-essai .valid-RGPDA .label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border: 2px solid #000;
    border-radius: 50%;
}

.section-contact-map .valid-RGPDA .label input:checked ~ .checkmark,
.section-contact-map.demande-d-essai .valid-RGPDA .label input:checked ~ .checkmark {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.section-contact-map .valid-RGPDA .label .checkmark::after,
.section-contact-map.demande-d-essai .valid-RGPDA .label .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    top: 1px;
    left: 1px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--primary-color);
    border: 3px solid #FFF;
}
.section-contact-map .valid-RGPDA .label input, .section-contact-map.demande-d-essai .valid-RGPDA .label input {
    height: 10px;
    width: 10px;
    left: 4px;
    top: 5px;
}

.section-contact-map .valid-RGPDA .label input:checked ~ .checkmark::after,
.section-contact-map.demande-d-essai .valid-RGPDA .label input:checked ~ .checkmark::after {
    display: block;
}

.section-contact-map.demande-d-essai .col-right-contact .adresse-tel{width: 40%;}
.section-contact-map.demande-d-essai .col-right-contact .col-2{width: 54%;}

.section-contact-map.demande-d-essai .col-2 .desktop-h4-20{margin-bottom: 20px; margin-top: 12px;}
.section-contact-map.demande-d-essai .adresse-tel li{margin-bottom: 15px;}
.section-contact-map.demande-d-essai .horaires{line-height: 30px;}
.section-contact-map.demande-d-essai .mapboxgl-map{border: 2px solid #000;}

.partenaires .liste-partenaire{list-style: none; padding: 0; max-width: 1100px; margin: 0 auto;}
.liste-partenaire li{display: flex; align-items: center; margin-bottom: 50px; padding-bottom: 40px; border-bottom: 1px dotted #AAA;}
.liste-partenaire li:last-child{border-bottom: none;}
.liste-partenaire li:nth-child(even){flex-direction: row-reverse;}
.liste-partenaire li .img-partenaire{width: 320px;; display: flex;}
.liste-partenaire li .img-partenaire img{width: 100%; margin-right: 30px;}
.liste-partenaire li:nth-child(even) .img-partenaire img{width: 100%; margin-left: 30px; margin-right: 0;}

.liste-partenaire li .presentation-partenaire{width: 75%;}
.liste-partenaire li h3{margin-bottom: 20px;}
.liste-partenaire li p{text-align: justify;}
.liste-partenaire li .cta-primary{margin-top: 15px;}

.team-global__list{
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 -16px;
}

.team-global__list li{margin: 16px 16px 85px 16px; position: relative; overflow: hidden; width: 22%; max-width: 375px; border: 4px solid #000; transition: all 300ms ease;}
.team-global__list li:hover{padding-bottom: 85px; margin-bottom:0; border: 4px solid var(--primary-color); box-shadow: 8px 8px 0px #0000001A;}

.team-global__img-staff img{width: 100%;}

.team-global__detail{
    position: absolute;
    bottom: -90px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    color: var(--primary-color);
    padding: 20px;
    text-transform: uppercase;
    transition: all 300ms ease;
}

.team-global__detail .desktop-copy-text-strong{display: block; font-size: 24px; margin-bottom: 5px;}

.team-global__list li:hover .team-global__detail{bottom: -7px;}


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


.section-contact-map{display: flex; justify-content: center; align-items: center; background-color: #ECECEC; padding: 100px 25px;}

.section-contact-map .contact-contact-map{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: var(--contrast-bg-color);
    border: 2px solid #3E3E3E;
    box-shadow: 8px 8px 0px #0000001A;
    width: 95%;
    max-width: 1364px;
    padding: 20px;
}

.contact-contact-map .col-left-contact{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 44px;
}

.contact-contact-map .col-left-contact h4,
.contact-contact-map .col-left-contact h3{margin: 0 0 15px 0;}

.contact-contact-map .col-right-contact{width: 50%;}
.contact-contact-map .col-right-contact .mapboxgl-map{max-width: 100%;}

.section-contact-map ul{list-style: none; margin: 0; padding: 0;}

.section-contact-map .horaires {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: var(--text-color);
    text-transform: uppercase;
}

.section-contact-map .horaires li{padding-right: 25px; margin-right: 25px; border-right: 1px solid #878787; letter-spacing: 0.04em;}
.section-contact-map .horaires li:last-child{padding-right: 0; margin-right: 0;border-right:none;}

.section-contact-map .horaires strong{
    font-weight: bold;
    font-size: 16px;
}

.section-contact-map .adresse-tel{margin-bottom: 20px;}

.section-contact-map .adresse-tel li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 22px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3E3E3E;
}
.section-contact-map .adresse-tel li:first-child{margin-bottom: 10px;}
.section-contact-map .adresse-tel li svg{fill: #3E3E3E; margin-right: 15px;}

footer{display: flex; flex-direction: column; align-items: center; background-color: #D0D0D0; padding: 40px 25px;}
footer ul{list-style: none; margin: 0; padding: 0;}

footer .entry-footer .link-RS{display: flex; justify-content: center; align-items: center;}

footer .nav-footer ul li{margin-right: 20px;}
footer .entry-footer .link-RS li{margin-right: 10px;}

footer .nav-footer ul li:last-child,
footer .entry-footer .link-RS li:last-child{margin-right: 0;}

.entry-footer .link-RS{margin-bottom: 38px;}
.entry-footer .link-RS a svg{fill: #878787; width: 32px; transition: fill 300ms ease;}
.entry-footer .link-RS a:hover svg{fill: var(--primary-color);}

footer .nav-footer ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 19px;
    color: #3D3D3D;
    letter-spacing: 0.39px;
}

footer .copyright{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 38px;
    font-size: 14px;
    line-height: 19px;
    color: #3D3D3D;
    letter-spacing: 0.39px;
}

footer .nav-footer ul a,
footer .copyright a{color: #3D3D3D;}

footer .nav-footer ul a:hover,
footer .nav-footer ul a:focus,
footer .copyright a:hover,
footer .copyright a:focus{color: var(--primary-color);}

#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;
    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(82,97,108,0.5) url(../img/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);
}

.form-check-input{margin-top: 0 !important;}

.autres-filtres{
    display: block;
    position: relative;
    margin-left: 3px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--text-color);
    transition: all 300ms ease;
    border-bottom: 1px dashed var(--text-color);
}
.autres-filtres:hover{border-bottom: 1px solid var(--primary-color);}

.autres-filtres::after {
    position: absolute;
    top: 8px;
    right: 10px;
    content: "";
    width: 0;
    height: 0;
    margin-left: 10px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: var(--text-color) transparent transparent transparent;
    transform: rotate(0deg);
    transition: all 300ms ease;
}

.autres-filtres:hover::after{border-color: var(--primary-color) transparent transparent transparent;}

.form-input{
    width: 88%;
    margin-bottom: 15px;
    margin-top: 2px;
    display: block;
}

#modalContact .modal-content #modalContactLabel{color:#000; font-weight: 700; text-transform: uppercase;}

.modal-body{font-size: 14px;}
.label-checkbox{margin-left: 5px; color: #333; font-size: 15px;}
.g-recaptcha{margin-bottom: 15px;}

.autres-filtres:not(.collapsed)::after{transform: rotate(180deg);}

#aucune {
    text-align: center;
    height: calc(100vh - 360px);
    display: flex;
    align-content: center;
    align-items: center;
}
#aucune:empty {height: 0;}
.product-liste li{position: relative;}
.h-d {
    position: absolute;
    top: 56px;
    left: 8px;
}
.h-d img{height: auto !important;}
.h-d-fiche{
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 1;
}
.container-hd{
    display: flex;
    justify-content: space-between;
}
.desc-hd {
    background: #000;
    color:  var(--contrast-text-color);
    font-weight: normal;
    height: 27px;
    padding: 2px 9px 0;
    display: inline-block;
    margin-top: 5px;
}
.container-hd-fiche{position: relative;}
.desc-hd {
  position: relative;
  cursor: pointer;
}

.desc-hd .title {
    padding: 15px;
    display: none;
    position: absolute;
    top: 29px;
    background: silver;
    left: 0;
    height: 354px;
    overflow-y: scroll;
    right: 0;
    font-size: 13px;
    font-family: arial;
    text-align: justify;
}
.form-switch .desc-hd .title {
    
    height: 354px;
    overflow-y: scroll;
    right: 50px;
    font-size: 13px;
    font-family: arial;
    text-align: justify;
    z-index: 10;
    width: 366px;
    white-space: normal;
    text-transform: initial;
}

.desc-hd.opened .title{display: block;}

/* width */
#style-1::-webkit-scrollbar {width: 10px;}

/* Track */
#style-1::-webkit-scrollbar-track {background: #f1f1f1;}
 
/* Handle */
#style-1::-webkit-scrollbar-thumb {background: #888;}

/* Handle on hover */
#style-1::-webkit-scrollbar-thumb:hover {background: #555;}

.product-liste .product-img.hd-certified:after {
    display: block;
    position: absolute;
    background: url(../images/h-d.png) no-repeat;
    content: ' ';
    top: 8px;
    left: 8px;
    height: 18px;
    width: 133px;
}
.form-switch .desc-hd {
    background: none;
    color:  var(--contrast-text-color);
    font-weight: normal;
    height: 27px;
    padding: 0px 7px 0;
    display: inline-block;
    margin-top: 4px;
}
.desc-hd.opened .title:after {
    display: block;
    position: absolute;
    background: url(../images/close-popup.png) no-repeat;
    content: ' ';
    top: 17px;
    right: 13px;
    height: 15px;
    width: 15px;
}

.product-sheet .col2-concessionnaire .detail-product a{color: var(--primary-color);}
.product-sheet .col2-concessionnaire .detail-product a:hover{color: var(--secondary-color);}
.product-vignette a:hover{color: var(--text-color) !important;}
.product-liste .product-img {position: relative;}




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


@media screen and (max-width: 350px){
    body .txt-detail-info .devis-assurance-amv .cta-devis {
        margin-top: 10px;
        margin-left: auto;
    }
}

@media screen and (max-width: 414px){
	.cta-primary,
    .banner-home .owl-carousel .owl-dots{width: 100%;}
    .liste-articles .detail-article .cta-primary{max-width: 210px;}
    .txt-detail-info .assurance-amv{align-items: center; flex-direction: column;}
    .txt-detail-info .devis-assurance-amv{max-width: 100%; flex-direction: row; width: auto; flex-wrap: wrap;}
    .txt-detail-info .assurance-amv p{max-width: 100%; padding: 20px;}
    .txt-detail-info .devis-assurance-amv .cta-devis{margin-top: 0; margin-left: 10px;}
    .page-product-liste .items-product-liste__col-right .product-liste li a img{height: 250px;}
    .col2-concessionnaire .contact-concessionnaire .contact-info-product{
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
    .items-product-liste__col-right .sort-filter .desktop-h2-48{
        justify-content: center;
        align-items: center;
        width: 100%;
    }
}

@media screen and (max-width: 530px){
    .menu-mobile .logo-header-dealer{width: 100%; justify-content: flex-start; flex-wrap: wrap;}
    .menu-mobile .logo-header-dealer a{margin-right: 30px; line-height: 34px;}
    .menu-mobile #nav-header{padding-left: 20px; padding-right: 20px;}
    .menu-mobile .logo-header-global{display: none;}

    .menu-mobile #nav-header.show-nav-mobile .menu-header{width: calc(100vw - 60px); overflow: auto;}

    .menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu,
    .menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.submenu-2col,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu,
	.menu-mobile #header-concessionnaire #nav-header .menu-header .submenu.submenu-2col {
        width: 92%;
        height: auto;
        max-height: 100%;
        position: initial;
        overflow: visible;
        text-align: left;
    }
    .menu-mobile #nav-header .menu-header ul{border-right: none; height: auto;}
    .menu-mobile #nav-header .menu-header .submenu.submenu-2col ul{padding: 0;}

    .menu-mobile #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu::after,
    .menu-mobile .menu-header .open-submenu.show-submenu::after,
    .home.menu-mobile  .menu-header .open-submenu::after,
    .menu-mobile #header-concessionnaire.sticky-active .menu-header .open-submenu::after,
    .is-fixed2.menu-mobile .menu-header .open-submenu::after{
        border-color: #FFFFFF transparent transparent transparent;
        border-width: 5px 5px 0 5px;
    }

    .home.menu-mobile  #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu::after,
    .menu-mobile #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu::after,
    .home.menu-mobile  #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:hover::after,
    .menu-mobile #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:hover::after,
    .home.menu-mobile  #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:focus::after,
    .menu-mobile #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:focus::after,
    .home.menu-mobile  .menu-header .open-submenu.show-submenu::after,
    .is-fixed2.menu-mobile .menu-header .open-submenu.show-submenu::after,
    .home.menu-mobile  .menu-header .open-submenu.show-submenu:hover::after,
    .is-fixed2.menu-mobile .menu-header .open-submenu.show-submenu:hover::after,
    .home.menu-mobile  .menu-header .open-submenu.show-submenu:focus::after,
    .is-fixed2.menu-mobile .menu-header .open-submenu.show-submenu:focus::after{
        border-color: transparent transparent var(--primary-color) transparent;
        border-width: 0 5px 5px 5px;
    }

    .menu-mobile #header-concessionnaire.sticky-active .menu-header .open-submenu:hover::after,
    .home.menu-mobile #header-concessionnaire.sticky-active .menu-header .open-submenu:hover::after,
    .menu-mobile #header-concessionnaire.sticky-active .menu-header .open-submenu:focus::after,
    .home.menu-mobile #header-concessionnaire.sticky-active .menu-header .open-submenu:focus::after,
    .is-fixed2.menu-mobile .menu-header .open-submenu:hover::after,
    .home.menu-mobile .menu-header .open-submenu:hover::after,
    .is-fixed2.menu-mobile .menu-header .open-submenu:focus::after,
    .home.menu-mobile .menu-header .open-submenu:focus::after{
        border-color: var(--primary-color) transparent transparent transparent;
        border-width: 5px 5px 0 5px;
    }
    .home.menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li,
    .menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li,
    .is-fixed2.menu-mobile.fixed-active-body #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li,
    .is-fixed2.menu-mobile #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li{width: 100%;}

    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu{border-top: 1px solid var(--primary-color);}

    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a{align-items: flex-start; font-size: 24px;}
    .menu-mobile #nav-header .menu-header .submenu.gamme-produit li a img{display: none;}

    .menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li:last-child,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li:last-child{justify-content: flex-start;}

    .menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li a.cta-demande-essai,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a.cta-demande-essai{
        width: 100%;
        max-width: 200px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 5px 0 0 !important;
    }
    
    .section-contact-map .adresse-tel li:first-child {margin-bottom: 0;}
    .section-contact-map .horaires{flex-direction: column; margin-bottom: 25px;}
    .section-contact-map .horaires li{padding-right: 0; margin-right: 0; border-right: none;}
    .section-contact-map .horaires li:last-child{margin-top: 15px;}
    .section-contact-map .adresse-tel {margin-bottom: 5px;}
    .contactForm .form-input,
    .contactForm .CTA-Submit{width: 100%;}
    .contactForm .valid-RGPDA{width: 100%; margin-bottom: 15px;}
    #detail-info table tr{display: flex; flex-direction: column; align-items: flex-start;}
    #detail-info table tr th{padding: 0 15px; display: flex; align-items: center; height: 32px; font-size: 14px;}
    #detail-info table tr td{padding: 0 15px; display: flex; align-items: flex-start; height: 32px; font-size: 15px;}
    .items-product-liste__col-right .sort-filter .form-search,
    .items-product-liste__col-right .sort-filter .form-search__sort{flex-direction: column; align-items: flex-start;}
    .items-product-liste__col-right .sort-filter .form-search__sort{margin-top: 20px;}
    .items-product-liste__col-right .sort-filter{margin-bottom: 30px;}
    .page-product-liste .content-global.container{padding: 0 20px;}
    .magasin .desktop-text-16{text-align: justify;}
    .section-contact-map.demande-d-essai .contact-contact-map{width: auto;}
    .menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu,
    .menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.submenu-2col,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu.submenu-2col{margin-top: 10px;}
    #detail-info .col1-detail-info .txt-detail-info{padding: 20px; font-size: 15px;}
    .col2-concessionnaire .contact-concessionnaire,
    .col2-concessionnaire .row-detail{padding: 22px 20px 28px;}
    .col2-concessionnaire .contact-concessionnaire .contact-info-product li:first-child {margin-right: 20px;}
}

@media screen and (max-width: 600px){
	.menu-mobile #nav-header .menu-header ul{padding: 20px 20px 20px 1px;}
    #header-concessionnaire #nav-header .menu-header .submenu{width: calc(100% - 282px); padding: 25px 25px 0;}
    #header-concessionnaire #nav-header .menu-header .submenu.submenu-2col{width: calc(100% - 310px); padding: 25px 25px 0;}

    .home.menu-mobile  #header-concessionnaire #nav-header .menu-header .submenu li,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu li,
    .menu-mobile #header-concessionnaire.sticky-active  #nav-header .menu-header .submenu li,
    .menu-mobile #header-concessionnaire.sticky-active  #nav-header .menu-header .submenu.submenu-2col li{margin-top: 0; margin-bottom: 0; padding: 6px 0 !important;}

    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu li a{line-height: 24px;}

    .menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li a,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu li a{margin: 0;}
    .section-contact-map .contact-contact-map .col-left-contact {padding: 0 0 40px;}
    .desktop-h1-42,
    .desktop-h2-48{font-size: 40px; line-height: 40px;}
    .detail-article .desktop-copy-text-16{font-size: 15px; line-height: 20px;}
    .title-center{margin-bottom: 30px;}
    .grey-background{padding: 40px 0 0;}
    .content-global .product-liste li{width: 100%;}
    .section-contact-map{padding: 50px 25px;}
    .content-global .breadcrumb{margin-bottom: 30px;}
    .items-product-liste .items-product-liste__col-right .product-liste{justify-content: center;}
    .page-product-liste .items-product-liste__col-right .product-liste li {width: 100%; max-width: 450px;}
    body .content-global.container{width: auto; margin: 20px auto 50px;}
    body.magasin .services-global{margin-bottom: 0; padding-bottom: 40px;}
    .magasin .services-global .detail-reparation{text-align: left;}
    .section-contact-map.demande-d-essai{padding: 30px 25px 50px;}
    .section-contact-map.demande-d-essai .form-essai{flex-direction: column; align-items: center;}
    .section-contact-map.demande-d-essai .form-essai .form-select,
    .section-contact-map.demande-d-essai .contactForm .form-input{width: 100%; max-width: 260px;}
    .section-contact-map.demande-d-essai .contactForm .form-CO,
    .section-contact-map.demande-d-essai .contactForm .valid-RGPDA{width: 100%; max-width: 320px;}
    .section-contact-map.demande-d-essai .col-right-contact .adresse-tel,
    .section-contact-map.demande-d-essai .col-right-contact .col-2{width: 100%;}
    .section-contact-map.demande-d-essai .contactForm .CTA-Submit{width: 300px;}
    .liste-partenaire li,
    .liste-partenaire li:nth-child(2n){flex-direction: column;}
    .liste-partenaire li .img-partenaire{text-align: center; margin-bottom: 20px;}
    .liste-partenaire li .img-partenaire img{margin-right: 0;}
    .liste-partenaire li .presentation-partenaire{width: auto; text-align: center;}
    .liste-partenaire li .cta-primary {margin: 15px auto 0;}
    .team-global .team-global__list li{width: auto;}
}

@media screen and (max-width: 768px){
	#header-concessionnaire #nav-header .menu-header .submenu li a{
        font-weight: 900;
        font-size: 24px;
    }
    .menu-mobile #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li a.cta-demande-essai,
    .menu-mobile #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a.cta-demande-essai{margin: 0 0 30px;}
    .items-product-liste__col-right .product-liste li{min-width: 250px;}
    .location .row .col:first-child {margin-bottom: 30px; max-width: 330px;}
    .location h2{text-align: center;}
    .liste-location{flex-direction: column; align-items: center;}
     .desc-hd .title {top: 51px;}
    .desc-hd{height: auto;}
    .container-hd {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 20px;
    }
    .back-cat {
        flex-direction: column !important;
        align-items: center !important;
    }
    .items-product-liste {flex-direction: column !important;}
    #detail-info table tr {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        align-content: space-between !important;
        justify-content: space-between !important;
    }
    .items-product-liste .items-product-liste__col-left {margin: 0 auto !important;}
    .desktop-h3-32 {font-size: 24px;}
    .items-product-liste .items-product-liste__col-left {width: 100%;}
    body .items-product-liste .items-product-liste__col-right .product-liste li {width: auto;}
    .checkbox-inline {
        display: flex;
        align-items: baseline;
    }
    #detail-info table tr td {
        height: auto !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .pagination-custom{margin-bottom: 0 !important;}
    .hidden-xs{display: none !important;}
    .banner-home .img-banner-home{max-height: inherit;}
    .txt-slideshow .titre{font-size: 28px;}
    .txt-slideshow .desc{font-size: 17px; line-height: 22px;}
    .txt-slideshow .btn{font-size: 16px;}
    .txt-slideshow{
        background: #5a5a5a;
        padding: 20px;
        position: static;
        width: 100%;
    }
    .les-btn-rs{margin-top: 40px;}
}


@media screen and (max-width: 850px){
    .banner-home .owl-carousel,
    .banner-home .owl-carousel .owl-stage{height: auto;}
    .banner-home .owl-carousel .owl-item{height: auto;}
    .banner-home .owl-carousel .owl-dots{
        display: none;
    }
    .banner-home .owl-carousel .owl-item .item{
        display: block;
        width: 100%;
        justify-content: center; 
        align-items: center; 
        margin-left: -1px;
    }
    .txt-slideshow{
        min-height: 70px;
    }
	.banner-home .owl-carousel .owl-item img{width: auto; height: 350px; transform: translate(-8%, 0);}
    .services-global ul.row{max-width: 650px; align-items: center; margin: 0 auto;}
    .services-global ul .col-item{padding: 0; flex-direction: column; align-items: center}
    .services-global .icon-service{margin-right: 0;}
    .services-global h3{text-align: center;}
    .services-global .intro-reparation {
        flex-grow: inherit;
        margin-right: 0;
        margin-bottom: 30px;
        width: 100%;
        text-align: center;
    }
    .location .row{flex-direction: column; align-items: center; margin: 0;}
    .location .row .col{width: auto;}
    .location .row .col:first-child{margin-bottom: 30px;}
    .location .row .col p{text-align: justify;}
}


@media screen and (max-width: 980px){
    .liste-articles{flex-direction: column; align-items: center;}
    .liste-articles li{
        width: 100%;
        max-width: 950px;
    }
    .product-sheet .items-concessionnaire,
    .product-sheet #detail-info{flex-direction: column; align-items: center; max-width: 650px; margin: 0 auto;}

    body .product-sheet .items-concessionnaire .col1-concessionnaire,
    body .product-sheet #detail-info .col1-detail-info,
    body .product-sheet .items-concessionnaire .col2-concessionnaire,
    body .product-sheet #detail-info .col2-detail-info{width: 100%;}
    body .product-sheet .items-concessionnaire .col1-concessionnaire,
    body .product-sheet .items-concessionnaire .col2-concessionnaire,
    body .product-sheet #detail-info .col2-detail-info{margin-bottom: 25px; margin-left: 0;}
    body .product-sheet .items-concessionnaire .col2-concessionnaire,
    body .product-sheet #detail-info .col2-detail-info{min-width: 100%;}
    body .product-sheet #detail-info .col1-detail-info{order: 2;}
    body .product-sheet #detail-info .col2-detail-info{order: 1;}
    .col2-concessionnaire .contact-concessionnaire{margin-top: 20px;}
}

@media screen and (max-width: 1024px){
    .section-contact-map .contact-contact-map{flex-direction: column; align-items: center; max-width: 650px;}
    .contact-contact-map .col-left-contact{padding: 34px 0;}
    .contact-contact-map .col-right-contact{width: 100%; max-height: 350px;}
    .contact-contact-map .col-right-contact .mapboxgl-map{max-height: 350px;}
    .liste-articles .detail-article .desktop-h4-24{font-size: 20px; line-height: 20px;}
    .desktop-copy-text-16{line-height: 22px;}
    .liste-articles .detail-article .cta-primary{height: 40px;}
    .page-product-liste .content-global.container{width: auto; margin: 20px auto 50px;}
    .items-product-liste{justify-content: center;}
    .page-product-liste .items-product-liste .items-product-liste__col-left{
        background-color:  var(--contrast-text-color);
        position: fixed;
        top: 0;
        left: -400px;
        padding: 50px 30px;
        width: 100%;
        margin-right: 0;
        max-width: 300px;
        height: 100vh;
        overflow: auto;
        z-index: 102;
        opacity: 0;
        visibility: hidden;
        transition: all 300ms ease;
    }
    .page-product-liste .items-product-liste .items-product-liste__col-left.active-filter{left: 0; opacity: 1; visibility: visible;}
    .items-product-liste .items-product-liste__col-right{width: 100%; flex-grow: 1; max-width: 900px;}
    .items-product-liste__col-right .sort-filter{flex-direction: column; align-items: flex-start;}
    .items-product-liste__col-right .sort-filter .form-search{width: 100%; justify-content: space-between;}
    
    .show-filter-mobile.cta-primary{
        display: flex;
        width: auto;
        padding: 0 20px;
        height: 40px;
    }
    .filter #FormOptions .form-select,
    .form-search .custom-select .form-select{height: 30px;}
    .items-product-liste__col-right .sort-filter .desktop-h2-48{margin-bottom: 20px;}
    .submenu-background-overlay.show-background-overlay-filter {
        opacity: 1;
        visibility: visible;
        cursor: pointer;
        z-index: 101;
    }

    .close-filter-mobile{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        padding: 0 0 3px 2px;
        background-color: var(--primary-color);
        color:  var(--contrast-text-color);
        font-size: 24px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        line-height: 24px;
    }
    .filter #FormOptions .form-switch .form-check-input{min-width: 48px;}
    .form-search .custom-select .form-select {width: auto;}
    .filter #FormOptions .custom-select {margin-bottom: 20px;}  
    .filter #FormOptions .filter-title {margin-bottom: 10px;}
    .filter #FormOptions ul li {margin-bottom: 15px;}
    #LinkSeeResults{display: flex; width: 274px; margin-top: 25px;}
    .section-contact-map.demande-d-essai .contactForm{align-items: center; flex-direction: column;}
    .section-contact-map.demande-d-essai .img-info{width: 100%; margin-bottom: 20px; text-align: center;}
    .section-contact-map.demande-d-essai .img-info img{max-width: 315px;}
    .section-contact-map.demande-d-essai .form-essai{width: 100%;}
    .section-contact-map.demande-d-essai .contact-contact-map .col-right-contact{height: auto;}
    .team-global__list li{width: 40%;}
}

@media screen and (max-width: 1200px){
    .hamburger{display:block;}
    .logo-header-dealer{display: flex; justify-content: flex-end; align-items: center;}
    .logo-header-dealer a{margin-right: 40px;}

    .active-nav-mobile .sticky-active .show-nav-mobile .hamburger-inner,
    .active-nav-mobile .sticky-active .show-nav-mobile .hamburger-inner::before,
    .active-nav-mobile .sticky-active .show-nav-mobile .hamburger-inner::after,
    .fixed-active-body .hamburger-inner,
    .fixed-active-body .hamburger-inner::before,
    .fixed-active-body .hamburger-inner::after{background-color: var(--contrast-bg-color);}

    .active-nav-mobile .sticky-active .show-nav-mobile .hamburger-inner:hover,
    .active-nav-mobile .sticky-active .show-nav-mobile .hamburger-inner:hover::before,
    .active-nav-mobile .sticky-active .show-nav-mobile .hamburger-inner:hover::after{background-color: var(--primary-color);}
    #nav-header.show-nav-mobile{border-bottom: 1px solid #555;}
    #header-concessionnaire.sticky-active #nav-header{border-bottom: none;}
    
    #nav-header .menu-header{
        position: absolute;
        top: 142px;
        left: -500px;
        height: calc(100vh - 142px);
        opacity: 0;
        visibility: hidden;
        transition: all 300ms ease;
    }
    #nav-header.show-nav-mobile .menu-header{left: 30px; opacity: 1; visibility: visible;}
    .sticky-active #nav-header .menu-header{top: 61px; height: calc(100vh - 61px);}

    .home #header-concessionnaire.sticky-active .desktop-h4-24,
    #header-concessionnaire.sticky-active .desktop-h4-24{color:  var(--contrast-text-color);}

    #nav-header .menu-header ul{flex-direction: column; align-items: flex-start; justify-content: center; height: 94.2%; padding: 20px 40px 20px 1px; border-right: 1px solid #555;}

    .home #nav-header .menu-header ul li{border-right: none;}

    .home.is-fixed .sticky-active .logo-header-dealer a,
    .is-fixed .logo-header-dealer a{color: var(--text-color);}

    .is-fixed .logo-header-dealer a:hover{color: var(--primary-color);}
    .home.is-fixed .logo-header-dealer a,
    .active-nav-mobile.is-fixed .logo-header-dealer a{color:  var(--contrast-text-color);}

    .is-fixed #nav-header .menu-header ul li,
    .is-fixed2 #nav-header .menu-header ul li,
    .home #nav-header .menu-header ul li,
    .home #header-concessionnaire.sticky-active #nav-header .menu-header ul li,
    #nav-header .menu-header ul li{border-right: none;}

    body.is-fixed #nav-header .menu-header ul li,
    .home #nav-header .menu-header ul.nav-menu li,
    .home #header-concessionnaire.sticky-active #nav-header .menu-header ul.nav-menu li,
    #header-concessionnaire.sticky-active #nav-header .menu-header ul.nav-menu li,
    .fixed-active-body.is-fixed2 #header-concessionnaire.sticky-active #nav-header .menu-header ul.nav-menu li,
    #nav-header .menu-header ul.nav-menu li {padding: 15px 0; width: 100%;}

    .home #header-concessionnaire.sticky-active .menu-header .desktop-h4-24,
    #header-concessionnaire.sticky-active .menu-header .desktop-h4-24,
    #header-concessionnaire .menu-header .desktop-h4-24{font-size: 24px;}

    .is-fixed .menu-header .open-submenu::after,
    .is-fixed2 .menu-header .open-submenu::after,
    .menu-header .open-submenu::after,
    #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu::after,
    .menu-header .open-submenu.show-submenu::after,
    .home .menu-header .open-submenu::after,
    #header-concessionnaire.sticky-active .menu-header .open-submenu::after {
        border-width: 5px 0 5px 5px;
        margin-left: 24px;
        border-color: transparent transparent transparent #FFFFFF;
    }
    .is-fixed .menu-header .open-submenu:hover::after,
    .is-fixed2 .menu-header .open-submenu:hover::after,
    .menu-header .open-submenu:hover::after,
    #header-concessionnaire.sticky-active .menu-header .open-submenu:hover::after,
    .home #header-concessionnaire.sticky-active .menu-header .open-submenu:hover::after,
    #header-concessionnaire.sticky-active .menu-header .open-submenu:focus::after,
    .home #header-concessionnaire.sticky-active .menu-header .open-submenu:focus::after,
    .menu-header .open-submenu:hover::after, .home .menu-header .open-submenu:hover::after,
    .menu-header .open-submenu:focus::after, .home .menu-header .open-submenu:focus::after,
    .home #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu::after,
    #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu::after,
    .home #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:hover::after,
    #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:hover::after,
    .home #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:focus::after,
    #header-concessionnaire.sticky-active .menu-header .open-submenu.show-submenu:focus::after,
    .home .menu-header .open-submenu.show-submenu::after,
    .menu-header .open-submenu.show-submenu::after,
    .home .menu-header .open-submenu.show-submenu:hover::after,
    .menu-header .open-submenu.show-submenu:hover::after,
    .home .menu-header .open-submenu.show-submenu:focus::after,
    .menu-header .open-submenu.show-submenu:focus::after{
        border-color: transparent transparent transparent var(--primary-color);
    }

    .is-fixed .menu-header .open-submenu.show-submenu:hover::after,
    .is-fixed2 .menu-header .open-submenu.show-submenu:hover::after,
    .menu-header .open-submenu.show-submenu:hover::after,
    .is-fixed .menu-header .open-submenu.show-submenu::after,
    .is-fixed2 .menu-header .open-submenu.show-submenu::after,
    .menu-header .open-submenu.show-submenu::after{
        border-width: 5px 5px 5px 0;
        border-color: transparent var(--primary-color) transparent transparent;
    }

    #nav-header .menu-header .submenu{
        top: 142px;
        left: auto;
        right: 0;
        transform: none;
        width: calc(100% - 330px);
        max-height: calc(100vh - 194px);
        padding: 25px;
    }

    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu{max-height: calc(100vh - 110px);}

    .home .sticky-active .hamburger-inner,
    .home .sticky-active .hamburger-inner::before,
    .home .sticky-active .hamburger-inner::after,
    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after{background-color: var(--contrast-bg-color);}

    .home .sticky-active .hamburger:hover .hamburger-inner,
    .home .sticky-active .hamburger:hover .hamburger-inner::before,
    .home .sticky-active .hamburger:hover .hamburger-inner::after{background-color: var(--primary-color);}

    .home .hamburger-inner,
    .home .hamburger-inner::before,
    .home .hamburger-inner::after,
    .show-nav-mobile .hamburger-inner,
    .show-nav-mobile .hamburger-inner::before,
    .show-nav-mobile .hamburger-inner::after{background-color:  var(--contrast-text-color);}

    .active-nav-mobile .submenu-background-overlay.show-background-overlay2 {
        opacity: 1;
        visibility: visible;
    }
    .submenu-background-overlay.show-background-overlay {
        opacity: 0;
        visibility: hidden;
    }

    #nav-header .menu-header .submenu.gamme-produit{overflow: auto; align-items: center;}

    .home #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li,
    body.is-fixed #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li,
    .is-fixed2 #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li,
    body.is-fixed #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li,
    .fixed-active-body.is-fixed2 #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li{max-width: inherit; width: 182px; padding: 5px 0;}

    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li:last-child,
    #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li:last-child{display: flex; justify-content: center;}

    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li a,
    #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a{margin: 0 10px;}

    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.gamme-produit li a.cta-demande-essai,
    #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a.cta-demande-essai{margin: 0; padding: 0; width: 140px; font-size: 16px;}

    #nav-header .menu-header .submenu.submenu-2col{
        padding: 25px;
        height: calc(100vh - 194px);
        max-height: inherit;
        justify-content: flex-start;
    }
    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.submenu-2col{height: 100%; max-height: calc(100vh - 110px);}

    #nav-header .menu-header .submenu.submenu-2col ul{padding: 20px 0 20px 1px; border-right: none;}

    body.fixed-active-body.is-fixed2 #header-concessionnaire.sticky-active #nav-header .menu-header ul.nav-menu .submenu li,
    #nav-header .menu-header .submenu.submenu-2col ul li,
    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.submenu-2col ul li{padding: 0;}

    #header-concessionnaire #nav-header .close-submenu,
    #nav-header .menu-header .submenu.submenu-2col img{display: none;}
    body.is-fixed2{
        height: 100vh !important;
        overflow: hidden !important;
    }
    body.is-fixed{
        height: 100%;
        overflow: auto;
    }
    .content-global.container{width: 94%;}
    .content-global{margin: 60px auto;}
    .desktop-h1-42 br{display: none;}
    .row-2-col{flex-direction: column; margin-bottom: 40px;}
    .content-global .row-2-col .small-col{margin: 0 0 30px; max-width: 950px; order: 1;}
    .content-global .row-2-col:first-child .small-col{margin-right: 0;}
    .content-global .row-2-col:last-child .small-col{margin-left: 0;}
    .content-global .row-2-col .img-medium{order: 2;}
    .product-liste{flex-wrap: wrap;}
    .items-product-liste .items-product-liste__col-right .product-liste li{width: 48%; min-width: 280px;}
    .product-liste li a .product-img{height: 250px;}
    .items-product-liste__col-right .product-liste li a img{height: 250px; min-width: inherit;}
    .product-liste li a img{width: 120%; min-width: 120%; min-height: 100%;}
    .content-global.container.product-sheet{max-width: calc(100vw - 60px);}
    .product-sheet .items-concessionnaire .col1-concessionnaire,
    .product-sheet #detail-info .col1-detail-info{width: 60%;}
    .product-sheet .items-concessionnaire .col2-concessionnaire,
    .product-sheet #detail-info .col2-detail-info{width: 35%;}
    .magasin .row{width: 98%; flex-direction: column; align-items: flex-start; margin: 0;}
    .magasin h1{margin-bottom: 30px; text-align: left;}
    .magasin .row .col{width: 100%; max-width: 1100px; padding: 0;}
    .magasin .row .col:first-child{margin-bottom: 30px;}
    .magasin .row .col iframe{max-width: 99%;}
    .services-global ul .col-item{width: auto;}
    .services-global ul .col-item.col-4{margin-bottom: 40px;}
    .location .liste-location li .img-vehicule-loc {
        height: auto;
        max-height: 300px;
    }
    .location .liste-location li{width: 48%;}
    .location .liste-location li ul li{width: 100%;}
    .location .liste-location li img {height: auto;}
    .txt-promo .row{width: auto; flex-direction: column; align-items: center; margin: 0;}
    .txt-promo .row .col{padding: 0;}
    .txt-promo .row .col:first-child{margin-bottom: 30px;}
    #header-concessionnaire.sticky-active .menu-plus .menu-plus__icon {
        border: 1px solid #FFF;
    }
    .home .menu-header .menu-plus .open-submenu::after,
    #header-concessionnaire.sticky-active .menu-header .menu-plus .open-submenu::after,
    .menu-header .menu-plus .open-submenu::after {display: flex;}
    .home .menu-header .menu-plus .open-submenu:hover .menu-plus__icon{border: 1px solid var(--primary-color);}
    .team-global__detail{font-size: 16px; padding: 15px;}
    .team-global__detail .desktop-copy-text-strong{font-size: 20px;}
    .team-global__list li{min-width: 260px;}
    .team-global__list li:hover{padding-bottom: 80px;}
    .team-global__list li:hover .team-global__detail {bottom: -1px;}
}


@media screen and (max-width: 1300px){
    .items-product-liste {flex-direction: column;}
    .content-global .items-product-liste .items-product-liste__col-left{
        background: linear-gradient(180deg,#fff 39.9%,#f8f8f8 100%);
        width: calc(100% - 50px);
        padding: 50px 25px 10px;
        border-radius: 0 0 10px 10px;
    }
    .content-global .items-product-liste .items-product-liste__col-right{width: 100%; padding: 0 0 50px;}
    .items-product-liste__col-right .product-liste li{width: 31%;}
    .team-global__list{flex-wrap: wrap;}
}


@media screen and (max-width: 1500px){
    .logo-header-dealer a{font-size: 34px; line-height: 40px;}

    .is-fixed #header-concessionnaire.sticky-active #nav-header .menu-header ul li,
    .is-fixed #nav-header .menu-header ul li,
	.home #nav-header .menu-header ul li,
    .home #header-concessionnaire.sticky-active #nav-header .menu-header ul li,
    #header-concessionnaire.sticky-active #nav-header .menu-header ul li,
    #nav-header .menu-header ul li{padding: 0 15px;}

    .is-fixed #header-concessionnaire.sticky-active #nav-header .menu-header .submenu ul li,
    .is-fixed #nav-header .menu-header .submenu ul li,
    .home #nav-header .menu-header .submenu ul li,
    .home #header-concessionnaire.sticky-active #nav-header .menu-header .submenu ul li,
    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu ul li,
    #nav-header .menu-header .submenu ul li{padding: 0 40px;}

    .home #header-concessionnaire.sticky-active .desktop-h4-24,
    #header-concessionnaire.sticky-active .desktop-h4-24,
    .desktop-h4-24{font-size: 20px;}

    #nav-header .logo-header-global .logo-global img{width: 130px;}
    #nav-header .menu-header .submenu{justify-content: center;}
    #nav-header .menu-header .submenu ul{margin-left: 0;}
    #nav-header .menu-header .submenu.submenu-2col img{display: none;}
    .row-2-col:first-child .small-col{margin-right: 30px;}
    .row-2-col:last-child .small-col{margin-left: 30px;}
    .img-medium{max-height: 500px;}
    #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li a{min-width: 160px; margin: 15px 10px;}
    .items-product-liste{gap: 40px;}
    .items-product-liste .items-product-liste__col-left {width: 300px;}
    .filter #FormOptions .form-check,
    .filter #FormOptions .form-select {width: 75%;}
    .items-product-liste .items-product-liste__col-right {width: 73%;}
    .liste-location li{min-width: 280px; margin-bottom: 40px;}
    .liste-location li .img-vehicule-loc{height: 180px;}
    .liste-location li img{height: 100%;}
    .liste-location li ul li{min-width: inherit; margin-bottom: 0;}
    .product-liste,
    .liste-articles{gap: 35px 30px;}
}


@media screen and (max-width: 1024px){
    .show-filter-mobile.cta-primary, .close-filter-mobile {display: none;}
    .items-product-liste .items-product-liste__col-right {width: 100%;}
    .items-product-liste__col-right .sort-filter .form-search__sort {align-items: center;}
    .items-product-liste__col-right .sort-filter .form-search, .items-product-liste__col-right .sort-filter .form-search__sort {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .items-product-liste__col-right .sort-filter .form-search{width: auto;}
    .items-product-liste__col-right .sort-filter {flex-direction: inherit;}
    .items-product-liste .items-product-liste__col-right {max-width: inherit;}
}

@media screen and (min-width: 768px) and (max-width: 1300px){
    .autres-filtres, .chk-hd{
        position: relative;
        top: -4px;
    }
    #customSwitch7{
        position: relative;
        top: -3px;
    }
    .filter #FormOptions ul li {margin-bottom: 0;}
    .filter #FormOptions .form-check{width: 100%;}
    .autres-filtres::after {right: 0px;}
    .filter #FormOptions ul {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-basis: initial;
    }
    .width-flex{width: 20%;}
    .width-magasin{width: 30%;}
    
    .filter #FormOptions label{font-size: 14px;}
    .filter #FormOptions .irs--big .irs-from,
    .filter #FormOptions .irs--big .irs-to,
    .filter #FormOptions .irs--big .irs-single{font-size: 13px;}
    .autres-filtres {padding-right: 20px;}
    #collapseExample{width: 50%;}
    .collapse2-col{
        width: 50%;
        float: left;
    }
}
@media screen and (min-width: 768px) and (max-width: 900px){
    .width-flex{width: 15%;}
    .width-magasin{width: 39%;}
}
@media screen and (min-width: 1210px) and (max-width: 1300px){
    .width-flex{width: 21%;}
}