@font-face {
    font-family: 'Blender Pro Book';
    src: url('../font/BlenderPro-Book.eot');
    src: local('Blender Pro Book'), local('../font/BlenderPro-Book'),
        url('../font/BlenderPro-Book.eot?#iefix') format('embedded-opentype'),
        url('../font/BlenderPro-Book.woff2') format('woff2'),
        url('../font/BlenderPro-Book.woff') format('woff'),
        url('../font/BlenderPro-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Blender Pro Bold';
    src: url('../font/BlenderPro-Bold.eot');
    src: local('Blender Pro Bold'), local('../font/BlenderPro-Bold'),
        url('../font/BlenderPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/BlenderPro-Bold.woff2') format('woff2'),
        url('../font/BlenderPro-Bold.woff') format('woff'),
        url('../font/BlenderPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Blender Pro Heavy';
    src: url('../font/BlenderPro-Heavy.eot');
    src: local('Blender Pro Heavy'), local('../font/BlenderPro-Heavy'),
        url('../font/BlenderPro-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../font/BlenderPro-Heavy.woff2') format('woff2'),
        url('../font/BlenderPro-Heavy.woff') format('woff'),
        url('../font/BlenderPro-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

html{margin: 0; padding: 0;}

html body,
body{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100%;
    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: #000000;
}
body.fixed-active-body{padding-top: 142px;}

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


body a{color: #000000; text-decoration: none; cursor: pointer; -webkit-transition: all 300ms; transition: all 300ms;}

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: #FFFFFF;}

.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: #000000; text-decoration: none; outline: none; cursor: pointer;}

/* Character Styles */

.desktop-h1-42 {
    font-family: "Blender Pro Heavy", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: 0;
    color: #3C3C3C;
    text-transform: uppercase;
}
.desktop-h1-56 {
    font-family: "Blender Pro Heavy", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 56px;
    line-height: 66px;
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: uppercase;
}
.desktop-h2-44 {
    font-family: "Blender Pro Heavy", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 44px;
    line-height: 44px;
    letter-spacing: 0;
    color: #3D3D3D;
    text-transform: uppercase;
}
.desktop-h2-48 {
    font-family: "Blender Pro Heavy", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0;
    color: #3D3D3D;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.desktop-h3-32{
    font-family: "Blender Pro Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    color: #3D3D3D;
    text-transform: uppercase;
}

#header-concessionnaire.sticky-active .desktop-h4-24,
.desktop-h4-24 {
    font-family: "Blender Pro Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000000;
    text-transform: uppercase;
}

.desktop-h4-20 {
    font-family: "Blender Pro Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #000000;
    text-transform: uppercase;
}
.desktop-copy-text-strong {
    font-family: "Blender Pro Heavy", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase;
}
.buttons-16 {
    font-family: "Blender Pro Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 42px;
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: uppercase;
}

.desktop-text-16 {
    font-family: "Blender Pro Book", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
    color: #3D3D3D;
}
.desktop-copy-text-16 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
    color: #000000;
}
.desktop-copy-text-14 {
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    color: #000000;
}

p{margin: 0 0 16px;}

.coul-orange{color: #000000;}

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;
}


.tooltip{opacity:1 !important;}
.tooltip > .tooltip-inner{
    background-color: #FFF;
    padding: 10px 10px 20px 10px;
    max-width: 220px;
    border: 1px solid #000;
}

.tooltip > .tooltip-inner img{width: 100%;}



/* ------------------- */
/* -----  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: #FFFFFF;
    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-family: "Blender Pro Heavy", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 71px;
    letter-spacing: 0;
    color: #000000;
    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: #FFFFFF;}

#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: #000000; 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: #000000;}

.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 #000000 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: #000000 transparent transparent transparent;}

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

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

.menu-header .menu-plus .menu-plus__icon{height: 26px;}
.menu-header .menu-plus .show-submenu .menu-plus__icon{display:none; opacity:0;}
.menu-header .menu-plus .menu-moins__icon{padding-bottom: 3px; height: 24px; display:none; opacity:0;}
.menu-header .menu-plus .show-submenu .menu-moins__icon{display: flex; opacity:1;}

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

#header-concessionnaire.sticky-active .menu-header .menu-plus .menu-moins__icon:hover,
#header-concessionnaire.sticky-active .menu-plus .open-submenu.show-submenu .menu-moins__icon,
.menu-header .menu-plus .open-submenu.show-submenu .menu-moins__icon,
.menu-header .menu-plus .menu-moins__icon:hover,
.menu-header .menu-plus .menu-moins__icon:focus,
#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: #000000;
    border: 1px solid #000000;
    color: #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: 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 #000000;
}

#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: 40px 25px;}

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

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

#nav-header .menu-header .submenu.gamme-produit{
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    max-height: 75vh;
    padding-bottom: 30px;
    border-top: 1px solid #D6D8DB;
    overflow: inherit;
}

.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 li a{
    margin: 15px 0;
    font-family: "Blender Pro Bold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 42px;
    color: #000;
    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-family: "Blender Pro Bold", sans-serif;
    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: #000000;}

#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 .gamme-multimarque .submenu.gamme-produit li a.cta-demande-essai{
    justify-content: center;
    align-items: center;
    flex-direction: row;
    height: 46px;
    padding: 0 20px;
    border: 2px solid #000000;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
}
#header-concessionnaire #nav-header .menu-header .gamme-multimarque .submenu.gamme-produit li a.cta-demande-essai:hover{
    background-color: #000000;
    color: #FFFFFF;
}

#header-concessionnaire #nav-header .menu-header .gamme-multimarque .submenu.gamme-produit .nav-tabs__last-child{
    padding: 0;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#header-concessionnaire #nav-header .nav-tabs__last-child .close-submenu{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 44px;
    margin-bottom: -2px;
    padding: 0 0 6px 1px;
    border: 1px solid #000;
    background-color: #000;
    font-family: Verdana, sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #FFF;
    cursor: pointer;
    transition: all 300ms ease;
}

#header-concessionnaire #nav-header .nav-tabs__last-child .close-submenu:hover{background-color: #FFF; color: #000;}

#nav-header .logo-header-ktm .logo-ktm{display: flex; position: relative; z-index: 2;}
#nav-header .logo-header-ktm .logo-ktm img{width: 150px; transition: width 300ms ease;}
#header-concessionnaire.sticky-active #nav-header .logo-header-ktm .logo-ktm 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: #FFF;
    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: #000000;}
.hamburger:hover .hamburger-inner{background-color: #000000;}

.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: #000000;}

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

.contactForm .form-textarea,
.contactForm .form-input{
    background-color: #FFFFFF;
    border: 2px solid #3E3E3E;
    color: #111;
    font-family: "Blender Pro Book", sans-serif;
    font-weight: bold;
    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: 40px;
    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 #000000;}

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

}

.contactForm .form-CO{
    display: block;
    text-align: right;
    width: 100%;
    margin-bottom: 15px;
    color: #3E3E3E;
    font-family: "Blender Pro Book", sans-serif;
    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-family: "Blender Pro Book", sans-serif;
    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;}

.contactForm .CTA-Submit{
    background-color: #000000;
    color: #FFFFFF;
    width: 44%;
    height: 44px;
    text-transform: uppercase;
    border: 2px solid #000000;
    cursor: pointer;
    font-family: "Blender Pro Bold", sans-serif;
    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: transparent; color: #000000;}

.home .content-ktm{max-width: 1700px; margin: 100px auto; padding: 0 25px;}
.content-ktm{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-ktm,
.grey-background .content-ktm{margin: 0 auto;}

.content-ktm p:last-child,
.content-ktm 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%;}

.cta-primary{
    display: flex;
    justify-content:center;
    align-items: center;
    background-color: #000000;
    color: #FFFFFF;
    width: 324px;
    height: 46px;
    text-transform: uppercase;
    border: 2px solid #000000;
    cursor: pointer;
    font-family: "Blender Pro Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    transition: all 300ms ease;
}
.small-cta{width: 144px;}
.title-center{text-align: center; margin-bottom: 60px;}
.team-ktm .title-center{text-align: center; margin: 60px 0 30px;}
.team-ktm p.desktop-text-16{text-align: center;}

.product-liste,
.liste-articles{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    list-style: none;
    padding: 0;
}

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

.liste-articles li a{
    background-color: #000;
    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 0px #0000001A;}

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

.liste-articles li a .detail-article{
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 73.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: #FFFFFF;}
.liste-articles .detail-article .post-date{
    margin-bottom: 30px;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Blender Pro Bold", sans-serif;
}

.liste-articles .detail-article .desktop-copy-text-16{color: #FFFFFF;}

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

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

.product-liste li a{
    display: flex;
    justify-content:center;
    align-items: stretch;
    flex-direction: column;
    transition: all 300ms ease;
}

.product-liste li a:hover{background-color: #FFFFFF; transform: translateY(-8px); box-shadow: 8px 8px 0px #0000001A;}

.product-liste li a .product-img{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
    height: 200px;
    transition: all 300ms ease;
}

.product-liste li a .product-img{background-color: #fff;}
.vehicules-neuf .product-liste li a .product-img{background-color: #FFF;}
.product-liste li a img{width: 420px; transition: opacity 300ms ease;}

.product-liste li a:hover img{opacity: 0.6;}
.vehicules-neuf .product-liste li a:hover img{opacity: 1;}

.product-liste li a .product-detail{
    padding: 20px 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.product-liste li a .product-detail h4{width: 75%; margin-bottom: 0; font-size: 16px; line-height: 16px; color: #3D3D3D;}

.product-liste li a .product-price{
    width: 20%;
    min-width: 80px;
    text-align: right;
    font-family: "Blender Pro Bold", sans-serif;
    font-weight: bold;
    margin-left: 15px;
    font-size: 18px;
    line-height: 18px;
    color: #000000;
}
.cta-center{margin: 0 auto;}

.content-ktm.container{max-width: 1640px; width: 96%; margin: 50px auto; padding: 0 25px;}

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

.items-product-liste .items-product-liste__col-left{width: 26%; margin-right: 60px;}
.items-product-liste .items-product-liste__col-right{width: 66%;}

.items-product-liste .items-product-liste__col-right .product-liste{flex-wrap: wrap; align-items: stretch;}

.filter #FormOptions ul{list-style: none; padding: 0;}
.filter #FormOptions ul li{margin-bottom: 30px;}
.filter #FormOptions label{
    font-family: "Blender Pro Bold", sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
}

.filter #FormOptions .filter-title{margin-bottom: 15px;}
.filter #FormOptions .custom-select{margin-bottom: 30px;}
.filter #FormOptions .form-select,
.form-search .custom-select .form-select{
    height: 36px;
    border: 1px solid #707070;
    border-radius: 0;
    font-family: "Blender Pro Bold", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

.filter #FormOptions .form-select{width: 80%;}
.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: 92%;}
.filter #FormOptions .irs--big .irs-from,
.filter #FormOptions .irs--big .irs-to,
.filter #FormOptions .irs--big .irs-single{
    background: none;
    color:#000;
    font-family: "Blender Pro Book", sans-serif;
    font-size: 16px;
    padding: 0;
    margin-left: 4px;
    border-radius: 0;
}

.filter #FormOptions .irs--big .irs-line{background: #e6e6e6; box-shadow: none; border: none; top: 34px; height: 2px;}
.filter #FormOptions .irs--big .irs-bar{background: #000; 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: 29px;
    width: 3px;
    height: 13px;
    border: none;
    background: #000;
    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;
}
.filter #FormOptions .form-switch .form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
}
.filter #FormOptions .form-switch .form-check-label{font-size: 15px; line-height: 16px; cursor: pointer;}
.filter #FormOptions .form-check-input:checked ~ .form-check-label{color:#000000;}

.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-family: "Blender Pro Bold", sans-serif; font-size: 16px; text-transform: uppercase;}

.items-product-liste__col-right .product-liste li{width: 32%; min-width: 300px; margin: 0 0 25px;}
.items-product-liste__col-right .product-liste li a{height: 100%; justify-content: flex-start;}
.items-product-liste__col-right .product-liste li a .product-img{height: 300px;}
.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{flex-direction: column; flex-grow: 1;}
.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; width: 100%; margin-top: 10px;}
.items-product-liste__col-right .product-liste li a .product-detail .item-info div{width: 48%; font-family: "Blender Pro bold", sans-serif; color: #878787; font-size: 16px;}
.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: 22px; line-height: 22px; color:#000000; 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{width: inherit; height: 300px;}
.vehicules-neuf .items-product-liste__col-right .product-liste li a img{width: auto; height: auto; max-width: 98%; max-height: 100%;}

.pagination-footer .pagination{justify-content: center;}
.pagination-footer .pagination .page-link{border: none; color: #000; font-family: "Blender Pro bold", sans-serif; font-size: 22px; line-height: 22px;}
.pagination-footer .pagination .current-page .page-link{background-color: #000000; color: #FFF;}

.content-ktm.container.product-sheet{margin: 30px auto; max-width: 1390px;}
.content-ktm .breadcrumb{margin-bottom: 50px;}
.back-cat a{display:flex; align-items: center; color: #000; font-family: "Blender Pro bold", sans-serif; font-size: 20px; line-height: 20px; text-transform: uppercase;}
.back-cat a svg{margin-right: 15px; transition: fill 300ms ease;}
.back-cat a:hover svg{fill: #000000;}

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

.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: 20px;
    color: #3D3D3D;
    font-family: "Blender Pro bold", sans-serif;
    font-size: 34px;
    line-height: 36px;
    text-transform: uppercase;
}
.product-sheet .col2-concessionnaire .detail-product{line-height: 35px;}
.product-sheet .col2-concessionnaire .detail-product strong{
    font-family: "Blender Pro heavy", sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: #3D3D3D;
    text-transform: uppercase;
}

.product-sheet .col2-concessionnaire .detail-product .price{
    display: block;
    font-family: "Blender Pro bold", sans-serif;
    font-size: 34px;
    color: #000000;
    margin: 20px 0;
}

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

.col2-concessionnaire .contact-concessionnaire{margin-top: 30px;}
.col2-concessionnaire .contact-concessionnaire h3{margin-bottom: 20px;}
.col2-concessionnaire .row-detail{
    padding-bottom: 20px;
    border-bottom: 1px dotted #AAA;
}

.col2-concessionnaire .contact-concessionnaire .adresse .contact-name{
    display: block;
    font-family: "Blender Pro heavy", sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #3D3D3D;
    text-transform: uppercase;
}

.col2-concessionnaire .contact-concessionnaire .adresse .txt-contact{font-family: "Blender Pro Heavy", sans-serif; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #3D3D3D;}
.detail-product a:hover strong {
    color: #000000!important;    
}

.col2-concessionnaire .contact-concessionnaire .adresse .tel{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    font-family: "Blender Pro Bold", sans-serif;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #000000;
}
.col2-concessionnaire .contact-concessionnaire .adresse .tel svg{margin-right: 15px; fill:#000000;}

.col2-concessionnaire .contact-concessionnaire .contact-info-product{
    margin: 20px 0 30px;
    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-family: "Blender Pro Book", sans-serif;
    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: #3E3E3E;}
.col2-concessionnaire .contact-concessionnaire .contact-info-product li a:hover{color: #000000;}

.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: #3E3E3E; transition: fill 300ms ease;}
.col2-concessionnaire .contact-concessionnaire .contact-info-product li a:hover svg{fill: #000000;}

.product-sheet #detail-info{display: flex; justify-content: space-between; margin-bottom: 60px;}
.product-sheet #detail-info h3{margin-bottom: 20px;}
.product-sheet #detail-info .col1-detail-info{width: 60%;}
.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: #f5f7fa;}
#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: #FFF;
    text-align: center;
    font-weight: 700;
}

.txt-detail-info .devis-assurance-amv .cta-devis:hover{text-decoration: none; color: #FFF;}

.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: #000000;}
.magasin .col iframe{border: 4px solid #000;}

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

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

.services-ktm .icon-service{
    background-color: #FFF;
    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-ktm .intro-reparation{flex-grow: 1; margin-right: 40px;}

.services-ktm .detail-reparation{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #FFF;
    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-ktm .article-detail{
    flex-direction: column;
    align-items: center;
    margin: 0;
    width: auto;
    --bs-gutter-x: 0;
}

.content-ktm .article-detail .breadcrumb{justify-content: center;}
.content-ktm .article-detail h1{color: #000; margin-bottom: 60px;}
.content-ktm .article-detail img{margin-bottom: 30px;}
.content-ktm .article-detail .post-date{
    color: #000000; 
    font-family: "Blender Pro bold", sans-serif;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}
.content-ktm .article-detail p{text-align: justify;}

.section-contact-map.demande-d-essai{background-color: #FFFFFF; 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-family: "Blender Pro Book", sans-serif;
    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: #000000;
    border: 2px solid #000000;
}

.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: #000000;
    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-ktm__list{
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 -16px;
}

.team-ktm__list li{margin: 16px 16px 90px 16px; position: relative; overflow: hidden; width: 22%; max-width: 375px; border: 4px solid #000; transition: all 300ms ease;}
.team-ktm__list li:hover{padding-bottom: 30px; margin-bottom:0; border: 4px solid #000000; box-shadow: 8px 8px 0px #0000001A;}

.team-ktm__list .team-ktm__img-staff{
    max-height: 250px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    margin-bottom: 34px;
}
.team-ktm__img-staff img{width: 100%;}

.team-ktm__detail{
    position: absolute;
    top: 225px;
    bottom: 0 !important;
    width: calc(100% - 40px);
    font-family: "Blender Pro Heavy", sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    color: #000000;
    padding: 20px;
    text-transform: uppercase;
    transition: all 300ms ease;
}

.team-ktm__detail .team-ktm__fonction{margin-bottom: 26px; line-height: 18px; transition: all 300ms ease;}
.team-ktm__list li:hover .team-ktm__detail .team-ktm__fonction{margin-bottom: 8px;}
.team-ktm__detail .desktop-copy-text-strong{display: block; font-size: 24px; line-height: 22px; margin-bottom: 5px;}



/* ------------------- */
/* -----  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: #FFFFFF;
    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-family: "Blender Pro Book", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    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-family: "Blender Pro Bold", sans-serif;
    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-family: "Blender Pro Book", sans-serif;
    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: #000000;}

footer .nav-footer ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Blender Pro Book", sans-serif;
    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-family: "Blender Pro Book", sans-serif;
    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: #000000;}

#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: #000000;
}
/* 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: #000000;}




/* ---------------------- */
/* --- Séries limités --- */
/* ---------------------- */


.content-detail .container.container-pepa{background-color: #ECECEC; max-width: 100vw;  padding: 0 0 80px;}

.container-pepa h1{
    background: url(../images/ktm-powerdeals-header-7.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100vw - 60px);
    height: 200px;
    margin: 20px 0 60px;
    padding: 0 30px;
    font-family: "Blender Pro Heavy", sans-serif;
    font-weight: 900;
    font-size: 44px;
    line-height: 44px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
}

.content-detail .container-pepa__liste-vehicules{
    justify-content: space-between;
    width: calc(100vw - 60px);
    max-width: 1600px;
    margin: 0 auto;
    padding: 30px;
}

.container-pepa__liste-vehicules .col-sm-4{flex: inherit; width: 31%; padding: 0 10px; margin-bottom: 30px;}

.container-pepa__liste-vehicules .img-vehicule a{
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
}

.container-pepa__liste-vehicules .img-vehicule a img{width: auto; object-fit: cover; min-height: 100%; transition: all 300ms ease;}

.container-pepa__liste-vehicules .CLArticlewhite{position:relative; height: 100%; transition: all 300ms ease;}

.container-pepa__liste-vehicules .CLArticlewhite:hover,
.container-pepa__liste-vehicules .CLArticlewhite:focus{
    background-color: #FFFFFF;
    transform: translateY(-8px);
    box-shadow: 8px 8px 0px #0000001A;
}

.container-pepa__liste-vehicules .CLArticlewhite h2{
    font-family: "Blender Pro Bold", sans-serif;
    font-size: 26px;
    line-height: 28px;
    color: #3D3D3D;
    text-transform: uppercase;
    padding: 0 20px;
}

.container-pepa__liste-vehicules .CLArticlewhite .CLDescriptArticle{padding: 0 20px 30px; font-size: 14px; line-height: 20px;}

.container-pepa__liste-vehicules .CLArticlewhite .CTA-detail{
    background-color: #f60;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 34%;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    height: 50px;
    opacity: 0;
    border: 1px solid #f60;
    font-family: "Blender Pro Heavy", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    transition: all 300ms ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.container-pepa__liste-vehicules .CLArticlewhite:hover .CTA-detail{opacity: 1;}

.container-pepa__liste-vehicules .CLArticlewhite .CTA-detail:hover{
    background-color: rgba(255,255,255,0.9);
    box-shadow: none;
    color: #f60;
}


.breadcrumb-serie-limite{max-width: 1300px; margin: 20px auto 30px; padding: 0 30px;}
.breadcrumb-serie-limite svg{margin-right: 10px; transition: all 300ms ease;  fill:#000;}
.breadcrumb-serie-limite:hover svg{fill:#f60;}
.breadcrumb-serie-limite a{
    color: #000;
    font-family: "Blender Pro bold", sans-serif;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    transition: all 300ms ease;  
}

.breadcrumb-serie-limite:hover a{color: #f60;}

.fiche-serie-limite{display: flex; justify-content: space-between; max-width: 1300px; margin: 0 auto 80px; padding: 0 30px;}

.fiche-serie-limite .col1-concessionnaire{max-width: 750px; width: 64%; margin-right: 30px;}
.fiche-serie-limite .col1-concessionnaire .txt-long{margin: 30px 0;}
.col1-concessionnaire img{width: 100%;}

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

.fiche-serie-limite .lSSlideOuter .lSPager.lSGallery li img{opacity: 0.5; transition: all 500ms ease;}
.fiche-serie-limite .lSSlideOuter .lSPager.lSGallery li.active img,
.fiche-serie-limite .lSSlideOuter .lSPager.lSGallery li:hover img,
.fiche-serie-limite .lSSlideOuter .lSPager.lSGallery li:focus img{opacity: 1;}

.fiche-serie-limite .lSSlideOuter .lSPager.lSGallery li.active,
.fiche-serie-limite .lSSlideOuter .lSPager.lSGallery li:hover,
.fiche-serie-limite .lSSlideOuter .lSPager.lSGallery li:focus{border-radius: 0;}

.fiche-serie-limite .col2-concessionnaire{max-width: 402px; width: 34%;}

.fiche-serie-limite .row-detail{position: relative; padding: 0 0 5px; margin-bottom: 0;}
.fiche-serie-limite .row-detail:last-child{border-bottom: 0;}

.fiche-serie-limite .row-detail h1{
    font-family: "Blender Pro heavy", sans-serif;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    color:#000;
    margin-bottom: 15px;
}

.fiche-serie-limite .row-detail > h3{margin-top: 20px; margin-bottom: 0;}

.fiche-serie-limite .contact-info{margin: 20px 0 25px; padding-bottom: 25px; border-bottom: 1px dashed #333;}

.fiche-serie-limite .contact-info h4{
    font-family: "Blender Pro heavy", sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #3D3D3D;
    margin-bottom: 0;
    text-transform: uppercase;
}

.fiche-serie-limite .contact-info .concess-contact{margin-top: 15px;}
.block-input #show,
.fiche-serie-limite .contact-info .concess-contact .tel-contact{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "Blender Pro Bold", sans-serif;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #000000;
}

.fiche-serie-limite .contact-info .concess-contact .tel-contact{margin-top: 10px; font-size: 22px;}
.block-input #show svg,
.fiche-serie-limite .contact-info .concess-contact .tel-contact svg{margin-right: 12px; fill: #000000; transition: all 300ms ease;}

.form-contact-ktm{position: relative;}
.form-contact-ktm .row{--bs-gutter-x: 0;}
.form-contact-ktm .contactForm{max-width: 402px;}

.form-contact-ktm .block-input{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: inherit;
}

.form-contact-ktm .block-input .row{width: 48%; --bs-gutter-x: 0;}
.form-contact-ktm .block-input .row:nth-child(5),
.form-contact-ktm .block-input .row:last-child{width: 100%;}

.block-input .row .col-md-12{flex: inherit; padding: 0;}
.block-input .row .col-md-12 .form-input{width: calc(100% - 60px); min-width: inherit; border-radius: 0;}

.block-input .row .col-md-12 .form-textarea{
    width: calc(100% - 36px);
    opacity: 0;
    height: 0;
    min-height: inherit;
    max-height: 0px;
    padding: 0px;
    border-radius: 0;
    border: 1px solid rgb(255, 255, 255);
    transition: all 400ms ease;
}

.block-input .row .col-md-12 .form-textarea.show-textarea{
    opacity: 1;
    max-height: 600px;
    height: 108px;
    min-height: 50px;
    padding: 12px 16px;
    border: 2px solid #3E3E3E;
    margin-bottom: 20px;
}

.block-input #show{margin-bottom: 20px; cursor: pointer; font-size: 20px; transition: all 300ms ease;}
.block-input #show:hover{color: #f60;}
.block-input #show:hover svg{fill:#f60;}

.form-contact-ktm .confirm-contact{display: flex; align-items: flex-start; cursor: pointer; margin-bottom: 15px;}
.form-contact-ktm .confirm-contact input{margin-top: 3px; margin-right: 10px;}
.form-contact-ktm .confirm-contact label{cursor: pointer; font-size: 15px; line-height: 20px;}

.form-contact-ktm .confirm-contact label a{text-decoration: underline;}

.form-contact-ktm .cta-submit{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000;
    color: #FFFFFF;
    width: calc(100% - 26px);
    height: 46px;
    text-transform: uppercase;
    border: 2px solid #000000;
    border-radius: 0;
    padding: 0;
    margin: 15px 0 0 0;
    cursor: pointer;
    font-family: "Blender Pro Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    transition: all 300ms ease;
}

.form-contact-ktm .cta-submit:hover{background-color: #FFFFFF; color: #000000;}

.content-ktm.accueil-minisite .titre-accueil,
.content-ktm.accueil .titre-accueil{
    font-family: "Blender Pro Heavy", sans-serif;
    font-size: 28px;
    font-weight: 900;
    margin-top: 15px;
    margin-bottom: 25px;
    text-transform: uppercase;
}



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


@media screen and (max-width: 350px){
    .menu-mobile #header-concessionnaire #nav-header {height: auto; padding: 15px 30px;}
    .menu-mobile #nav-header .logo-header-dealer{flex-direction: column; justify-content: center; gap: 8px;}
    .menu-mobile #nav-header .logo-header-dealer a{margin-right: 0; text-align: center;}
    body .txt-detail-info .devis-assurance-amv .cta-devis {
        margin-top: 10px;
        margin-left: auto;
    }
    .menu-mobile .sticky-active #nav-header.show-nav-mobile .menu-header{margin-top: 35px;}
}

@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: 300px;}
}

@media screen and (max-width: 530px){
    .menu-mobile .sticky-active #nav-header.show-nav-mobile .menu-header{top: 61px; height: calc(100vh - 61px);}
    .menu-mobile #nav-header.show-nav-mobile .menu-header{width: calc(100vw - 60px); height: calc(100vh - 83px); top: 82px; overflow: auto;}
    .menu-mobile #nav-header .menu-header{top: 82px;}
    .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; width: 100%; height: auto;}
    .menu-mobile #nav-header .menu-header .submenu.submenu-2col ul{padding: 0;}

    .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 #000000 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: #000000 transparent transparent transparent;
        border-width: 5px 5px 0 5px;
    }
    
    body.fixed-active-body.is-fixed2 #header-concessionnaire.sticky-active #nav-header .menu-header ul.nav-menu .submenu.gamme-produit .gamme-produit__multimarque,
    body #header-concessionnaire #nav-header .menu-header .gamme-multimarque .submenu.gamme-produit .gamme-produit__multimarque{width: 100% !important; padding:0 !important;}
    
    .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 #000000;}

    .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 20px; display: flex; align-items: center; height: 32px;}
    #detail-info table tr td{padding: 0 20px; display: flex; align-items: flex-start; height: 32px;}
    .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-ktm.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;}
    .container-pepa h1{font-size: 36px; line-height: 36px;}
    body #header-concessionnaire #nav-header .menu-header .gamme-produit.submenu{width: calc(100vw - 60px) !important; height: auto !important; border-bottom: 5px solid #000;}
    #nav-header .menu-header .gamme-multimarque .gamme-produit.submenu ul{margin: 0; padding: 0;}
    #header-concessionnaire #nav-header .nav-tabs__last-child .close-submenu{width: 28px; height: 24px; font-size: 24px;}
    body #header-concessionnaire #nav-header .menu-header .gamme-multimarque .submenu.gamme-produit .gamme-produit__multimarque{padding:0;}
}

@media screen and (max-width: 600px){
    .menu-mobile .logo-header-dealer{width: 100%; justify-content: space-between; flex-wrap: wrap;}
    .menu-mobile .logo-header-dealer a{margin-right: 30px; line-height: 34px;}
    .menu-mobile #nav-header{height: 82px; padding: 0 30px;}
    .menu-mobile .logo-header-ktm{display: none;}
	.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;}

    .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-ktm .product-liste li{width: 100%;}
    .section-contact-map{padding: 50px 25px;}
    .content-ktm .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-ktm.container{width: auto; margin: 20px auto 50px;}
    body.magasin .services-ktm{margin-bottom: 0; padding-bottom: 40px;}
    .magasin .services-ktm .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-ktm .team-ktm__list li{width: auto;}
}

@media screen and (max-width: 768px){
	.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;}
    .container-pepa .container-pepa__liste-vehicules .col-sm-4 {width: calc(100% - 20px);}
    .colonne-gamme {
        width: 100%;
        box-sizing: border-box;
    }
    .gamme-multimarque .tab-content>.active {flex-wrap: wrap;}
    .colonne-gamme{margin-right: 0;}
    .gamme-multimarque .tab-content>.active {
        display: flex;
        flex-direction: column;
    }
    .container-colonne{
        display: flex;
        flex-direction: column;
    }
    #header-concessionnaire #nav-header .menu-header .submenu {padding: 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 {flex-direction: column;}
    .titre-gamme, #header-concessionnaire #nav-header .menu-header .gamme-multimarque .submenu.gamme-produit li a {margin: 15px 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: block;}
    .img-gamme {padding: 20px 0;}
    
    .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: #000 !important;}
    
    .home #header-concessionnaire.sticky-active .desktop-h4-24,
    #header-concessionnaire.sticky-active .desktop-h4-24{color: #000;}
}

@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-ktm ul.row{max-width: 650px; align-items: center; margin: 0 auto;}
    .services-ktm ul .col-item{padding: 0; flex-direction: column; align-items: center}
    .services-ktm .icon-service{margin-right: 0;}
    .services-ktm h3{text-align: center;}
    .services-ktm .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;}
    .fiche-serie-limite{flex-direction: column; align-items: center; max-width: 600px;}
    .fiche-serie-limite .col1-concessionnaire{width: 100%; margin-bottom: 20px; margin-right: 0;}
    .fiche-serie-limite .col2-concessionnaire {max-width: 600px; width: 100%;}
    .form-contact-ktm .row .col-md-12,
    .form-contact-ktm .cta-submit{width: 100%;}
    .form-contact-ktm .contactForm {max-width: 600px;}
}

@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;}
    .container-pepa__liste-vehicules .col-sm-4{width: 47%;}
    .form-contact-ktm .block-input .row{width: 100%;}
    .fiche-serie-limite .row-detail > h3{font-size: 28px; line-height: 34px;}
}

@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-ktm.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: #FFF;
        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: #000000;
        font-family: "Blender Pro Bold", sans-serif;
        color: #FFF;
        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-ktm__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: #000;}

    .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: #000000;}
    #nav-header.show-nav-mobile{border-bottom: 1px solid #555;}
    #header-concessionnaire.sticky-active #nav-header{border-bottom: none;}
    #nav-header .menu-header ul.nav-menu > li.gamme-multimarque .open-submenu,
    #nav-header .menu-header ul.nav-menu > li,
    #header-concessionnaire #nav-header .menu-header .submenu li{transition: all 300ms ease;}
    #nav-header .menu-header ul.nav-menu > li.gamme-multimarque .open-submenu:hover,
    #nav-header .menu-header ul.nav-menu > li:hover,
    #header-concessionnaire #nav-header .menu-header .submenu li:hover{-webkit-transform: translateX(4px); transform: translateX(4px);}
    #header-concessionnaire #nav-header .menu-header .submenu.gamme-produit li:hover,
    #nav-header .menu-header ul.nav-menu > li ul li:hover,
    #nav-header .menu-header ul.nav-menu > li.gamme-multimarque,
    #nav-header .menu-header ul.nav-menu > li.menu-plus{transform: inherit;}
    #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: 0;
        opacity: 1;
        visibility: visible;
        background-color: #FFF;
        width: calc(100% - 60px);
        border-top: 1px solid #555;
        padding: 0 30px;
    }
    .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: #FFF;}

    #nav-header .menu-header ul{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 180px;
        height: 100%;
        padding: 0 20px 0 0;
        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: #000;}
    .is-fixed .logo-header-dealer a:hover{color: #000000;}

    .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.home #header-concessionnaire.sticky-active #nav-header .menu-header ul li{padding: 12px 0;}
    body.is-fixed #nav-header .menu-header ul li,
    .home #nav-header .menu-header ul.nav-menu li,
    #nav-header .menu-header ul.nav-menu li {padding: 12px 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: 20px;}
    
    .is-fixed #nav-header .menu-header .open-submenu.show-submenu:hover::after,
    .is-fixed2 #nav-header .menu-header .open-submenu.show-submenu:hover::after,
    #nav-header .menu-header .open-submenu.show-submenu:hover::after,
    .is-fixed #nav-header .menu-header .open-submenu.show-submenu::after,
    .is-fixed2#nav-header .menu-header .open-submenu.show-submenu::after,
    #nav-header .menu-header .open-submenu.show-submenu::after{
        border-width: 5px 5px 5px 0;
        border-color: transparent #000000 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;
    }

    .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: #000;}

    .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: #000000;}

    .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: #FFF;}
    .home .hamburger-inner, .home .hamburger-inner::before,
    .home .hamburger-inner::after{background-color:#000;}

    .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: 174px;}

    #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;}

    #header-concessionnaire #nav-header .menu-header .submenu.submenu-2col {
        padding: 25px;
        height: calc(100% - 192px);
        max-height: inherit;
        justify-content: flex-start;
        width: calc(100% - 281px);
        top: 143px;
        margin-top: 0;
        border-top: none;
    }
    #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;}

    #nav-header .menu-header .submenu.submenu-2col ul li,
    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu.submenu-2col ul li{padding: 0;}
    
     body.fixed-active-body.is-fixed2 #header-concessionnaire.sticky-active #nav-header .menu-header ul.nav-menu .submenu .gamme-produit__multimarque{
        max-width: calc(1600px + 40px);
        padding: 0 30px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    #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-ktm.container{width: 94%;}
    .content-ktm{margin: 60px auto;}
    .desktop-h1-42 br{display: none;}
    .row-2-col{flex-direction: column; margin-bottom: 40px;}
    .content-ktm .row-2-col .small-col{margin: 0 0 30px; max-width: 950px; order: 1;}
    .content-ktm .row-2-col:first-child .small-col{margin-right: 0;}
    .content-ktm .row-2-col:last-child .small-col{margin-left: 0;}
    .content-ktm .row-2-col .img-medium{order: 2;}
    .product-liste{flex-wrap: wrap;}
    .product-liste li{width: 48%; min-width: 280px;}
    .product-liste li a .product-img{height: 250px;}
    .product-liste li a img{width: 120%; min-width: 120%; min-height: 100%;}
    .content-ktm.container.product-sheet{max-width: calc(100vw - 50px);}
    .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-ktm ul .col-item{width: auto;}
    .services-ktm 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 #000000;}
    .team-ktm__detail{font-size: 16px; padding: 15px;}
    .team-ktm__detail .desktop-copy-text-strong{font-size: 20px;}
    .team-ktm__list li{min-width: 260px;}
    .team-ktm__list li:hover{padding-bottom: 80px;}
    .team-ktm__list li:hover .team-ktm__detail {bottom: -1px;}
    .active-nav-mobile.is-fixed .logo-header-dealer a {color: #000;}
    .submenu-background-overlay {background-color: #fff;}
     .colonne-gamme {
        width: 100%;
        box-sizing: border-box;
    }
    .gamme-multimarque .tab-content>.active {flex-wrap: wrap;}
    .colonne-gamme{margin-right: 0;}
    .gamme-multimarque .tab-content>.active {
        display: flex;
        flex-direction: column;
    }
    .container-colonne{
        display: flex;
        flex-direction: column;
    }
    #header-concessionnaire.sticky-active #nav-header .menu-header .submenu{top: 62px; max-height: 92vh;}
    #header-concessionnaire #nav-header .menu-header .submenu {
        width: calc(100% - 232px);
        max-height: 81vh;
        border: none;
        top: 143px;
        padding: 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 {flex-direction: column;}
    .titre-gamme, #header-concessionnaire #nav-header .menu-header .gamme-multimarque .submenu.gamme-produit li a {margin: 15px 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: block;}
    .img-gamme {padding: 20px 0;}
    .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: #000 !important;}
    .home #header-concessionnaire.sticky-active .desktop-h4-24,
    #header-concessionnaire.sticky-active .desktop-h4-24 {color: #000;}
}


@media screen and (max-width: 1300px){
    .items-product-liste__col-right .product-liste li{width: 48%;}
    .items-product-liste__col-right .product-liste li a img{height: 335px; min-width: inherit;}
    .team-ktm__list{flex-wrap: wrap;}
}


@media screen and (max-width: 1530px){
    .logo-header-dealer a{display: block; font-size: 34px; line-height: 30px;}
    .logo-header-ktm{
        width: 200px;
        display: flex;
        align-items: center;
        gap: 2px;
    }
    
    #header-concessionnaire #nav-header .logo-header-ktm .logo-ktm{display: block;}
    #header-concessionnaire #nav-header .logo-header-ktm .logo-ktm img {width: 100%;}
    .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-ktm .logo-ktm 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 .items-product-liste__col-left {width: 300px; margin-right: 30px;}
    .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;}
    #nav-header .logo-header-ktm .logo-ktm img {width: auto;}
}