html{margin: 0; padding: 0;}

body{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100%;
    -webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-interpolation-mode: nearest-neighbor;
    text-rendering: optimizeLegibility;
    color: #000 !important;
    font-size: 16px;
}

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

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


h1{
    font-family: 'Play', sans-serif;
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    text-transform: uppercase;
}

h2{
    font-family: 'Play', sans-serif;
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

h3{
    font-family: 'Play', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

h4{
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

a{color:#000; text-decoration: none; cursor: pointer; transition: all 300ms ease;}

a:hover,
a:focus{color:#D52B1E; text-decoration: none; outline: none; cursor: pointer;}

button:focus{outline: none;}

.content-detail .page-container{max-width: 1350px; margin: 0 auto; padding: 60px 30px 120px;}

.content-detail.section-accessoires .page-container{max-width: 1100px;}

.content-detail .page-container.content-detail__vtous,
.content-detail .page-container.content-detail__vn,
.content-detail .page-container.content-detail__vo,
.content-detail .page-container.content-detail__gamme{max-width: inherit;}
.content-detail .page-container.content-detail__vtous,
.content-detail .page-container.content-detail__vn,
.content-detail .page-container.content-detail__vo{padding: 0 0 120px;}

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


.owl-carousel.owl-theme .owl-dots .owl-dot span{
    background-color: #FFF;
    width: 12px;
    height: 12px;
    margin: 0;
    background: #FFF;
    border: 1px solid #000;
    transition: all 300ms ease;
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active:hover span,
.owl-carousel.owl-theme .owl-dots .owl-dot.active span{background-color: #D52B1E;}
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span{background-color: #000;}

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

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

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

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

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

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

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

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

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

.owl-carousel.owl-theme.owl-center-noloop-gamme .owl-dots .owl-dot.active span,
.owl-carousel.owl-theme.owl-center-noloop .owl-dots .owl-dot.active span {background-color: #000;}

.section-gamme.section-gamme-accueil{padding: 80px 0 70px;}

.section-gamme .owl-center-noloop-gamme .owl-item .img-actu a img,
.content-actus .owl-center-noloop .owl-item .img-actu a img,
.section-gamme .owl-center-noloop-gamme .owl-item{transition: all 300ms ease;}
.content-actus .owl-center-noloop .owl-item{max-width: 600px; height: 450px; transition: all 300ms ease;}
.section-gamme .owl-center-noloop-gamme .owl-item:hover,
.content-actus .owl-center-noloop .owl-item:hover{transform: translateY(-5px);}
.section-gamme .owl-center-noloop-gamme .owl-item:hover .img-actu a img,
.content-actus .owl-center-noloop .owl-item:hover .img-actu a img{opacity: 0.7 !important;}
.section-gamme .owl-center-noloop-gamme .owl-item .img-actu a,
.content-actus .owl-center-noloop .owl-item .img-actu a{display: flex; align-items: center; width: 100%; background-color: #000;}
.section-gamme .owl-center-noloop-gamme .owl-item h4,
.content-actus .owl-center-noloop .owl-item h4{margin: 18px 0 0; width: 100%;}
.section-gamme .owl-center-noloop-gamme .owl-item h4 a,
.content-actus .owl-center-noloop .owl-item h4 a{
    font-family: 'Play', sans-serif;
    font-size: 21px;
    line-height: 24px;
    font-weight: 700;
    color:#000;
    text-transform: uppercase;
}


.section-gamme .owl-center-noloop-gamme .owl-item:hover h4 a,
.content-actus .owl-center-noloop .owl-item:hover h4 a{color: #D52B1E;}


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


.overlay-area-concession{
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100vw;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transition: all 400ms ease;
}

.open-area-concession .overlay-area-concession{opacity: 1; visibility: visible;}

.sidenav-area-concession{
    background-color: #FFF;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    overflow-x: hidden;
    transition: all 400ms ease;
}
.open-area-concession .sidenav-area-concession{visibility: visible; opacity: 1; width: 400px;}

.sidenav-area-concession__close{
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 0 0 10px 0;
    cursor: pointer;
    transition: all 300ms ease;
}
.sidenav-area-concession__close:hover{background-color:#e5e5e5;}
.sidenav-area-concession__close svg{fill:#FFF; transition: all 300ms ease;}
.sidenav-area-concession__close:hover svg{fill:#000;}

.sidenav-area-concession__content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    width: 400px;
    max-height: calc(100vh - 90px);
    margin-top: 30px;
}

.sidenav-area-concession__RS{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    width: calc(400px - 90px);
    padding: 0 45px 35px;
}

.sidenav-area-concession__RS h4{width: 100%; font-weight: 500; margin-bottom: -10px;}

.sidenav-area-concession__RS .container-rs{position: relative;}
.sidenav-area-concession__RS .container-rs__icon{display:flex;}
.sidenav-area-concession__RS .container-rs__icon svg{fill: #000;}
.sidenav-area-concession__RS .container-rs__icon:hover svg{fill: #D52B1E;}

.sidenav-area-concession__RS .container-rs .sous-container-rs{
    background: #000;
    left: 0;
    transform: none;
    border-radius: 0 6px 0 6px;
}
.sidenav-area-concession__RS .container-rs:hover .sous-container-rs{top: 30px;}

.sidenav-area-concession__logo-yam{margin-left: 45px;}

.sidenav-area-concession__detail{width: 100%; margin-bottom: 20px;}

.sidenav-area-concession__essai,
.bsidenav-area-concession__NomConcession,
.sidenav-area-concession__adresse,
.sidenav-area-concession__tel,
.sidenav-area-concession__contact{padding: 0 45px;}

.sidenav-area-concession__essai{display:none;}

.bsidenav-area-concession__NomConcession{margin-bottom: 15px; font-size: 22px;}
.sidenav-area-concession__adresse{margin-bottom:20px; font-size: 15px;}
.sidenav-area-concession__adresse span{display:block;}

.sidenav-area-concession__tel{margin-bottom: 25px;}

.sidenav-area-concession__tel a{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: #D52B1E;
}
.sidenav-area-concession__tel a:hover{text-decoration: none;}
.sidenav-area-concession__tel a svg{margin-top: 3px; fill: #D52B1E;}

.sidenav-area-concession__contact{margin-bottom: 30px;}
.sidenav-area-concession__contact a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 38px;
    border: 1px solid #D52B1E;
    font-family: 'Play', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #D52B1E;
    border-radius: 22px;
    transition: all 300ms ease;
}

.sidenav-area-concession__contact a:hover{background-color:#D52B1E; border: 1px solid #D52B1E; color:#FFF;}

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

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

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

.nav-top{
    background-color: #FFF;
    position: relative;
    z-index: 101;
    border-bottom: 1px solid #CDCDCD;
}

.nav-header-top{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: calc(100% - 68px);
    height: 44px;
    margin: 0 auto;
    padding: 0 34px;
}

.nav-header-top ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #000;
}

.nav-header-top ul a{display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 13px; color: #000;}

.nav-header-top .btn-sidebar-detail{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 13px;
    transition: all 300ms ease;
}

.nav-header-top .btn-sidebar-detail:hover,
.nav-header-top .btn-sidebar-detail:focus,
.nav-header-top ul a:hover,
.nav-header-top ul a:focus{text-decoration: none; color: #D52B1E; cursor: pointer;}

.nav-header-top .btn-sidebar-detail svg{fill:#D52B1E; transition: all 300ms ease;}

.nav-header-top .header-top-separation{font-weight: 300; font-size: 18px;}

.nav-header-top li span{display: inline-block; margin-right: 6px; font-size: 17px; line-height: 17px;}

.nav-header-top ul li{font-size: 13px; line-height: 16px; font-weight: 500;}
.nav-header-top ul li:last-child{margin-right: 0;}

.nav-header-top .RS{display: flex; justify-content: space-between; align-items: center;}

.nav-header-top li .RS a{margin-right: 12px;}
.nav-header-top li .RS a:last-child{margin-right: 0;}

.nav-header-top li .RS a span{font-size: 16px; line-height: 16px; margin-right: 0px;}

.nav-header-top li .RS .instagram-header-top svg,
.nav-header-top li .RS .youtube-header-top svg,
.nav-header-top li .RS .twitter-header-top svg,
.nav-header-top li .RS .facebook-header-top svg,
.nav-header-top li .RS a svg{fill: #D52B1E; transition: all 300ms ease;}
.nav-header-top li .RS .btn-sidebar-detail:hover .instagram-header-top svg,
.nav-header-top li .RS .btn-sidebar-detail:hover .youtube-header-top svg,
.nav-header-top li .RS .btn-sidebar-detail:hover .twitter-header-top svg,
.nav-header-top li .RS .btn-sidebar-detail:hover .facebook-header-top svg{fill:#000;}
.nav-header-top li .RS a:focus svg,
.nav-header-top li .RS a:hover svg{fill:#000;}

#nav-header .menu-header .close-submenu{
    display: none;
    justify-content: center;
    align-items: flex-start;
    background-color: #D52B1E;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 35px;
    height: 30px;
    font-family: 'Play', sans-serif !important;
    font-size: 24px;
    line-height: 24px;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    transition: all 500ms ease;
}

.hamburger{
    background-color: transparent;
    overflow: visible;
    display: none;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 0 25px;
    cursor: pointer;
    font: inherit;
    color: inherit;
    border: 0;
    text-transform: none;
    transition: all 300ms linear;
}

.hamburger .back-home-mobile{position: relative; display:flex; padding-right: 16px;}
.hamburger .back-home-mobile::before{
    background-color: #FFF;
    position: absolute;
    right: 0;
    top: -2px;
    width: 1px;
    height: 19px;
    content: "";
}

.hamburger .back-home-mobile svg{fill: #FFF; transition: all 300ms ease;}
.hamburger .back-home-mobile:hover svg{fill: #d52b1e;}

.hamburger-box{
    width: 20px;
    height: 24px;
    display: inline-block;
    position: relative;
    transition: all 300ms ease;
}

.hamburger .hamburger-box:hover .hamburger-inner,
.hamburger .hamburger-box:hover .hamburger-inner::before, 
.hamburger .hamburger-box:hover .hamburger-inner::after,
.hamburger .hamburger-box:focus .hamburger-inner,
.hamburger .hamburger-box:focus .hamburger-inner::before, 
.hamburger .hamburger-box:focus .hamburger-inner::after{background-color: #d52b1e;}

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

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

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

.hamburger--spin-r.is-active .hamburger-inner{
    transform: rotate(-225deg);
}

.hamburger--spin-r.is-active .hamburger-inner::before{
    top: 0;
    opacity: 0;
}

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

#Sidebar-header{
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
    height: 0;
    width: 100%;
    padding: 0;
    background: rgb(30,87,153);
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(10,45,129,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(10,45,129,1) 100%);
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(10,45,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0a2d81',GradientType=0 );
    overflow-x: hidden;
    transition: all 500ms;  
}

#Sidebar-header.show-Sidebar,
#Sidebar-header.show-Sidebar2,
#Sidebar-header.show-Sidebar3{
    padding-bottom: 30px;
    height: auto;}

#nav-header.Margin-Sidebar,
#nav-header.Margin-Sidebar2,
#nav-header.Margin-Sidebar3{margin-top:200px;}

.horaires-detail,
.plan-acces-detail,
.horaires-detail2,
.plan-acces-detail2,
.newsletter-detail{display: none;}

.horaires-detail.active-detail,
.plan-acces-detail.active-detail,
.newsletter-detail.active-detail{display: block;}

.closebtn{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #D52B1E;
    position: absolute;
    top: 5%;
    right: 3%;
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-family: 'Play', sans-serif !important;
    font-size: 34px;
    line-height: 34px;
    cursor: pointer;
    color: #FFF;
    opacity: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.show-Sidebar .closebtn,
.show-Sidebar2 .closebtn,
.show-Sidebar3 .closebtn{opacity: 1;}

.horaires-detail{
    max-width: 700px;
    margin: 34px auto 0;
    text-align: center;
    color: #FFF;
    font-size: 18px;
}

.horaires-detail b{color: #f9f606;}

.row-cta{display: flex; justify-content: center; align-items: center; margin-top: 20px; flex-wrap: wrap;}

.cta-header-top{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    width: 150px;
    height: 34px;
    margin: 0 10px;
    color: #333;
    font-size: 15px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cta-header-top:hover,
.cta-header-top:focus{text-decoration: none; background-color: #D52B1E; color:#FFF;}

.newsletter-detail{
    max-width: 800px;
    margin: 24px auto;
    text-align: center;
    color: #FFF;
    font-size: 16px;
}

.newsletter-detail h3{font-size: 22px; margin-bottom: 15px;}

.form-news input,
.form-news button{border: none;}

.form-news input{padding: 5px 10px; font-size: 14px; height: 24px;}
.form-news button{
    background-color: #00B994;
    margin: 0;
    height: 24px;
    padding: 5px 20px;
    color: #FFF;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.form-news button:hover,
.form-news button:focus{background-color: #03a383;}

.newsletter-detail .legal-message{max-width: 500px; margin: 15px auto 0; font-size: 11px; line-height: 13px; text-align: justify;}

#header-concessionnaire{position: relative; z-index: 10; max-width: 100vw; padding-bottom: 75px; background-color: #f5f5f5; overflow: hidden;}

#nav-header{
    background-color: #FFF;
    transition: all 500ms;
    position: fixed;
    z-index: 100;
    top:44px;
    left: 0;
    right: 0;
    max-width: 100vw;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

#nav-header.fixed-active{top:0;}

.content-header{
    background-color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 76px;
    padding: 0;
    margin: 0 auto;
    transition: all 500ms ease;
}

.logo-header{
    position: relative;
    background-color: #FFF;
    display: flex;
    align-items: center;
    gap: 25px;
    width: 100%;
    max-width: 399px;
    min-height: 76px;
    padding: 0 10px 0 25px;
}

.logo-header::after{
    content: "";
    position: absolute;
    top: 0;
    right: -40px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 76px 40px 0 0;
    border-color: #FFFFFF transparent transparent transparent;
    transform: rotate(0deg);
}

.logo-header .logo-yamaha{
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
    height: 100%;   
}
.logo-header .logo-yamaha img{width: 100%;}

.logo-header h1{margin-bottom: 0; text-transform: uppercase; margin-top: 2px;margin-left: 15px;}
.logo-header h1 a{display: flex; align-items: center; font-size: 21px; line-height: 24px; font-weight: 700; color: #3d4045;}
.logo-header span.titre-nom-site{
    display: flex;
    align-items: center;
    padding: 5px 0 5px 25px;
    border-left: 1px solid #CDCDCD;
    width: 100%;
    height: 66px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    text-transform: uppercase;
}
.logo-header span.titre-nom-site a{
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #000;
    font-family: 'Play', sans-serif;
}

.logo-header h1 a span{display: block; margin-right:4px; font-size: 12px; line-height: 14px;}
.logo-header h1 a:hover,
.logo-header h1 a:focus{text-decoration: none;}

#nav-header nav{flex-grow: 1; transition: all 500ms ease;}
#nav-header nav ul{display: flex; justify-content: flex-end; align-items: center; list-style: none; margin: 0; padding: 0; width: 100%;}
#nav-header nav ul li {
    margin: 0;
    position: relative;
    text-align: center;
}
#nav-header nav ul li ul li {white-space: nowrap;}
#nav-header nav ul li .link-nav{display:flex; align-items: center; gap: 10px;}
#nav-header nav ul li .link-nav,
#nav-header nav ul li a{padding: 12px 16px; cursor: pointer;}
#nav-header nav ul .menu-back-home{height: calc(44px - 24px);}
#nav-header nav ul .menu-back-home svg{fill:#FFF; transition: all 300ms ease;}

#nav-header nav ul li .link-nav svg{fill:#FFF; transition: all 300ms ease;}
#nav-header nav ul li .link-nav:hover svg{transform: rotate(180deg);}

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

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

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

#nav-header nav ul li .link-nav:hover,
#nav-header nav ul li .link-nav:focus,
#nav-header nav ul li .first-cat:hover,
#nav-header nav ul li .first-cat:focus{background: #D52B1E;}

#nav-header nav ul li .submenu{
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 15px 0;
    background: #FFF;
    overflow-y: auto;
    overflow-x: hidden;
    text-align:left;
    opacity:0;
    visibility:hidden;
    border-top: 4px solid #D52B1E;
    -webkit-box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    width: auto;
}

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

#nav-header nav ul li .submenu::before{
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 22.5px 0 22.5px;
    border-color: #D52B1E transparent transparent transparent;
}

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

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

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

#nav-header nav ul li .submenu li a:hover,
#nav-header nav ul li .submenu li a:focus{text-decoration: none; background-color: #D52B1E; color:#FFF;}

.contact-mobile{display: none;}

#nav-header nav .link-nav,
#nav-header nav ul li a{
    position: relative;
    display: flex;
    align-items: center;
    font-family: 'Play', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 400ms ease;
}

#nav-header nav ul li a:hover,
#nav-header nav ul li a:focus{text-decoration: none; background: #D52B1E;}

#nav-header nav ul.menu-responsive{display:none;}

#nav-header nav ul.collapse:not(.show){display: none;}
#nav-header nav ul.collapse.show{display: flex;}

.nav-secondaire-mobile,
.nonsite-mobile{display:none;}

.hamburger-concess{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #FFF;
    width: 42px;
    height: 42px;
    margin: 0 34px;
    cursor: pointer;
    transition: all 500ms ease;
}

.hamburger-concess:hover{background-color: #D52B1E;}

.hamburger-concess::before,
.hamburger-concess::after,
.hamburger-concess .hamburger-concess-inner{
    background-color:#FFF;
    display: flex;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 500ms ease;
}

.hamburger-concess .hamburger-concess-inner{margin-left: 2px;}
.hamburger-concess:hover .hamburger-concess-inner{margin-left: 0;}

.hamburger-concess::before,
.hamburger-concess::after{
    position: absolute;
    left: calc(50% - 2px);
    margin-left: -7px;
    content:"";
}

.hamburger-concess:hover::before,
.hamburger-concess:hover::after{left: 50%;}

.hamburger-concess::before{top: 15px;}
.hamburger-concess::after{bottom: 15px;}

#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: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: rgba(109,109,109,0.5) url(../images/up-arrow.png) no-repeat center center;
    background-size: 35%;
	border-radius: 5px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #D52B1E;
}



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


footer{background-color: #000; padding: 0 0 60px; color:#FFF; font-size: 15px; text-align: center;}

footer .ecolo{
    background-color: #333;
    margin-bottom: 18px;
    padding: 20px 30px;
    font-size: 13px;
    line-height: 17px;
    color: #B8B8B8;
}

.footer-titre-intro{
    margin-bottom: 58px;
    padding: 0 0 18px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #B5B5B5;
    border-bottom: 1px dashed #B5B5B5;
}

footer a:hover,
footer a:focus{text-decoration: none; color: #D52B1E;}

footer ul{list-style: none; margin: 0; padding: 0;}

footer .collapse-presentation{
    background: rgb(255, 255, 255);
    margin-top: 25px;
    color: #0a2d81;
    text-align: left;
}
footer .collapse-presentation *{color: #0a2d81;}
.cached-contact{
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}

.btn-contact-footer{
    cursor: pointer;
    margin-bottom: 10px;
}
.contact-footer:hover{color: #D52B1E;}

.entry-footer{max-width: 1350px; margin: 0 auto; padding: 0 25px; display: flex; justify-content: space-between; align-items: flex-start; gap: 40px;}
.entry-footer.one-contact{max-width: 1100px;}

.col-footer-magasin{
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 67%;
}

.one-contact .col-footer-magasin{justify-content: space-between; max-width: 68%;}
.footer-minisite.one-contact .col-footer-magasin{align-items: flex-start;}
.bloc-magasin-footer{width: 100%; max-width: 360px;}

.bloc-magasin-footer .bloc-magasin-footer__NomConcession{margin-bottom: 14px; font-size: 22px; text-transform: uppercase;}
.adresse-magasin-footer{display: flex; align-items: center; flex-direction: column; margin-bottom: 14px;}
.adresse-magasin-footer a{color: #FFF; display: flex; flex-direction: column;}
.adresse-magasin-footer a:hover,
.adresse-magasin-footer a:focus{color: #D52B1E;}

.tel-magasin-footer a{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    gap: 10px;
    color: #FFF;
    font-size: 22px;
    font-weight: 700;
}
.tel-magasin-footer a:hover{color: #FFF;}
.tel-magasin-footer a svg{fill:#FFF;}

.contact-magasin-footer a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 40px;
    border: 1px solid #FFF;
    border-radius: 22px;
    margin: 0 auto 30px;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Play', sans-serif;
}

.contact-magasin-footer a:hover{background-color: #FFF; color: #000;}

.horaires-magasin-footer .collapse-btn{
    background-color: #414141;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    width: calc(100% - 20px);
    padding: 12px 10px;
    border-left: none;
    border-right: none;
    border-top: 1px solid #414141;
    border-bottom: 1px solid #414141;
    font-family: 'Play', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    letter-spacing: 0.02em;
    transition: all 300ms ease;
}
.horaires-magasin-footer .collapse-btn.collapsed{background-color: transparent;}

.horaires-magasin-footer .collapse-btn.collapsed:hover{background-color: #222;}
.horaires-magasin-footer .collapse-btn:hover{background-color: #111;}

.horaires-magasin-footer .collapse-btn svg{fill:#FFF; transition: all 300ms ease;}

.horaires-magasin-footer .show .card-body{display:block;}
.horaires-magasin-footer .card-body{
    background-color: #222;
    display: block;
    padding: 25px;
    border-radius: 0 0 8px 8px;
    border-top: 1px dashed #000;
    border-bottom: none;
    border-left: none;
    border-right: none;
    text-align: left;
    font-size: 14px;
}

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

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

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

.col-footer-news{width: 30%; max-width: 264px;}

.news-footer{
    background: url(../images/img-news-footer.png) no-repeat 0 0;
    background-size: cover;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    width: calc(100% - 10px);
    min-height: 130px;
    padding: 5px;
}

.news-footer .icon-news{display: block; margin: 0 0 15px; font-size: 45px; color:#e1e1e1;}

.news-footer h4{text-transform: uppercase; font-size: 25px; line-height: 25px; margin-bottom: 4px; font-weight: 700;}
.news-footer p{margin-bottom: 15px;}

.news-footer .cta-inscrire{
    background-color: #D52B1E;
    position: absolute;
    bottom: -18px;
    left: 50%;
    z-index: 6;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 162px;
    height: 34px;
    padding-top: 1px;
    margin-left: -81px;
    border-radius: 18px;
    font-family: 'Play', sans-serif;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 300ms ease;
}
.news-footer .cta-inscrire:hover{transform: scale(1.1);}
.news-footer .cta-inscrire span{font-family: 'Inter', sans-serif;}

.news-footer .btn-newsletter{
    color: #fff;
    background-color: #D52B1E;
    position: absolute;
    bottom: -14px;
    left: 50%;
    z-index: 6;
    display: block;
    width: 120px;
    height: 32px;
    padding-top: 1px;
    margin-left: -65px;
    padding: 8px 5px;
    text-transform: uppercase;
    font-family: 'Play', sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.news-footer .cta-inscrire span{display: inline-block; margin-right: 5px; font-size: 12px;}

.flip-card {
  background-color: transparent;
  width: 100%;
  height: 164px;
  margin-bottom: 50px;
  perspective: 800px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: transform 0.6s;
  -webkit-transform-style: preserve-3d;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card .flip-card-inner.is-flipped{
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-card .flip-card-inner.is-flipped .flip-card-front{opacity: 0;}
.flip-card .flip-card-inner.is-flipped .flip-card-back{display: flex; opacity: 1;}

.flip-card-front, .flip-card-back {
    position: absolute;
    backface-visibility: hidden;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

.flip-card-back{
    background: rgb(30,87,153);
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(10,45,129,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(10,45,129,1) 100%);
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(10,45,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0a2d81',GradientType=0 );
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    padding: 5px;
    width: 100%;
    height: 100%;
    color: white;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-card-back .close-flip{
    background-color: #D52B1E;
    position: absolute;
    top: -8px;
    right: -8px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 24px;
    height: 24px;
    color: #FFF;
    border-radius: 12px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    cursor: pointer;
}

.RS-footer .flip-card-back h4{padding-top: 0; margin-bottom: 12px; font-size: 17px;}
.flip-card-back .legal-message{font-size: 11px; line-height: 13px; padding: 0 15px;}

.RS-footer .flip-card-back .inputEmail input{border-radius: 0;}

.flip-card-back .form-news{display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.flip-card-back .form-news input{
    padding: 2px 6px;
    font-size: 13px;
    height: 24px;
    width: 150px;
}

.flip-card-back .form-news button{height: 20px; padding: 4px 10px 5px; font-size: 14px;}

.information-footer h4{font-size: 14px; font-weight: 500;}

.information-footer a{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 14px 0 20px;
    font-size: 16px;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
}

.information-footer span{display: inline-block; margin-right: 8px; font-size: 40px;}

.RS-footer h4{
    padding-top: 14px;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Play', sans-serif;
}

.RS-footer .RS-footer__container{display:flex; justify-content:center; align-items:center; gap:20px;}
.RS-footer .container-rs{position: relative; display: inline-block;}
.RS-footer .container-rs__icon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background-color: #414141;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    transition: all 300ms ease;
    cursor: pointer;
}

.container-rs__icon:hover{background-color:#FFF;}
.container-rs__icon svg{fill:#FFF; transition: all 300ms ease;}
.container-rs__icon:hover svg{fill:#000;}

.container-rs .sous-container-rs{
    background: #414141;
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 55px;
    left: 50%;
    width: 200px;
    padding: 10px;
    border-radius: 6px;
    transform: translate(-50%, 0);
    transition: all 300ms ease;
}
.container-rs:hover .sous-container-rs{opacity: 1; visibility: visible; top: 40px;}
.container-rs .ico-rs{font-size: 23px; display: inline-block;}
.sous-container-rs a{font-size: 13px; line-height: 15px; color:#FFF;}
.sous-container-rs a:hover{color:#FFF; letter-spacing: 0.03em;}

.nav-footer{max-width: 960px; margin: 20px auto 0; padding: 0 20px;}
.nav-footer ul{display: flex; justify-content: center; align-items: center;}

.nav-footer ul li{padding: 0 18px;}
.nav-footer ul li:last-child{background: none;}

.copyright-yamaha{
    max-width: 1300px;
    margin: 58px auto 52px;
    padding: 25px 30px 0;
    border-top: 1px solid #FFF;
    font-size: 15px;
    line-height: 20px;
    color: #B5B5B5;
}
.copyright-yamaha .copyright-yamaha__content-ml,
.copyright-yamaha .copyright-yamaha__content{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px;}

footer .copyright-yamaha a{color: #B5B5B5;}
footer .copyright-yamaha a:hover{color: #D52B1E;}

.logo-yamaha-footer{display: flex; margin: 0 auto; max-width: 140px;}



/* --------------------- */
/* ----  Home page  ---- */
/* --------------------- */


.banner-home{position: relative; z-index: 8; margin-bottom: 0;}
.banner-home.presentation-minisite{display:none;}

.col-left-home-banner{position: absolute; top: 0; left: 0; z-index: 4; width: 388px; height: 530px; overflow: hidden;}

.col-left-home-banner .flip-card{
    perspective: 9000px;
}
.col-left-home-banner .flip-card-back{
    background: transparent;
    border: 1px solid #fff;
    justify-content: left;
    align-items: end;
}
.col-left-home-banner .flip-card-back a{color: #fff;}
.col-left-home-banner::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1065px 388px 0 0;
    border-color: #363638 transparent transparent transparent;
}

.col-left-home-banner::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -526px;
    z-index: 5;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 584px 217px 0 0;
    border-color: #f5f5f5 transparent transparent transparent;
}

.col-left-home-banner ul{
    position: relative;
    z-index: 100;
    list-style: none;
    max-width: 283px;
    margin: 30px 0 0 30px;
    padding: 0;
    text-shadow: 1px 1px 1px #000;
}

.col-left-home-banner .txt-intro{
    margin-bottom: 25px;
    font-family: 'Play', sans-serif !important;
    font-size: 16px;
    line-height: 27px;
    color:#FFF;
}
.col-left-home-banner .txt-intro strong{font-size: 20px; line-height: 31px; text-transform: uppercase; font-weight: 700;}

.show-mobile{display:none;}

.phone-banner{
    margin-bottom: 19px;
    font-family: 'Play', sans-serif !important;
    font-size: 24px;
    line-height: 24px;
    color:#FFF;
    font-weight: 700;
}

.phone-banner a{color:#FFF;}

.phone-banner span{display: inline-block; width: 20px; font-size: 17px; margin-right: 3px;}

.adresse-banner,
.horaires-banner,
.contact-header-top{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 16px;
    color:#FFF;
    cursor: pointer;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}

.adresse-banner,
.horaires-banner{margin-bottom: 12px;}

.adresse-banner span,
.horaires-banner span,
.contact-header-top span{display: block; margin-right: 8px;}

.adresse-banner span{font-size: 20px; text-align: center; width: 20px;}
.horaires-banner span{font-size: 18px;}
.contact-header-top span{font-size: 18px;}

.adresse-banner:hover,
.horaires-banner:hover,
.contact-header-top:hover,
.contact-header-top:focus{text-decoration: none; color:#ee2a24;}

.title-banner-home{
    background-color: #0a2d81;
    position: absolute;
    bottom: 114px;
    right: 0;
    z-index: 5;
    padding: 0 0 0 40px;
    margin-bottom: 0;
    min-width: 275px;
}

.title-banner-home::before{
    content: "";
    position: absolute;
    left: -28px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32.5px 0 32.5px 28px;
    border-color: transparent transparent transparent #0a2e81;
    transform: rotate(180deg);
}

.title-banner-home a{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 65px;
    font-family: 'Play', sans-serif !important;
    font-size: 20px;
    line-height: 24px;
    color:#FFF;
    font-weight: 700;
    text-transform: uppercase;
}

.title-banner-home a:hover{text-decoration: none; color: #FFF;}

.img-banner-home{background-color: #f5f5f5; position: relative; z-index: 1; display: flex; align-items: center; overflow: hidden;}
.img-banner-home img{width: 100%;}


.items-home-product{
    position: relative;
    z-index: 2;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.items-home-product .title-actus{margin-bottom: 40px; padding: 0;}

.items-home-product h3{font-size: 36px; font-weight: 700; color: #353131; margin-bottom: 54px;}

.presentation-modeles{position: relative; margin-bottom: 34px; padding-top: 22px;}

.cta-concessionnaire{
    display: inline-block;
    background-color: #000;
    padding: 15px 30px;
    border-radius: 30px;
    font-family: 'Play', sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #FFF;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 300ms ease;
}

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

.cta-concessionnaire:hover,
.cta-concessionnaire:focus{background-color: #d52b1e; text-decoration: none; color:#FFF;}

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

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

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

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

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

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

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

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

.descriptif-technique{
    background-color: #FFF;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 40px;
}

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

.descriptif-technique .nav-tabs .nav-link:hover{background-color: #DDD;}
.descriptif-technique .nav-tabs .nav-link.active:hover{background-color: #FFF;}

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

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

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

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

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

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

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

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

.content-product{position:relative; padding: 0 25px 50px;}

.content-product::after{
    background-color: #F5F5F5;
    width: 100vw;
    height: 294px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.col1-home,
.col2-home{width: 46%;}

.img-presentation-modeles .col1 a{
    max-width: 550px;
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.img-presentation-modeles .col1 a img,
.img-presentation-modeles .col3 a img{width: 100%;}

.img-presentation-modeles .col2{
    max-width: 550px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.img-presentation-modeles .col3 a{
    max-width: 294px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.img-presentation-modeles .col4 a{
    max-width: 256px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.img-presentation-modeles .col4 a img{height: 100%;}

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

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

.Vignettes-annonces__item h4,
.item-occasion h4{
    background-color: #000;
    margin:0;
    padding: 5px 15px;
    width: calc(100% - 30px);
}
.Vignettes-annonces__item h4,
.item-occasion h4 a{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    color: #FFF;
    text-transform: uppercase;
}

.Vignettes-annonces__item .img-vehicule,
.item-occasion .img-occasion{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 15px;
    width: 100%;
    height: 224px;
    border-bottom: 1px solid #000;
}

.Vignettes-annonces__item .img-vehicule .img-vehicule__permis-a2,
.item-occasion .img-occasion .img-occasion__permis-a2{
    position: absolute;
    bottom: 15px;
    right: 12px;
    z-index: 2;
    width: 34px;
}

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

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

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

.detail-annonce__price{font-size: 22px; line-height: 24px; font-weight: 700; color: #D52B1E;}
.detail-annonce .price{display: block; margin-top: 10px; font-size: 18px; line-height: 20px; font-weight: 700; color: #D52B1E;}

.detail-annonce__concession{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #6F6F6F;
    font-style: italic;
}

.detail-annonce__concession svg{fill:#6F6F6F;}

.items-home-accessoire{max-width: 1360px; margin: 90px auto 0;}
.items-home-accessoire .title-actus{padding: 0 0 40px;}

.title-accessoires-home{display: flex; justify-content: space-between; align-items: center; margin-bottom: 54px; margin-top: 57px;}

.title-accessoires-home h3{font-size: 36px; font-weight: 700; color: #353131; width: 72%; position: relative;}

.title-accessoires-home h3::after{
    background-color: #353131;
    position: absolute;
    top: 25px;
    right: 0;
    content: "";
    width: 74%;
    height: 1px;
}

.voir-tous-les-accessoires{
    border: 1px solid #363638;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 308px;
    height: 45px;
    font-family: 'Play', sans-serif !important;
    font-size: 20px;
    line-height: 20px;
    color: #363638;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.voir-tous-les-accessoires:hover,
.voir-tous-les-accessoires:focus{text-decoration: none; background-color: #363638; color:#FFF;}

.voir-tous-les-accessoires span{display: inline-block; margin-left: 10px; padding-top: 1px; font-size: 15px; line-height: 20px;}

.items-home-accessoire ul{display: flex; justify-content: center; align-items: stretch; gap: 35px; list-style: none; margin: 10px 0 0; padding: 0;}

.item-accessoire{
    position: relative;
    background-color: #FFF;
    width: 22%;
    overflow: hidden;
    box-shadow: 0 2px 24px rgba(0,0,0,0.15);
    transition: all 500ms ease;
}

.item-accessoire:hover,
.item-accessoire:focus{transform: translateY(-4px);}

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

.img-accessoire img{width: 100%;}

.txt-item-access{padding: 15px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.txt-item-access h4{font-size: 15px; line-height: 18px; color: #000; font-weight: 700; margin-bottom: 10px;}
.txt-item-access .price{display: block; font-size: 20px; font-weight: 700; color:#D52B1E;}

.content-actus{background-color: #F5F5F5; padding: 80px 0 50px;  margin-bottom: 90px; width: 100vw; overflow: hidden;}

.title-actus{
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 25px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-actus h3{font-size: 34px; color:#000; font-weight: 700; margin-bottom: 0; text-transform: uppercase;}

.voir-toutes-les-actus{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: #D52B1E;
}

.voir-toutes-les-actus svg{fill: #D52B1E; transition: all 300ms ease;}

.voir-toutes-les-actus:hover svg,
.voir-toutes-les-actus:focus svg{fill: #000;}

.voir-toutes-les-actus:hover,
.voir-toutes-les-actus:focus{text-decoration: none; color:#000; margin-right: -6px;}

.voir-toutes-les-actus span{display: block;}

.content-actus .liste-actu{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
}

.content-actus .liste-actu li{width: 50%;}

.content-actus .liste-actu li:first-child{border-right: 1px solid #FFF;}

.img-actu{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    max-height: 450px;
    position: relative;
}

.img-actu .en-savoir-plus{
    background-color: rgba(238,46,36,0.8);
    border: 1px solid #0a2d81;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 144px;
    height: 40px;
    margin-top: -10px;
    margin-left: -72px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Play', sans-serif !important;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #FFF;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.img-actu a:hover .en-savoir-plus,
.img-actu a:focus .en-savoir-plus{background-color: rgba(238,46,36,1); width: 150px; letter-spacing: 0.04em; margin-left: -75px;}

.img-actu .en-savoir-plus span{display: inline-block; margin-left: 8px; font-size: 14px;}

.content-actus .liste-actu li h4{margin-bottom: 0;}

.content-actus .liste-actu li h4 a{
    background-color: #0a2d81;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 10px;
    font-size: 22px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.content-actus .liste-actu li h4 a:hover,
.content-actus .liste-actu li h4 a:focus{background-color: #071c50; text-decoration: none; color:#FFF;}

section.content-avantages{padding: 80px 25px 90px;}

.items-avantages{max-width: 1360px; margin: 0 auto;}
.items-avantages h3{font-size: 34px; line-height: 36px; font-weight: 700; margin-bottom: 45px; text-transform: uppercase;}

.items-avantages .liste-avantages{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
}

.items-avantages .liste-avantages a{
    position: relative;
    display: flex;
    width: 30%;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.32);
}

.items-avantages .liste-avantages a::before{
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 70%;
    content: "";
}

.items-avantages .liste-avantages a h4{
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 3;
    margin-bottom: 0;
    font-size: 15px;
    color: #FFF;
    font-weight: 400;
    transform: translateY(56px);
    transition: all 400ms ease;
}
.items-avantages .liste-avantages a:hover h4,
.items-avantages .liste-avantages a:focus h4{transform: translateY(-5px);}

.items-avantages .liste-avantages a h4 strong{
    font-family: 'Play', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.items-avantages .liste-avantages a h4 span{
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 140px;
    height: 30px;
    margin-top: 20px;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    opacity: 0;
    text-transform: uppercase;
    transition: all 300ms ease;
}

.items-avantages .liste-avantages a:hover h4 span,
.items-avantages .liste-avantages a:focus h4 span{opacity: 1;}

.items-avantages .liste-avantages a h4 span:hover{background-color: #d52b1e; color:#FFF;}
.items-avantages .liste-avantages a h4 span svg{fill:#000; transition: all 300ms ease;}
.items-avantages .liste-avantages a h4 span:hover svg{fill:#FFF;}

.items-avantages .liste-avantages a img{width: 100%; position:relative; z-index:1; object-fit:cover;}

.presentation-concessionnaire{
    max-width: calc(1200px - 50px);
    margin: 0px auto 90px;
    padding: 0 25px;
    display: flex;
    justify-content: flex-end;
}

.presentation-concessionnaire.presentation-concessionnaire__minisite{
    background: linear-gradient(to bottom, rgb(0, 0, 0) 9%,rgb(2, 34, 50) 100%);
    max-width: inherit;
    margin: 1px 0 0;
    padding: 90px 25px;
    display: flex;
    justify-content: center;
    border-top: 1px solid #00214b;
    border-bottom: 1px solid #4b0000;
    box-shadow: 0 3px 20px rgba(0,0,0,0.5);
    position: relative;
    z-index: 2;
}
.presentation-concessionnaire.presentation-concessionnaire__minisite.hidden-minisite{display:none;}
.presentation-concessionnaire__minisite.presentation-concessionnaire .content-presentation{max-width: 1200px; color: #EAEAEA;}
.presentation-concessionnaire__minisite .content-presentation .txt1 h1,
.presentation-concessionnaire__minisite .content-presentation h2{color:#FFF; text-align:left;}
.presentation-concessionnaire__minisite .content-presentation h2{font-size: 18px;}
.presentation-concessionnaire__minisite .content-presentation .container-txt1 .CLArticle a{color: #EAEAEA; text-decoration: underline;}
.presentation-concessionnaire__minisite .content-presentation .container-txt1 .CLArticle a:hover{color: #d52b1e; text-decoration: none;}
.presentation-concessionnaire__minisite .txt1 .txt1__contact .txt1__tel a{background-color: #FFF; color:#000;}
.presentation-concessionnaire__minisite .txt1 .txt1__contact .txt1__adresse a svg,
.presentation-concessionnaire__minisite .txt1 .txt1__contact .txt1__tel a svg{fill:#000;}
.presentation-concessionnaire__minisite .txt1 .txt1__contact .txt1__adresse a:hover svg{fill:#FFF;}
.presentation-concessionnaire__minisite .txt1 .txt1__contact .txt1__adresse a{background-color: #FFF;}
.presentation-concessionnaire__minisite .txt1 .txt1__contact .txt1__adresse a:hover{background-color: #d52b1e;}
.presentation-concessionnaire__minisite .txt1 .txt1__contact .txt1__page-contact a{border: 1px solid #FFF; color:#FFF;}
.presentation-concessionnaire__minisite .txt1 .txt1__contact .txt1__page-contact a:hover{border: 1px solid #d52b1e;}

.content-detail.content-detail__minisite{padding-bottom: 100px;}

.presentation-concessionnaire .content-presentation{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    gap: 30px;
    width: 100%;
    font-size: 14px;
    line-height: 19px;
    color: #333;
    text-align: justify;
}

.content-presentation .txt1{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 524px;
}
.content-presentation .txt1 h1{font-size: 28px; text-align:left;}
.content-presentation .txt1 a{display: flex;}
.content-presentation .txt1 a img{width: 100%;}

.content-presentation .txt1 p{font-size: 14px;}

.content-presentation p{margin-bottom: 0;}

.content-presentation .txt1 .txt1__contact{
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.content-presentation .txt1 .txt1__contact.un-concessionnaire{gap: 15px;}

.page-contact{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
}
.page-contact__col1{display: flex; flex-direction: column; gap: 22px; flex-grow: 1;}
.page-contact__col1 h1{margin-top: 22px; margin-bottom: 5px;}

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

.page-contact__tel{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: #D52B1E;
}

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

.page-contact__horaires h4,
.page-contact__rs-links h4{
    width: 100%;
    text-transform: uppercase;
    font-family: 'Play', sans-serif;
}

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

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

.page-contact__col2{
    background-color: #FFF;
    max-width: 380px;
    border: 1px solid #E6E6E6;
    padding: 30px 40px;
}

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

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

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

.txt1 .txt1__contact .txt1__tel a{
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 44px;
    border-radius: 22px;
    transition: all 300ms ease;
    padding: 0 20px;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
}

.txt1 .txt1__contact .txt1__tel a:hover{text-decoration:none !important;}

.txt1 .txt1__contact .txt1__adresse a,
.txt1 .txt1__contact .picto-show-detail{
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    cursor: pointer;
    transition: all 300ms ease;
}
.txt1 .txt1__contact .txt1__adresse a:hover,
.txt1 .txt1__contact .picto-show-detail:hover{background-color: #d52b1e; text-decoration:none;}
.txt1 .txt1__contact .txt1__tel a svg,
.txt1 .txt1__contact .txt1__adresse a svg,
.txt1 .txt1__contact .picto-show-detail svg{fill:#FFF;}

.txt1 .txt1__contact .txt1__page-contact a,
.txt1 .txt1__contact .cta-show-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 175px;
    height: 44px;
    border-radius: 24px;
    border: 1px solid #000;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 300ms ease;
}

.txt1 .txt1__contact .txt1__page-contact a:hover,
.txt1 .txt1__contact .cta-show-detail:hover{
    background-color: #d52b1e;
    border: 1px solid #d52b1e;
    color:#FFF;
    text-decoration:none !important;
}

.cta-en-savoir-plus{
    background-color: #0a2d81;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 30px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 16px;
    color:#FFF;
    font-weight: 700;
    font-family: 'Play', sans-serif !important;
}

.cta-en-savoir-plus span{display: inline-block; font-size: 12px; margin-left: 8px;}

.cta-en-savoir-plus:hover,
.cta-en-savoir-plus:focus{text-decoration: none; color:#FFF; width: 155px; letter-spacing: 0.03em;}

.more-information{width: 100%; max-width: 554px;}

.more-information ul{
    background-color: #363638;
    position: static;
    top:0;
    left: 0;
    right: 0;
    z-index: 3;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'Play', sans-serif !important;
    color:#FFF;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}

.more-information ul li{padding: 0 8px;}
.more-information ul span{color: #D52B1E;}
.more-information ul .icon-phone{font-size: 17px;}
.more-information .tel-info{min-width: 158px;}
.more-information .tel-info a{color:#FFF;}
.presentation-concessionnaire .content-presentation .more-information .tel-info a:hover {text-decoration: none !important;}

.more-information .adresse-info,
.more-information .horaires-info{cursor: pointer;}

.more-information .owl-carousel.owl-theme .owl-dots{bottom: 20px;}
.more-information .owl-theme .owl-dots .owl-dot span{
    width: 12px;
    height: 12px;
    margin: 0;
}

.show-more-detail{
    background: rgb(30,87,153);
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(10,45,129,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(10,45,129,1) 100%);
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(10,45,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0a2d81',GradientType=0 );
    position: absolute;
    top:-266px;
    left: 0;
    right: 0;
    z-index: 2;
    width: 380px;
    height: 266px;
    padding-top: 40px;
    color:#FFF;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.active-detail-info2 .show-more-detail,
.active-detail-info .show-more-detail{top:0px;}

.horaires-detail2.active-detail,
.plan-acces-detail2.active-detail,
.horaires-detail2.active-detail2,
.plan-acces-detail2.active-detail2{display: flex;}

.plan-acces-detail2{
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.plan-acces-detail2 a{
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 35px;
    margin-top: 20px;
    margin-bottom: 10px;
    color:#0a2d81;
}

.more-information .cta-header-top:hover,
.plan-acces-detail2 a:hover,
.plan-acces-detail2 a:focus{text-decoration: none; color:#0a2d81;}

.more-information .closebtn{border-radius: 0; right: 0;}

.active-detail-info2 .closebtn,
.active-detail-info .closebtn{top: 40px; opacity: 1;}

.horaires-detail2{
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
}

.more-information .cta-header-top{
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    color:#0a2d81;
    font-size: 18px;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    cursor: pointer;
}

.section-gamme{background-color:#F5F5F5; width: 100vw; overflow: hidden; padding: 30px 0 0;}
.content-detail{background-color:#F5F5F5; overflow: hidden;}


.items-home-product .liste-occasions{max-width: 1400px;}
.items-home-product .liste-occasions .owl-stage-outer{padding: 10px 0;}
.liste-occasions.owl-carousel.owl-theme .owl-dots{position: initial;  transform: none;  justify-content: center; margin-top: 30px;}
.liste-occasions.owl-carousel.owl-theme .owl-dots .owl-dot span{background-color:#D9D9D9; border: 1px solid #CACACA;}
.liste-occasions.owl-carousel.owl-theme .owl-dots .owl-dot:hover span,
.liste-occasions.owl-carousel.owl-theme .owl-dots .owl-dot.active span{background-color:#000; border: 1px solid #000;}




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


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

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

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

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

.bandeau-advanced-search{
    background: url(../images/bandeau-header-occasion-yam.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 60px 30px 80px;
}

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

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

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

.form-detail-product-contact .form-search__wrapper{
	background-color: #FFF;
    position: relative;
    z-index: 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 24px;
    padding: 30px 35px;
    border-radius: 20px;
    max-width: 650px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

.form-search__wrapper .dropdown-container.show-detail-list .dropdown-button .dropdown-arrow,
.dropdown-container .dropdown-button:hover .dropdown-arrow{fill:#D52B1E;}

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

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

.form-search__wrapper #resetButton:hover,
.form-search__wrapper #searchButton:hover{background-color: #000;}

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

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

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

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

.dropdown-container .dropdown-list .checkbox-wrap:hover{color: #D52B1E;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.CLPagintation .select-items div:hover,
.CLAnnonceFiltre .select-items div:hover,
.custom-select .select-items .same-as-selected{background-color: #000; color:#FFF;}


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

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

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

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

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

.switch:hover input:checked + .switch-slider,
input:checked + .switch-slider{background-color: #D52B1E;}
input:focus + .switch-slider{box-shadow: 0 0 1px #D52B1E;}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.Vignettes-annonces__item{
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	width: 22.7%;
	padding-bottom: 18px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	overflow: hidden;
	transition: all 300ms ease;
}
.Vignettes-annonces__item:hover{
	transform: translateY(-5px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

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

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

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

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

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

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

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

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

.breadcrumb-yamaha a{font-family: 'Play', sans-serif !important; font-size: 16px; line-height: 20px; color:#333333; transition: all 300ms ease;}
.breadcrumb-yamaha a:hover{color: #D52B1E;}
.breadcrumb-yamaha span{display: inline-block; margin-right: 8px; font-size: 14px;}

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

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

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

.photos-vehicule__A2{
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 2;
    max-width: 60px;
}

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

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

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

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

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

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

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

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

.reassurances{
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    padding: 30px 40px 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

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

.reassurances .reassurances__assurance,
.reassurances .reassurances__finance{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 25px;
    width: 48%;
}

.reassurances .reassurances__assurance a,
.reassurances .reassurances__finance a{text-decoration: none; color:#000;}

.reassurances .reassurances__assurance img,
.reassurances .reassurances__finance img{width: 100%;}

.reassurances .reassurances__assurance img{max-width: 318px;}
.reassurances .reassurances__finance img{max-width: 269px;}

.reassurances .reassurances__CTA{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 44px;
    border: 1px solid #000;
    border-radius: 26px;
    gap: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    text-align: center;
    min-width: 270px;
}
.reassurances .reassurances__CTA:hover{background-color: #000; color:#FFF;}
.reassurances .reassurances__CTA svg{fill: #000; margin-top:1px; transition: all 300ms ease;}
.reassurances .reassurances__CTA:hover svg{fill:#FFF;}

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

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

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

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

.form-contact-product{background-color: #FFF; padding: 25px 30px; position: relative;}

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

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

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

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

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

.form-contact-product .contact-info-product .plan-info-product a:hover,
.form-contact-product .contact-info-product .plan-info-product a:focus{color: #D52B1E; text-decoration: none;}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.list-option-detail-product .cta-white{
    background-color: #FFF;
    border: 1px solid #0a2d81;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0px;
    font-family: 'Play', sans-serif !important;
    font-size: 15px;
    line-height: 24px;
    color: #0a2d81;
    font-weight: 700;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;  
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col1-detail-info .info-plus{
    padding: 20px;
    background-color: #E8E8E8;
    border: 1px dashed #BBB;
    margin-top: 40px;
}


/* -------------------- */
/* --- Page magasin --- */
/* -------------------- */




.content-etablissement{
    background-color:#333;
    padding: 80px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.content-etablissement h2{
    font-size: 36px;
    text-transform: uppercase;
    line-height: 40px;
    color: #FFF;
}

.content-etablissement__container-employes{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.content-etablissement .liste-employes{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #c2c0c0;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.content-etablissement .liste-employes li{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
}

.content-etablissement .liste-employes strong{font-weight: 700; color: #FFF;}

.img-employes{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    border-radius: 80px;
    overflow: hidden;
    border: 1px solid #000;
    margin-bottom: 16px;
}

.img-employes img{width: 100%;}

.txt-presentation-etablissement{
    max-width: 1170px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 22px;
    color:#c2c0c0;
    text-align: center;
}

.txt-presentation-etablissement .txt-intro{color: #FFF;}

.coordonnee-concessionnaire{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    max-width: 1350px;
    margin: 100px auto;
    padding: 0 30px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}

.coordonnee-concessionnaire .img-concession{width: 38%;}
.coordonnee-concessionnaire .img-concession img{height: 390px; object-fit: cover; border-radius: 12px;}

.coordonnee-concessionnaire .block-adresse{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}
.coordonnee-concessionnaire .coordonnee-concessionnaire__logo{
    background-color:#FFF;
    margin-bottom: 20px;
    padding: 8px 15px;
    border-radius: 10px;
    border: 1px solid #ECECEC;
    overflow: hidden;
}
.coordonnee-concessionnaire .logo-concessionnaire{max-height: 125px;}

.tel-concessionnaire{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
    font-family: 'Play', sans-serif !important;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    color: #D52B1E;
}

.tel-concessionnaire span{padding-top: 1px; display: inline-block; margin-right: 10px; font-size: 17px; color:#D52B1E;}

.horaires-concessionnaire{cursor: pointer; margin: 10px 0; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.horaires-concessionnaire span{display: inline-block; margin-right: 6px;}

.horaires-concessionnaire:hover,
.horaires-concessionnaire:focus{color:#D52B1E;}

.horaires-detail-magasin{
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15);
    width: 24%;
    padding: 30px 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-radius: 12px;
    min-width: 280px;
}

.popin-horaires-detail{
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15);
    position: static;
    top:  calc(50% - 59px);
    right: -1000px;
    width: 334px;
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    transition: all 400ms ease;
    text-align: center;
}

.activepopin .popin-horaires-detail{right: 0;}

.form-contact-product .popin-horaires-detail{bottom: inherit; top: 0px; right: 0; width: 362px; opacity: 0;}

.form-contact-product.activepopin .popin-horaires-detail{top: 30px; opacity: 1;}

.closepopin{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #D52B1E;
    width: 30px;
    height: 30px;
    color: #FFF;
    font-size: 30px;
    line-height: 27px;
    position: absolute;
    right: 0;
    top: -30px;
    cursor: pointer;
}

.cta-ecrire-concessionnaire {
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 222px;
    margin: 20px auto 0;
    padding: 12px 5px 12px 10px;
    border-radius: 24px;
    font-family: 'Play', sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #FFF;
    transition: all 300ms ease;
    cursor: pointer;
}

.cta-ecrire-concessionnaire span {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
}

.cta-ecrire-concessionnaire:hover,
.cta-ecrire-concessionnaire:focus {
    background-color: #D52B1E;
    text-decoration: none;
    color: #FFF;
}
.picto-rouge .fas,
.picto-rouge .fab,
.picto-rouge .far{color: #D52B1E; font-size: 20px;}

.fa-space{margin-right: 7px;}
.fa-right{margin-left: 7px; margin-top: 3px;}

.content-presentation h2 {
    display: block;
    font-weight: 700;
    color: #0a2d81;
    margin: 0;
    margin-bottom: 15px;
    font-size: 14px;
}
.img-float-left{
    float: left;
    max-width: 565px;
    margin-right: 40px;
    margin-bottom: 20px;
}
.img-float-right{
    float: right;
    max-width: 565px;
    margin-left: 40px;
    margin-bottom: 20px;
}
.content-presentation .txt1 p{width: 100%;}
.content-presentation .txt1{text-align: justify;}
.form-group-center {margin: 17px 10px;}
.CLPagintation {padding-top: 20px;}

.CLPagintation > *:first-child {
  background-color: rgba(0, 0, 0, 0);
  color: black;
  border: 0px;
}
.CLPagintation > *:nth-child(2) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.CLPagintation > *:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.CLPagintation .ative {
  background-color: white;
  color: #363638;
}
.CLbtn {
  margin: 10px;
  padding: 6px;
  position: relative;
  color: #0a2d81;
  background-color: white;
  top: 8px;
  text-align: center;
  border-radius: 6px;
}
.active {background-color: #363638; color: white;}
.bg-white {background-color: white;}
.custom-select2-liste {margin: 17px;}
.moto-card{text-align: center;}
.a2logo{margin-left: -3px;}
.moto-card {
  font-family: "Play", sans-serif !important;
  color: #000;
  text-decoration: none;
  background-color: white;
  margin: 10px;
}
.moto-card:hover .moto-card-head h5,
.moto-card .moto-card-head h5 {
  padding-bottom: 10px;
  margin: 0;
}
*:hover {text-decoration: none !important;}
.moto-card .moto-card-head h3 {padding-top: 17px;}

.moto-card:hover .moto-card-head,
.moto-card:hover .moto-card-head h3,
.moto-card:hover .moto-card-head h5,
.moto-card:hover .moto-card-foo {
  text-decoration: none !important;
  transition-duration: 0.5s;
  color: white;
}
.moto-card .moto-card-head,
.moto-card .moto-card-head h3,
.moto-card .moto-card-head h5,
.moto-card .moto-card-foo{text-decoration: none !important;}
.moto-card:hover .moto-card-head{background-color: red;}
.moto-card .moto-card-foot .left{color: red;}
.moto-card .moto-card-foot .bottom{padding: 10px 0;}
.moto-card .moto-card-foot .left,
.moto-card .moto-card-foot .right {
  display: inline-block;
  padding: 10px 0;
  min-width: 48%;
}
.first-select-left {margin-left: 0;}
.card-img-top {padding: 0; margin: 0;}
.CLAncienPrix {text-decoration: line-through;}
.submit-form {margin: 0px 30px 15px 0px;}
.checkbox-text{ font-size: 14px;}
.checked{margin-top: 23px;}
.custom-select2 .form-group{display: none;}

.list-option-detail-product .reserver-votre-essai .picto-reserv::before{display: none;}
.select2-container--default .select2-selection--single{
    border-radius: 0;
    -webkit-border-radius: 0;
    height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 4px;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{offset: none;}

.contact-header{position: relative;}
.submenu-contact{
    position: absolute;
    top: 27px;
    left: -10px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 5px 0;
    background: rgba(54, 54, 56, 1);
    min-width: 265px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    border-top: 4px solid #D52B1E;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px);
    transition: all 500ms ease;
}
.contact-header:hover .submenu-contact {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
}

.nav-header-top .RS .submenu-contact{left: inherit; right: 0;}
.nav-header-top .contact-header ul li{
    display: block;
    width: 100%;
}
.nav-header-top .contact-header ul li a{
    display: block;
    padding: 5px 14px;
    width: 100%;
    color: #FFF;
    text-transform: uppercase;
}
.nav-header-top .contact-header ul li a:hover{background: #000;}
.submenu-contact ul{
    display: block;
    width: 100%;
}
.concess-horaire{font-size: 15px;}
.horaires-li{padding: 15px;}
.collapse-presentation .card{
    background: transparent;
    color: #fff;
    padding: 0;
    border: 0;
    margin-bottom: 15px;
    font-size: 13px;
}
.collapse-presentation .card a{
    color: #e1e1e1;
    display: block;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    display: block;
    padding: 6px 24px;
    width: 100%;
}
.collapse-presentation .card a:hover{color: #D52B1E;}
.content-presentation .item{
    background: #fff;
    padding: 0;
}

.nav-header-top li span {
    display: inline-block;
    margin-right: 12px;
    font-size: 13px;
    line-height: 17px;
}
.ville-footer{color: #363638 !important;}
.content-detail .col-full-concessionnaire{
    width: 100%;
    max-width: none;
}
#collapse-horaires{max-width: 274px;}
.bloc-logo-magasin{
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 185px;
    padding: 15px;
    border-radius: 10px;
}
.titre-article-magasin {
    width: 100%;
    text-align: center;
    margin: 0;
    padding:50px 30px 30px;
    color: #000;
    font-size: 36px;
}
.tr-form__fields .row{padding-bottom: 15px;}
.border-bottom-newsletter{
    border-bottom: 2px solid black;
    margin-bottom: 65px;
    padding-bottom: 20px !important;
}
.confirm-contact input[type='checkbox']{
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.nom-concess-magasin{font-size: 25px; line-height: 27px;}

.btn-conf {
    margin-bottom: 12px;
    display: inline-block;
    font-size: 11px;
    color: #000;
}
a.btn-conf:hover{
    color: #071c50;
    text-decoration: underline !important;
}
.btn-ami{
    font-size: 11px;
    border-radius: 0;
    margin-left: 20px;
}

.col1-concessionnaire .infos-principales,
.col2-concessionnaire .infos-principales,
.col2-concessionnaire .infos-contact,
.col2-concessionnaire .Vehicule-Form{
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #E6E6E6;
    padding: 30px 40px 28px;
}

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

.col1-concessionnaire .infos-principales h2,
.col2-concessionnaire .infos-principales h1{
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}

.infos-principales__price{
    font-family: 'Play', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    color: #D52B1E;
    margin-top: -8px;
}

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

.infos-principales__labels span{
    background-color: #000;
    display: flex;
    align-items: center;
    padding: 0 14px;
    height: 34px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    border-radius: 17px;
}

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

.infos-contact .infos-contact__adresse{display: flex; align-items: flex-start; gap: 20px;}
.infos-contact__adresse-detail h4{
    margin-bottom: 3px;
    font-family: 'Play', sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.infos-contact__adresse-detail h4 strong{
    display: block;
    margin-top: 4px;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Ubuntu', sans-serif;
}
.infos-contact__adresse-detail{color: #000;}

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

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

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

.page-contact__rs-links a,
.infos-contact__links li button,
.infos-contact__links li a{
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
}
.page-contact__rs-links a:hover,
.infos-contact__links li button:hover,
.infos-contact__links li a:hover{background-color: #D52B1E;}

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

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

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

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

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

.Vehicule-Form .gform_fields .gfield.message-form-occasions .gfield_label,
.Vehicule-Form .gform_fields .gfield .gfield_label.formTop{
    font-size: 12px;
    padding: 0;
    top: -18px;
    left: 10px;
    color: #363638;
}

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

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

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

.Vehicule-Form .read-pc{font-size: 13px; color: #000;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal-body form .valid-form .CTA-Submit:hover,
.Vehicule-Form .CTA-Submit:hover{background-color: #000;}


.contact-info {padding: 0 17px !important;}
a.a-newsletter{color: #fff;}
a.a-newsletter:hover{color: #fff;}

.critair-cl{margin-top: -25px;}

.force-center{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.moto-card-overflow{
    overflow: hidden;
    position: relative;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0;
    background: url(../images/owl-video-play.png) no-repeat center;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease; 
}

.ariane{padding: 50px 0 32px;}
.container-ariane{background: #F5F5F5;}
.ariane a:hover{text-decoration: underline !important;}
.ariane .fas{
    margin: 0 7px;
    font-size: 15px;
}


.head-fiche {margin-top: -1px !important;}
.fiche-gamme .breadcrumb-yamaha {margin: 0 auto 11px;}
.header-gamme-details{display: flex; align-items: baseline;}
.head-fiche.gamme-fiche-header .prix {margin-bottom: 0;}
.head-fiche.gamme-fiche-header .titre {margin: 0px 24px 0px !important;}
.fiche-serie .list-option-detail-product .cta-white{
    padding: 15px 10px;
    margin-right: 20px;
    margin-top: 20px
}

.prix-accessoire{
    display:flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
}
.acces-barre {
    display: block;
    font-size: 13px;
    text-decoration: line-through;
    color: #000;
    text-align: center;
}
.acces-prix{
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #D52B1E;
    text-align: center;
}
.marque-accessoire{font-size: 15px; padding-top: 5px;}
h2.titre-page{margin-bottom: 0; margin-top: 15px;}
.CLArticle{margin-top: 30px;}
.concession-page .CLArticle{margin-top: 0; padding-top: 25px;}
.concession-page h2.titre-page{
    margin: 40px auto 0;
    width: calc(100% - 60px);
    max-width: 1170px;
    text-align: left;
}
.image-seule{text-align: center;}
.image-seule .img-responsive{max-width: 100%; width: auto;}
.concession-page .MagasinArticle p{display: inherit; margin-bottom: 0px;}
.concession-page .MagasinArticle a{color: #000;}
.concession-page .MagasinArticle a:hover{
    color: #000;
    text-decoration: underline !important;
}
.form-contact-product .label-checkbox{text-align: left;}
.form-contact-product .confirm-contact{justify-content: left;}
.presentation-concessionnaire .content-presentation a:hover{text-decoration: underline !important;}
.link-accessoires .titre-accessoire{
    font-size: 15px;
    line-height: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    padding: 5px 15px 0;
    text-align: center;
}
.link-accessoires .voir-tout-occasions{margin-top: 10px;}
.vignette-acce{background: #fff;}
.vignette-acce:hover {
    box-shadow: 0 0 4px #000;
    transition-duration: 0.5s;
}
.fiche-accessoire .border{background: #fff;}
.text-center{text-align: center;}
.fiche-accessoire .vignette, .img-responsive {
    width: auto; 
    max-width: 100%;
    margin: 0 auto;
}
.fiche-accessoire .col1-concessionnaire img {
    width: auto;
    max-width: 100%;
}
.pas-annonce{
    text-align: center;
    font-weight: bold;
    color: #0a2d81;
}
.txt-intro h1{font-size: 20px;}
.btn-newsletter{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.fb-newsletter .fab {
    font-size: 25px;
    color: #24478c;
    margin-right: 6px;
}
.in-newsletter .fab {
    font-size: 25px;
    color: #e21414;
    margin-right: 6px;
}
.tw-newsletter .fab {
    font-size: 25px;
    color: #1da1f2;
    margin-right: 6px;
}
.center-vertical{
    display: flex;
    align-items: center;
    justify-content: center;
}
.permis-a2-liste{
    position: absolute;
    top: 15px;
    right: 15px;
}
.MagasinArticle .img-float-right,
.MagasinArticle .img-float-left{max-width: 388px;}
.content-accessoire{padding: 0 25px;}
.btn-droite{float: right;}
.border-separation {border-top: 2px solid black;}

.concession-page .content-avantages .items-avantages {
    margin-top: 0;
    padding-top: 30px;
}

#h1{opacity: 0;}
.CLArticle a:hover{text-decoration: underline;}
.concession-page .txt-presentation-etablissement{color: #000;}

.content-detail__vtous .container-article,
.content-detail__vn .container-article,
.content-detail__vo .container-article{
    max-width: 1350px;
    margin: 0 auto;
    padding: 60px 30px 0;
}

.content-detail__default .container-article{margin-bottom: 50px; padding-top: 50px; border-top: 1px dashed #000;}
.content-detail__default .container-article:first-child{padding-top: 0; border-top:none;}
.content-detail__default .container-article .titre-page{margin-top:0; text-transform: uppercase;}
.container-article{font-size: 16px; line-height: 24px;}
.container-article.hidden-article{display:none;}
.container-article a{color: #0a2d81;}
.container-article a:hover{text-decoration: underline !important;}
.actualites-detail-title{margin-bottom: 50px; text-align: center; font-size: 40px; line-height: 46px;}
.detail-actu .actualites-detail-title{
    display:flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-top: 64px;
}
.actualites-detail-title .date-actu{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #888;
}

.show-more-detail{display: none;}
.container-txt1{padding: 0;}
.container-txt1 .CLArticle{margin-top: 0; margin-bottom: 0;}

.fiche-accessoire .form-contact-product h3{padding-bottom : 16px;}
.fiche-accessoire #h1-html{margin-top: 6px;}
.header-minisite #nav-header{top: 0;}

.position-img-actu{display: flex; justify-content: space-between; gap: 40px;}
.position-img-actu.position-img-adroite{flex-direction: row-reverse;}
.position-img-actu.position-img-agauche{flex-direction: row;}
.position-img-actu.position-img-enbas{flex-direction: column-reverse; align-items: center; max-width: 960px; margin: -15px auto 0;}
.position-img-actu.position-img-enhaut{flex-direction: column; align-items: center; max-width: 960px; margin: -30px auto 0;}

.detail-actu .position-img-enbas .actualite-txt-rs,
.detail-actu .position-img-enhaut .actualite-txt-rs{display: flex; flex-direction: column; align-items: center;}
.detail-actu .position-img-enbas .actualite-txt-rs .infos-contact__links,
.detail-actu .position-img-enhaut .actualite-txt-rs .infos-contact__links{justify-content: center; width: 100%;}

.position-img-actu .actualite-img{width: 50%;}
.position-img-actu.position-img-enhaut .actualite-img,
.position-img-actu.position-img-enbas .actualite-img{width: 100%;}


.g-recaptcha{display: flex; justify-content: center;}
.display-none{display: none!important;}

a:hover .actualites-titre,
.actualites-titre:hover{color : #D52B1E;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {top: 56%;}

.icone-a2{position: relative; top: -5px;}

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

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

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

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

.form-group-center {
  text-align: center;
  padding-top: 10px;
}

.CLbtn {
    margin: 10px;
    padding: 6px;
    position: relative;
    color: #0a2d81;
    background-color: white;
    top: 8px;
    text-align: center;
    border-radius: 6px;
}
.active {background: none; color: #D52B1E;}
.active a{color: #D52B1E;}

.bg-white {background-color: white; padding: 15px;}
.custom-select2-liste {margin: 17px;}
.moto-card {text-align: center;}
.a2logo{margin-left: -3px; margin-top: 15px!important;}

.moto-card {
    font-family: "Play", sans-serif !important;
    color: #000;
    text-decoration: none;
    background-color: white;
    margin: 10px;
}
.moto-card:hover .moto-card-head h5,
.moto-card .moto-card-head h5 {
    padding: 10px;
    margin: 0;
    margin-top: -15px;
    display: flex;
    align-items: center;
    font-size: 17px;
    justify-content: center;
}
.moto-card:hover{box-shadow: 0 0 4px #000; transition-duration: 0.5s;}
*:hover {text-decoration: none !important;}

.moto-card .moto-card-head h3 {
    padding: 15px 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 26px;
}

.moto-card:hover .moto-card-head,
.moto-card:hover .moto-card-head h3,
.moto-card:hover .moto-card-head h5,
.moto-card:hover .moto-card-foo {
    text-decoration: none !important;
    transition-duration: 0.5s;
    color: white;
}
.moto-card .moto-card-head,
.moto-card .moto-card-head h3,
.moto-card .moto-card-head h5,
.moto-card .moto-card-foo {
    text-decoration: none !important;
}
.moto-card:hover .moto-card-head {background-color: #0a2d81;}
.moto-card .moto-card-foot .left {color: red;}

.price-neuf{
    font-size: 23px;
    padding: 10px 0px 0px 0px;
}
.moto-card .moto-card-foot .bottom{padding: 10px 0;}

.moto-card .moto-card-foot .left,
.moto-card .moto-card-foot .right {
    display: inline-block;
    padding: 10px 0;
    min-width: 48%;
}
.first-select-left {margin-left: 0;}

.card-img-top {padding: 0; margin: 0;}

.CLAncienPrix {text-decoration: line-through;}
.submit-form {margin: 0px 0 15px 0px;}

.checkbox-text {
    font-size: 13px;
    position: relative;
    top: 1px;
}
.checked {margin-top: 8px;}



/* actualites*/
.show {display: flex !important;}

.content {padding: 45px 0 10px;}

.contact-text{
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;}
.content-contacter {
  background-color: #f5f5f5;
}
.actualites-container {
  width: 100%;
  padding: 0 !important;
}

.actualites-contacter-title {
  width: 100%;
  margin-top: 13px;
  padding-bottom: 21px;
  border-bottom: 2px solid black;
}

input {font-family: Arial;}

.btn-actualites {
    color: white;
    background-color: #000;
    border-radius: 0;
    white-space: normal;
}
.btn-actualites:hover {
    color: white;
    background-color: #d52b1e;
}

.btn-actualites:hover a {color: white;}

.actu-container{
    background: white;
    margin: 15px;
    position: relative;
    height: auto !important;
    padding-bottom: 20px;
    border: 1px solid #fff;
    transition: all 300ms ease;
}

.actu-container .row{flex-direction: column;}

.actu-container .cta-concessionnaire {
    display: flex;
    width: 150px;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
    align-self: flex-end;
}

.actu-container:hover{border:1px solid #d3d3d3; transform: translateY(-5px);}
.actu-container:hover .cta-concessionnaire{background: #D52B1E;}

.actu-container .row{justify-content: space-between; align-items: stretch;}

.actualites-sous-titre-first  {
    margin: 10px 10px 0;
    padding: 16px 0px 0px;
}
.actualites-sous-titre{
    min-height: 50px;
    margin: 0 0 2px 0;
    padding: 16px 20px 0px;
}
.center-y{margin: auto 0  !important;}

.actualites-description {
    height: auto !important;
    min-height: 50px;
    padding: 20px;
    margin: 0px 0 23px;
}
.date-actualites {
    font-size: 14px;
    color: #888;
    padding: 0 20px 8px;
    margin: 0;
    border-bottom: 1px solid black;
}
.label-contact {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}

.actu-container .img-article{
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 250px;
    overflow: hidden;
}
.actu-container .img-article img{object-fit: cover;}

.row-actualite-txt-rs{width: 100%; display: flex; justify-content: space-between;}

.text-contact,
.textarea-contact {
    width: 93%;
    padding: 20px 12px;
    border: none;
    font-weight: 500;
}
.textarea-contact {height: 100px; margin-bottom: 20px;}
.confirm-contact {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 5px 0 5px;
    font-size: 11px;
    color: #000;
    font-weight: 500;
}
.vignette,
.img-responsive {width: 100%;}

.btn-default {
    transition: all 0.3s;
    color: white;
    opacity: 0;
    position: relative;
    top: 120px;
    left: 36%;
    background-color: #363638;
}
.vignette {padding: 10px 0;}
.vignette:hover img{filter: blur(2px);}
.vignette:hover .btn-default,
.vignette:hover .titre-vignette-actualite {
    opacity: 1;
    z-index: 99;
    transition: all 0.3s;
}
.titre-vignette-actualite {
    padding: 5px 0;
    background-image: linear-gradient(rgb(43, 31, 110), rgb(0, 0, 0) 50%);
    transition: all 0.3s;
    color: white;
    opacity: 0;
    width: 100%;
    font-size: 20px;
    position: relative;
    bottom: 40px;
    left: 0%;
    background-color: #363638;
}

.maile-link{fill: #313336;}
.down-10px{transform: translateY(10px);}

.col-actualite-title .actualites-detail-title{font-size: 37px; margin-top: 0; margin-bottom: 50px;}

.border-t {border-top: 2px solid black;}
.titre37 {font-size: 37px;}
.titre12 {font-size: 12px;}
.titre34 {color : #D52B1E; font-size: 34px;}

.btn-yamaha {transition-duration: 700ms;
    color: white;
    background-color: #007bff;
}

a:hover .btn-yamaha {
    transition-duration: 700ms;
    background-color: #0a2d81;
}
a:hover .link-prix{
    color: #007bff;
    transition-duration: 700ms;
}
.min-h{min-height: 24px;}
.link-accessoires{color: black;}

.bluecolor {color: #007bff  !important;} 
.titre30 {font-size: 30px;}
.titre20 {font-size: 20px;}

.gps-logo {
  font-size: 75px;
  color: #786b6b;
}
.gps-logo:hover{color: #786b6b;}
.border-y {
  border-bottom: 2px solid black;
  border-top: 2px solid black;
}
.bg-contact {background-color: white;}

textarea {height: 115px;}
.max-height30{max-height: 30px;}
.max-height23{max-height: 23px;}
.text-18px{font-size: 18px}

.select2-container{
    width: 100% !important;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    padding : 4px 0 0 0;
}
.center-ul-accessoires{
    display: flex;
    align-items: center;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-image: url(../images/controls.png) !important;
    background-position: 0 0;
    left: 10px;
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    background-size: 65px;
}
.carousel-control-next-icon{background-position: -33px 0;}

.contact-info{
    background-color: #FFF;
    padding: 0 30px;
    position: relative;
    width: calc(100% - 15px);
}

.voir-plus{
    color: #0a2d81;
    cursor: pointer;
    height: 28px;
    line-height: 13px;
    border-radius: 0;
    font-size: 13px;
}
.voir-plus:hover{
    color: #363638;
    text-decoration: underline;
}

.clickable-row{cursor: pointer;}
.img-banner-home{align-items: start !important;}

.concession-page .CLArticle.MagasinArticle{padding: 0 30px 100px;}

.home-item:hover,
.home-item:focus{color: #ee2a24;}

.home-item{color: white}

.vertical-align{vertical-align: middle;}

.container-gamme{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 50px;
}

.gamme-list{
    display: flex;
    justify-content: center;
    gap: 60px;
    padding : 0;
    list-style-type: none;
}
.gamme-list li {
    padding: 0;
    font-size: 20px;
    color: #707079;
}

.gamme-list li .gamme-item{
    padding: 0 0 8px;
    cursor: pointer;
    font-family: 'Play', sans-serif;
    text-transform: uppercase;
    border-bottom : 1px solid #F5F5F5;
    transition: all 300ms ease;
}
.gamme-list li .gamme-item.selected:hover,
.gamme-list li .gamme-item.selected{
    color: #000;
    border-bottom : 5px solid #000;
    font-weight: 700;
}

.gamme-list li .gamme-item:hover{border-bottom : 5px solid #858593; color: #5e5e66;}

.logoy > .gamme-buttom-text i ,
.logoy >.gamme-buttom-text{font-weight: bold; color: black;}

.container.content-detail__gamme{max-width: inherit; width: calc(100% - 60px); padding: 0 30px;}

.bandeau-gamme-liste{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 250px;
    padding: 60px 30px;
    margin: -90px -30px 60px;
}

.bandeau-gamme-liste::before{
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
}

.bandeau-gamme-liste h1{
    display: flex;
    flex-direction: column;
    position: relative;
    z-index:2;
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
    font-size: 48px;
}

.bandeau-gamme-liste h1 span{font-size: 22px;}

.bandeau-gamme-liste.liste-gamme-supersport{
    background: url(../images/bandeau-supersport.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-sport-touring{
    background: url(../images/bandeau-sport-touring.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-adventure{
    background: url(../images/bandeau-adventure.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-hyper-naked{
    background: url(../images/bandeau-hyper-naked.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-sport-heritage{
    background: url(../images/bandeau-sport-heritage.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-cross-enduro{
    background: url(../images/bandeau-off-road.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-sport-scooters{
    background: url(../images/bandeau-scooter-sport.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-urban-mobility{
    background: url(../images/bandeau-scooter-urban-mobility.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-quads-ssv-utilitaires{
    background: url(../images/bandeau-quad-ssv-utilitaire.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-quad-ssv-sports{
    background: url(../images/bandeau-quad-ssv-sport.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-quads-ssv-loisirs{
    background: url(../images/bandeau-quad-ssv-loisirs.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-ebikes-montain{
    background: url(../images/bandeau-ebike-montain.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-ebikes-urban{
    background: url(../images/bandeau-ebike-urban.webp) no-repeat center center;
    background-size: cover;
}
.bandeau-gamme-liste.liste-gamme-ebikes-gravel{
    background: url(../images/bandeau-ebike-urban.webp) no-repeat center center;
    background-size: cover;
}

.bandeau-gamme-liste .breadcrumbs__retour{
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #000;
    padding: 8px 18px;
    border-radius: 20px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.bandeau-gamme-liste .breadcrumbs__retour:hover{background-color:#000; color:#FFF;}
.bandeau-gamme-liste .breadcrumbs__retour svg{transition: all 300ms ease; transform: rotate(180deg);}
.bandeau-gamme-liste .breadcrumbs__retour:hover svg{fill:#FFF;}

.gamme-full-menu{position: relative; display: flex; justify-content: center; width: 100%;}

.gamme-full-menu .gamme-menu,
.gamme-menu__liste-cat,
.gamme-menu__liste-cat-groupe{display: flex; justify-content: center;}

.gamme-full-menu .gamme-menu{
    flex-direction: column;
    align-items: center;
    gap: 35px;
    opacity: 1;
    position: relative;
    top: 0;
    visibility: visible;
    transition: all 400ms ease;
}

.gamme-full-menu .gamme-menu.display-none{
    display: flex !important;
    position: absolute;
    top: 50px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
}

.gamme-menu__liste-cat{width: 100%; max-width: 1180px; gap: 20px; align-items: flex-start;}
.gamme-menu__liste-cat-groupe{gap: 20px; align-items: stretch; width: 100%;}

.gamme-motos .gamme-menu__liste-cat-groupe{width: 49%;}

.gamme-menu__category{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    flex-basis: 180px;
    border-radius: 20px;
    overflow: hidden;
    transition: all 500ms ease;
}

.gamme-ebikes .gamme-menu__category:hover,
.gamme-quads .gamme-menu__category:hover,
.gamme-mtt .gamme-menu__category:hover,
.gamme-scooter .gamme-menu__category:hover,
.gamme-menu__category:hover{flex-basis: 420px;}

.gamme-motos .gamme-menu__category:hover{flex-basis: 120%;}

.gamme-ebikes .gamme-menu__category,
.gamme-quads .gamme-menu__category,
.gamme-mtt .gamme-menu__category,
.gamme-scooter .gamme-menu__category{flex-basis: 240px;}

.gamme-menu__category::before{
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: "";
    transition: all 500ms ease;
}

.gamme-menu__category:hover::before{background-color:rgba(0,0,0,0);}

.gamme-full-menu .gamme-menu img{position: relative; z-index: 1; width: auto; height: 420px; object-fit: cover;}

.gamme-buttom-text{
    position: absolute;
    bottom: 22px;
    left: 40px;
    z-index: 3;
    display: block;
    width: 320px;
    font-family: 'Play', sans-serif;
    font-size: 24px;
    color: #FFF;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
    text-shadow: 0 1px 1px #000;
    transition: all 500ms ease;
}

.gamme-menu__category:hover .gamme-buttom-text{transform: rotate(0deg); left: 22px;}

.gamme-menu__cta-arrow{
    position: absolute;
    bottom: 15px;
    right: 14px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    color: #FFF;
    font-size: 18px;
    line-height: 18px;
    border-radius: 18px;
    cursor: pointer;
    opacity: 0;
    transition: all 500ms ease;
}

.gamme-menu__category:hover .gamme-menu__cta-arrow{opacity:1;}
.gamme-menu__category .gamme-menu__cta-arrow:hover{background-color: #FFF; color: #000;}

.gamme-menu__cta-arrow i{display: block; margin-left: 2px;}

.cta-voir-plus-de-vehicule{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    padding: 0 30px;
    height: 44px;
    border: 1px solid #000;
    border-radius: 24px;
    font-weight: 500;
    text-transform: uppercase;
}

.cta-voir-plus-de-vehicule:hover{background-color:#000; color:#FFF;}

.liste-vehicules-neufs{
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 40px;
    flex-wrap: wrap;
    max-width: 1360px;
    margin: 0 auto 50px;
}

.liste-vehicules-neufs__item{
    display: flex;
    flex-direction: column;
    width: 30%;
    min-width: 320px;
    padding-bottom: 14px;
}

.liste-vehicules-neufs__item:hover{background-color: #FFF; transform: translateY(-4px); box-shadow: 0 4px 20px rgba(0,0,0,0.1);}

.prix-liste-gamme{
    color: #D52B1E;
    font-size: 14px;
    text-align: center;
}
.titre-gamme-liste{
    margin-top: 12px;
    margin-bottom: 5px;
    padding: 0 20px;
    font-size: 22px;
    color: #000;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.slogan-liste-gamme{
    margin-bottom: 0;
    padding: 0 20px;
    color: #6c6d7b;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
}
.nom-gamme-details{
    text-align: right;
    text-transform: uppercase;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

.head-fiche.gamme-fiche-header .logo-header-gamme {
    position: relative;
    height: auto;
    padding: 24px 0;
    height: 100%;
    display: block;
    justify-content: left;
    text-align: left;
    text-transform: uppercase;
    color: #0a2d81;
    font-size: 24px;
    font-weight: 700;
}
.page-gamme-details .contact-info{display: none;}
.tel-contact{margin-bottom: 20px;}
a.lien-retour{color:#434c56;font-size:14px;font-weight:600;}
a.lien-retour:hover{text-decoration:none;}
a.lien-retour span{display:inline-block;margin-left:10px;vertical-align:middle;}
.bloc-fiche{padding:15px 0;}
.head-fiche{padding:1rem 0;margin-bottom:2rem;margin-top:24px;border-top:1px solid #cacbcd;border-bottom:1px solid #cacbcd;}
.head-fiche span{display:block;}
.titre-fiche{margin:0;}
.type{text-transform:uppercase;color:#ee2e24;font-size:18px;margin:4px 0 6px;}
.titre{text-transform:uppercase;color:#434c56;font-size:24px;font-weight:700;margin:4px 0;}
.titre-prix{text-align:right;font-size:16px;}
.prix{font-weight:700;font-size:30px;text-align:right;line-height:35px;color:#ee2e24;}
.image-fiche{box-shadow:0 1px 5px 0 rgba(46,56,67,.25); margin-bottom: 30px;}
.bloc-image{position:relative;}
.bloc-zoom{position:absolute;right:1rem;top:1rem;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;width:60px;height:60px;border:2px solid #fff;border-radius:100%;background-color:hsla(220,3%,80%,.5);align-items:center;}
.icon-zoom{transform:rotate(0deg);}
.bloc-zoom span{color:#fff;font-size:11px;font-weight:700;}
.image-fiche a{color:#000;display:block;position:relative;}
.critere-fiche{box-shadow:0 1px 5px 0 rgba(46,56,67,.25);width:33.33%;float:left;display:flex;align-items:center;padding:25px 10px;}
.feature-icon{float:left;}
.critere{float:left;margin-left:8px;font-size:14px;font-weight:600;}
.titre-critere{font-weight:700;}
.critere-fiche .icon-small{transform:rotate(0deg);}
.bloc-contact{padding:20px 25px;background:#edeef0;}
.titre-contact{font-weight:700;font-size:24px;color:#434c56;border-bottom:1px solid #000;text-transform:uppercase;padding-bottom:20px;margin-bottom:30px;}
.label-contact{background:#000;color:#fff;padding:11px 6px;float:left;width:39.33%;font-size:13px;text-transform:uppercase;}
.label-contact.blanc{background:none;color:#000;padding:0px 6px;}
.text-contact-noir{background:#000;color:#fff;padding:11px 6px;font-size:13px;text-transform:uppercase;font-weight:700;line-height:24px;display:block;text-align:center;}
.btn-secondary{background:#000;color:#fff;font-weight:700;font-size:18px;padding:15px 20px;}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:hover{background:#2e3843;}
.bloc-contact .btn-secondary{width:100%;margin-top:25px;text-align:left;}
.btn-plus{font-size:12px;color:#fff;text-align:center;font-weight:700;text-transform:uppercase;display:inline-block;background-color:#20272f;padding:10px 15px;}
.btn-plus:hover,.btn-plus:focus,.btn-plus:active,.btn-plus:active:hover{background:#20272f;}
.label-checkbox{font-size:10px;display:inline-block;margin-left:3px;font-weight:500;}
.logo-header-gamme{position:relative;height:66px;display:flex;align-items:center;}
.logo-header-gamme:before{content:"";position:absolute;width:500px;height:100%;right:100%;}
.piaggio-header .logo-header-gamme,.piaggio-header .logo-header-gamme:before{background:#127ab3;}
.head-fiche.gamme-fiche-header{padding:0;}
.head-fiche.gamme-fiche-header .logo-header-gamme:before{display:none;}
.head-fiche.gamme-fiche-header .type{margin:25px 0 6px;}
.head-fiche.gamme-fiche-header .titre{margin:4px 0 20px;}
.head-fiche.gamme-fiche-header .titre-prix{margin-top:25px;}
.head-fiche.gamme-fiche-header .prix{margin-bottom:16px;}
.fb-magasin-footer svg{transform:rotate(180deg) scale(1.7, 1.7);margin-left:-7px;}
.bloc-contact label.label-contact span{display:none;}
.ville-footer{text-transform:uppercase;}
.dropdown-menu>li>a{display:block;padding:13px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#fff;text-transform:uppercase;font-weight:700;white-space:nowrap;border-top:1px solid #000;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#ee2e24;text-decoration:none;background:none;}
.navbar-nav>li>.dropdown-menu{margin-top:0;border-radius:0;padding:0;background:#313336;border-top-left-radius:0;border-top-right-radius:0;border:none;}
.les-marques ul li{text-align:right;height:38px;}
.map-multi-magasin{display:inline-block;margin-left:-2px;margin-bottom:4px;}
.multi-magasin{text-align:right;}
.fb-magasin-footer{float:left;width:31px;height:30px;padding-top:7px;}
.multi-magasin .fb-magasin-footer{float:left;padding-right:34px;}
.horaire-footer{float:left;text-align:left;}
.collapse .text-footer{margin-bottom:50px;}
.zone-magasin-footer{margin-bottom:40px;}
a.legales{color:#000;}
.desc-gamme{padding-top:20px;}
.fiche-gamme .cv-carousel{display:block;height:421px!important;z-index:1;}
.label-contact.blanc{display:block;width:100%;}
.label-checkbox{vertical-align:text-top;max-width:90%;margin-top:1px;}
#contact{height:30px;}
.cv-carousel{display:block;height:100%;z-index:1;}
.cv-carousel .cv-stage-outer{position:relative;overflow:hidden;height:100%;-webkit-transform:translate3d(0, 0, 0);}
.cv-carousel .cv-stage{transition:all 0.25s ease;position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.cv-carousel,.cv-carousel .cv-item{-webkit-tap-highlight-color:transparent;position:relative;}
.cv-carousel .cv-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);}
.cv-carousel .cv-item{min-height:1px;width:100%;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;}
.cv-carousel.cv-drag .cv-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cv-carousel.cv-drag .cv-item .item{height:100%;}
.cv-nav{float:left;clear:left;margin-right:10px;position:relative;top:50%;transform:translateY(-50%);}
.cv-nav .cv-prev,.cv-nav .cv-next{font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;cursor:pointer;border-radius:3px;}
.prix {color: #ee2e24; font-size: 24px !important;}
.critere-fiche svg{width: 19px; height: 23px;}
.critere-fiche{width: 25%;}

.txt-presentation-etablissement hr{border-color: #fff !important;}

.content-presentation .container-article, .concession-page .container-article{
    border: none;
    padding: 0;
    margin: 0;
}
.lead {text-align: justify; font-size: inherit;}
.footer-minisite,
footer .collapse-presentation.footer-minisite{padding-top: 0; margin-top: 0;}
.nav-minisite.nav-footer{margin-top: 15px;}

.btn-voir-serie{display: inline-block; margin-top: 25px;}
.col-height{padding-bottom: 63px;}

.titre30-accessoire{font-size: 25px;}
.separation-head-accessoire{margin-top: 13px;}
.btn-go{text-align: center;}

.btn-actualites:focus{color: #fff;}

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

.img-accessoire img{width: 100%;}

.btn-go img{
    width: 203px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.requiredtext.inscrit{color: #089806 !important;}
.inscrit .recevoir-email{display: none;}

.fiche-actu.col1-concessionnaire img {max-width: 100%;}
.fiche-actu .lightSlider.lsGrab > *{text-align: center;}
.owl-item.active .txt-slideshow{
  animation: fadeInUp;
  animation-duration: 1.5s;
}
.txt-slideshow {
    color: #fff;
    position: absolute;
    display: flex;
    width: 33%;
    top: 0;
    left: 408px;
    align-items: center;
    bottom: 0;
}
.txt-slideshow .titre{
    font-size: 50px;
    line-height: 46px;
    margin-left: -4px;
    text-shadow: 0 1px 2px #000;
}
.txt-slideshow .desc{
    font-size: 29px;
    line-height: 37px;
    margin-bottom: 20px;
    margin-top: 15px;
    text-shadow: 0 1px 2px #000;
}
.txt-slideshow .btn{
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;    
}

.container-article a.cta-concessionnaire{
    color: #fff;
    text-decoration: none;
    margin: 15px 0 0;
    display: inline-block;
}
.container-article a.cta-concessionnaire:hover{text-decoration: none !important;}

.div-englobant{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.price-rouge{font-size: 23px; color: red;}
.moto-card .moto-card-foot .div-englobant .bottom {padding: 10px 0 7px;}

.moto-card .moto-card-foot .div-englobant .right {
    padding: 10px 0 7px;
    font-size: 12px;
    min-width: auto;
}

.img-marker {vertical-align: baseline;}

.form-control.message-atelier{overflow: auto !important;}

.content-actus .liste-actu li h4 a {
    text-overflow: ellipsis;
    white-space: nowrap; 
    overflow: hidden;
    height: 44px;
    display: block;
    padding-top: 11px;
}
.fa-facebook-square {
    color: #3B5998;
    margin-left: 7px;
}
.fa-twitter-square {
    color: #1DA1F2;
    margin-left: 7px;
}
.social-sharing {
    height: 36px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.content-detail .col-breadcrumb-yamaha{padding: 0 !important;}

.row.position-img-agauche,
.row.position-img-adroite{justify-content: space-between; margin-bottom: 50px;}

.row.position-img-adroite{flex-direction: row-reverse;}

.row.position-img-enbas,
.row.position-img-enhaut{flex-direction: column; align-items: center; margin: 0 auto 60px; max-width: 960px;}

.row.position-img-enbas .col-breadcrumb-yamaha{order:1;}
.row.position-img-enbas .col-actualite-title{order:2;}
.row.position-img-enbas .row-actualite-txt-rs{order:3;}
.row.position-img-enbas .col-actualite-img{order:4;}

.row.position-img-enhaut.col-actualite-img,
.row.position-img-enbas .col-actualite-img,
.row.position-img-enhaut .row-actualite-txt-rs,
.row.position-img-enbas .row-actualite-txt-rs{width: 100%;}

.row.position-img-enhaut.col-actualite-img{padding: 0 0 40px 0 !important;}
.row.position-img-enbas .col-actualite-img{padding: 40px 0 0 0 !important;}

.position-img-agauche .col-actualite-img,
.position-img-adroite .col-actualite-img{width: 50%; flex: inherit;}

.position-img-agauche .row-actualite-txt-rs,
.position-img-adroite .row-actualite-txt-rs{width: 48%; justify-content: flex-start;  flex-direction: column;}

.position-img-agauche .row-actualite-txt-rs .col-actualite-txt,
.position-img-agauche .row-actualite-txt-rs .col-actualite-rs,
.position-img-adroite .row-actualite-txt-rs .col-actualite-txt,
.position-img-adroite .row-actualite-txt-rs .col-actualite-rs{flex: inherit;  max-width: 100%;}

.content-detail .position-img-agauche .col1-concessionnaire,
.content-detail .position-img-adroite .col1-concessionnaire{width: 100%;}

.page-partenaires,
.page-actualites,
.page-serie{padding-top: 20px;}

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

.page-accessoires h1,
.page-partenaires h1,
.page-actualites h1,
.page-serie h1{
    font-size: 46px;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 60px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #000;
}

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

.page-accessoiress__liste .link-accessoires,
.page-partenaires__item,
.page-actualites__item,
.page-serie__item{
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 320px;
    padding-bottom: 24px;
    transition: all 300ms ease;
}

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

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


.page-accessoiress__liste .link-accessoires{
    background-color: #FFF;
    width: 30%;
    box-shadow: 0 2px 24px rgba(0,0,0,0.15);
}

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

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

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

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

.page-partenaires__item .page-partenaires__titre{
    margin-bottom: 0;
    padding: 8px 20px 4px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #d52b1e;
}

.page-partenaires__titre a,
.page-actualites__titre a{color:#000;}

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

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

.page-partenaires__item .cta-concessionnaire{max-width: 180px; margin: 0 0 0 20px;}

.page-actualites__txt .page-actualites__en-savoir-plus,
.page-serie__txt-serie .page-serie__en-savoir-plus{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: #D52B1E;
    flex-direction: row;
}

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

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





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


@media screen and (max-width: 375px) {
    body .content-actus .owl-center-noloop .owl-item{max-width: calc(100vw - 80px);}
    .descriptif-technique .nav-tabs,
    .descriptif-technique .nav-tabs .nav-link.active:first-child,
    .descriptif-technique .nav-tabs .nav-link.active:last-child{height: 48px;}
    body .col1-concessionnaire .descriptif-technique .nav-tabs .nav-link{height: 48px; font-size: 16px;}
    .gamme-list{justify-content: flex-start;}
}


@media screen and (max-width: 414px) {
    body .banner-home .title-banner-home{position: inherit; top: 0; min-width: inherit; padding: 0 20px; text-align: center;}
    .title-banner-home::before{display: none;}
    .title-banner-home a{justify-content: center; height: inherit; padding: 10px 0;}
    .title-banner-home a br{display: none;}
    .picto-reserv{width: 42px; min-width: 42px; height: 42px; margin-right: 12px; }
    #detail-info .col2-detail-info table th,
    #detail-info .col2-detail-info table td{padding: 12px 15px; font-size: 15px;}
    #detail-info .col2-detail-info h3{padding: 18px 15px;}
    .col1-detail-info .content-title{flex-direction: column; align-items: flex-start;}
    .col1-concessionnaire .list-option-detail-product .cta-white span{margin-right: 8px;}
    .items-concessionnaire .col1-concessionnaire .list-option-detail-product .cta-white{padding: 7px 5px; margin: 0 2px 0 0;}
    .section-concessionnaire .items-concessionnaire .lSSlideOuter .lSPager.lSGallery{bottom: 0;}
    .section-concessionnaire .items-concessionnaire .lSSlideOuter .lSPager.lSGallery li{max-width: 44px !important; max-height: 33px !important;}
    body .content-etablissement .liste-employes li{margin: 0 4px 15px;}
    .col1-concessionnaire .infos-principales h2,
    .col2-concessionnaire .infos-principales h1,
    .infos-principales__price {font-size: 24px;}
    .infos-principales__labels{margin-top: 4px;}
    .Vehicule-Form .valid-RGPDA label{display: block;}
    body .col1-concessionnaire .infos-principales,
    body .col2-concessionnaire .infos-principales,
    body .col2-concessionnaire .infos-contact,
    body .col2-concessionnaire .Vehicule-Form{align-items: flex-start;}
    body .infos-principales__labels{justify-content: flex-start;}
    .infos-contact .infos-contact__links{width: 100%;}
    .reassurances .reassurances__CTA{flex-direction: column; min-width: inherit; height: 54px; border-radius: 0; gap: 0;}
    .reassurances .reassurances__CTA svg{display:none;}
    .cta-concessionnaire{border-radius: 0;}
}


@media screen and (max-width: 500px) {
    #header-concessionnaire{padding-bottom: 206px;}
    #header-concessionnaire.header-minisite .content-header .logo-header{margin: 0 auto; padding: 0;}
    .logo-header{min-height: 50px;}
    .logo-header span.titre-nom-site,
    #nav-header .content-header .logo-header::after,
    .nav-top{display:none;}
    #nav-header{top: 0; border-bottom: 2px solid #FFF;}
    #nav-header.fixed-active{top: -68px; box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
    body #header-concessionnaire #nav-header .menu-header{top: 126px; padding: 0 0 20px;}
    .content-header{background-color: #FFF; flex-wrap: wrap; padding-top: 16px;}
    .content-header .logo-header{padding: 0 0 0 20px; max-width: 100px;}
    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after,
    .hamburger .back-home-mobile::before{background-color: #000;}
    .hamburger .back-home-mobile svg{fill: #000;}
    .nonsite-mobile{display:flex; justify-content: center; position:relative; width: 100%; margin: 12px 0 18px; transition: all 300ms ease;}
    .fixed-active .nonsite-mobile{margin: 10px 0;}
    .nonsite-mobile::before{
        background-color:#000;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 1px;
        content:"";
    }
    .nonsite-mobile a{
        background-color:#FFF;
        display: inline-block;
        position:relative;
        z-index:2;
        padding: 0 15px;
        font-family: 'Play', sans-serif;
        font-size: 22px;
        font-weight: 700;
        color:#000;
        text-transform: uppercase;
        transition: all 300ms ease;
    }
    .nonsite-mobile a:hover,
    .nonsite-mobile a:focus{color:#000;}
    .fixed-active .nonsite-mobile a{font-size: 18px;}
    
    .nav-secondaire-mobile{
        display:flex;
        justify-content: space-between;
        align-items: center;
        background-color:#000;
        width: 100%;
        height: 74px;
        transition: all 300ms ease;
    }
    .fixed-active .nav-secondaire-mobile{height: 45px;}
    
    .nav-secondaire-mobile .nav-secondaire-mobile__localiser,
    .nav-secondaire-mobile .nav-secondaire-mobile__essai,
    .nav-secondaire-mobile .cta-show-detail{width: 33%; height: 100%;}
    
    .nav-secondaire-mobile .nav-secondaire-mobile__localiser,
    .nav-secondaire-mobile .nav-secondaire-mobile__essai,
    .nav-secondaire-mobile .nav-secondaire-mobile__localiser a,
    .nav-secondaire-mobile .nav-secondaire-mobile__essai a,
    .nav-secondaire-mobile .cta-show-detail{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        color: #FFF;
        cursor: pointer;
        text-align: center;
        font-size: 13px;
        line-height: 13px;
        font-weight: 500;
        transition: all 300ms ease;
    }
    .nav-secondaire-mobile .nav-secondaire-mobile__localiser a,
    .nav-secondaire-mobile .nav-secondaire-mobile__essai a{width: 100%; height: 100%;}
    .nav-secondaire-mobile .nav-secondaire-mobile__localiser:hover,
    .nav-secondaire-mobile .nav-secondaire-mobile__localiser:focus,
    .nav-secondaire-mobile .nav-secondaire-mobile__essai:hover,
    .nav-secondaire-mobile .nav-secondaire-mobile__essai:focus,
    .nav-secondaire-mobile .cta-show-detail:hover,
    .nav-secondaire-mobile .cta-show-detail:focus{background-color: #D52B1E;}
    .nav-secondaire-mobile .nav-secondaire-mobile__localiser a svg,
    .nav-secondaire-mobile .nav-secondaire-mobile__essai a svg,
    .nav-secondaire-mobile .cta-show-detail svg{fill: #FFF; transition: all 300ms ease;}
    .fixed-active .nav-secondaire-mobile .cta-show-detail svg{height: 0; opacity: 0; position: absolute;}
    .nav-secondaire-mobile .cta-show-detail.nav-secondaire-mobile__horaires{border-right: 2px solid #FFF; border-left: 2px solid #FFF;}
    .banner-home .col-left-home-banner ul{justify-content: center;}
    .row-cta .cta-header-top:first-child{display:none;}
    .img-presentation-modeles .col4{width: 50%; max-height: 202px;}
    .presentation-modeles{margin-bottom: 20px;}
    .detail-annonce{margin-bottom: 20px; padding: 0 20px;}
    .items-home-accessoire .item-accessoire{max-width: 90%;}
    .items-home-accessoire .title-accessoires-home{flex-direction: column;}
    .items-home-accessoire__liste .item-accessoire .img-accessoire{height: 220px;}
    .items-home-product .col2-home{display: flex; flex-direction: column; align-items: center;}
    .show-more-detail{width: 320px; height: 260px; padding-top: 20px; font-size: 15px; line-height: 20px;}
    .horaires-detail2{font-size: 15px;}
    .item-occasion .img-occasion{height: auto;}
    .open-area-concession .sidenav-area-concession,
    .sidenav-area-concession__content{width: 100%;}
    .sidenav-area-concession__content{min-width: 320px;}
    .sidenav-area-concession__essai,
    .bsidenav-area-concession__NomConcession,
    .sidenav-area-concession__adresse,
    .sidenav-area-concession__tel,
    .sidenav-area-concession__contact{padding: 0 25px;}
    .sidenav-area-concession___horaires .collapse-btn{width: calc(100% - 50px); padding: 15px 25px;}
    .sidenav-area-concession___horaires{margin-bottom: 0;}
    .sidenav-area-concession__essai{display: flex; margin: -10px 0 25px;}
    .sidenav-area-concession__essai a{
        font-size: 14px;
        padding: 8px 20px;
        border-radius: 21px;
        background-color: #000;
        color: #FFF;
        font-weight: 500;
    }
    .sidenav-area-concession__essai a:hover{background-color: #D52B1E;}
    .infos-principales__labels{justify-content: center;}
    .col1-concessionnaire .descriptif-technique .nav-tabs .nav-link{font-size: 18px;}
    .descriptif-technique .nav-tabs .nav-link svg{display:none;}
    .content-detail__serie-limitee .descriptif-technique .nav-tabs .nav-link.active:last-child{width: calc(100% - 25px); padding-left: 25px;}
    .descriptif-technique .tab-content{padding: 25px;}
    .descriptif-technique .tab-content #nav-fichetech{margin: -10px;}
    #nav-fichetech table th,
    #nav-fichetech table td{font-size: 15px;}
    .breadcrumbs .breadcrumbs__retour{width: 90px; height: 34px; font-size: 14px;}
    .gamme-list{margin: 0;}
    .gamme-list li .gamme-item{border-bottom: 4px solid #F5F5F5;}
    .cta-voir-plus-de-vehicule{
        max-width: 220px;
        height: auto;
        padding: 8px 20px;
        border-radius: 30px;
        text-align: center;
        line-height: 18px;
    }
    .cta-voir-plus-de-vehicule i{display:none;}
    .content-detail__gamme .bandeau-gamme-liste{width: calc(100% + 10px); height: 200px; padding: 50px 25px;}
    .bandeau-gamme-liste h1{font-size: 36px;}
    .bandeau-gamme-liste h1 span{display: block; line-height: 20px; font-size: 18px;}
    .content-detail .page-container{padding: 50px 25px 90px;}
    .content-detail__accessoires .page-accessoires h1,
    .content-detail__serie-limitee .page-serie h1{font-size: 30px; line-height: 34px;}
    .page-accessoiress__liste .link-accessoires,
    .page-partenaires__item,
    .page-actualites__item,
    .page-serie__item{min-width: inherit;}
    .presentation-concessionnaire.presentation-concessionnaire__minisite{padding: 50px 25px;}
    .form-search__wrapper .form-search__buttons{margin-bottom: 10px; flex-direction: column-reverse;}
}


@media screen and (max-width: 550px) {
    .form-detail-product-contact .form-search__wrapper{flex-direction: column; width: calc(100% - 50px); gap: 20px;}
    .form-search__wrapper .dropdown-container{width: 100%;}
    .form-detail-product-contact .bandeau-advanced-search .search-title h1{font-size: 22px; line-height: 24px;}
    .form-detail-product-contact .bandeau-advanced-search .search-title h1 span{font-size: 36px; line-height: 44px;}
    .form-search__wrapper .dropdown-container:nth-child(even) .dropdown-list{right:inherit;}
    .form-detail-product-contact .result-search{width: calc(100% - 40px); padding: 0 20px;}
    .result-search .CLAnnonceFiltre .content-filter{gap: 16px 14px;}
    .result-search .CLAnnonceFiltre .custom-select.select-sort{width: 140px;}
    .container.content-detail__vo{padding: 0 0 80px;}
    .CLAnnonceFiltre{margin-bottom: 30px;}
    .CLPagintation .select-items div,
    .CLPagintation .select-selected,
    .CLAnnonceFiltre .select-items div,
    .CLAnnonceFiltre .select-selected{font-size: 14px;}
    .CLAnnonceFiltre .custom-select.select-sort .select-selected::before{display:none;}
    .CLAnnonceFiltre .custom-select.select-sort .select-selected{padding: 8px 23px 8px 12px;}
    .result-search .Vignettes-annonces{margin: 0 0 60px;}
    .result-search .Vignettes-annonces .Vignettes-annonces__item{width: 100%;}
    .liste-vehicules-neufs{gap: 30px;}
    .titre-gamme-liste{margin-bottom: 2px; font-size: 18px;}
    .slogan-liste-gamme{font-size: 14px;}
    .container-article{padding-bottom: 30px;}
    .coordonnee-concessionnaire .block-adresse{order:1;}
    .coordonnee-concessionnaire .img-concession{order:2;}
    .coordonnee-concessionnaire .horaires-detail-magasin{order:3; width: 100%;}
    .concession-page h2.titre-page{margin: 0 auto; font-size: 28px;}
    .concession-page .CLArticle.MagasinArticle{padding: 0 30px 60px;}
    .page-contact__col2{padding: 25px;}
}


@media screen and (max-width: 630px) {
    .horaires-detail{text-align: justify;}
    .horaires-detail br{display: none;}
    .content-product .items-home-product h3{margin-bottom: 20px;}
    .col1-concessionnaire .list-option-detail-product .cta-white{font-size: 16px; margin: 0 12px 10px 0;}
    .list-option-detail-product{flex-wrap: wrap; justify-content: center;}
    body .content-detail .col2-concessionnaire{flex-direction: column; align-items: center;}
    .col2-concessionnaire .row-detail{margin-right: 0; width: 100%;}
    .col2-concessionnaire .form-contact-product{max-width: 410px; width: 100%;}
    .nav-secondaire,
    .form-contact-product .show-small-tablet{display: none;}
    .form-contact-product .txt-form-product-contact,
    .form-contact-product .form-detail-product-contact{display: block;}
    .row-detail .scroll-bottom{z-index: 5;}
    .form-contact-product.activepopin .popin-horaires-detail{top: 56px;}
    .row-detail h1{margin-top: 0;}
    .nav-header-top ul{gap: 15px;}
    .custom-home .content-avantages .items-avantages .liste-avantages a{width: 100%;}
    body .title-actus{flex-direction: column; margin-bottom: 0; padding: 0 25px 30px;}
    .title-actus h3{margin-bottom: 15px;}
    .essai-plusieurs-concessions{flex-direction: column; align-items: center; padding: 0; border-radius: 10px;}
    .essai-plusieurs-concessions__titre{padding-right: 0; border-right: none; margin: 10px 0 3px;}
    .essai-plusieurs-concessions__cta{
        width: calc(100% - 30px);
        justify-content: center;
        padding: 10px 15px;
        border-right: none;
        border-bottom: 1px solid #FFF;
    }
    .essai-plusieurs-concessions__cta:last-child{border-bottom:none; border-radius: 0 0 10px 10px;}
    .content-actus .owl-center-noloop .owl-item{max-width: calc(100vw - 180px); height: auto;}
    .section-gamme .owl-center-noloop-gamme .owl-item h4,
    .content-actus .owl-center-noloop .owl-item h4{margin: 15px 0 0;}
    .section-gamme .owl-center-noloop-gamme .owl-item h4 a,
    .content-actus .owl-center-noloop .owl-item h4 a{font-size: 16px; line-height: 20px;}
    .bandeau-advanced-search{padding: 50px 25px 62px;}
    .form-detail-product-contact .form-search__wrapper{padding: 26px 25px; border-radius: 10px;}
    .form-search__wrapper .dropdown-container:nth-child(even) .dropdown-list{right:0;}
    .form-detail-product-contact .CLPagintation{flex-direction: column;}
    .detail-annonce__infos{gap: 5px 12px; flex-wrap: wrap;}
    .items-home-accessoire .items-home-accessoire__liste .item-accessoire{width: 100%;}
    .item-accessoire .img-accessoire{height: auto; max-height: 350px;}
    .gamme-menu__liste-cat-groupe,
    .gamme-motos .gamme-menu__liste-cat-groupe{flex-direction: column; justify-content: center; max-width: 420px;}
    .gamme-menu__category{flex-basis: inherit; border-radius: 10px;}
    .gamme-full-menu .gamme-menu img{width: 100%; height: 240px;}
    .gamme-ebikes .gamme-menu__category,
    .gamme-quads .gamme-menu__category, 
    .gamme-mtt .gamme-menu__category,
    .gamme-scooter .gamme-menu__category,
    .gamme-full-menu .gamme-ebikes .gamme-menu__category:hover,
    .gamme-full-menu .gamme-quads .gamme-menu__category:hover,
    .gamme-full-menu .gamme-mtt .gamme-menu__category:hover,
    .gamme-full-menu .gamme-scooter .gamme-menu__category:hover,
    .gamme-full-menu .gamme-menu__category:hover,
    .gamme-full-menu .gamme-motos .gamme-menu__category:hover{flex-basis: inherit;}
    .gamme-buttom-text{left: 22px;font-size: 20px; transform: none;}
    .content-detail__vtous .container-article,
    .content-detail__vn .container-article,
    .content-detail__vo .container-article{padding: 50px 25px 0;}
}

@media screen and (max-width: 768px) {
    .owl-carousel.owl-theme .owl-nav{display:none;}
    .owl-carousel.owl-theme .owl-dots{
        position: initial;
        justify-content: center;
        margin: 20px 20px 0;
        transform: none;
        width: calc(100vw - 40px);
    }
    .liste-occasions.owl-carousel.owl-theme .owl-dots,
    .more-information .owl-carousel.owl-theme .owl-dots{margin: 15px 0 0; width: 100%;}
    .col1-detail-info .content-title{flex-direction: column;  align-items: flex-start;}
    .presentation-concessionnaire .content-presentation{margin-left: 0;}
    .more-information{margin-left: 0;}
    .content-presentation .txt1{width: 100%;}
    .container-txt1 {padding: 0;}
    .partage-RS > div, .partage-RS > button{
        float: right;
        margin-bottom: 8px;
    }
    .col1-detail-info .content-title .partage-RS {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 10px;
    }
    .content-title .partage-RS .fb-share-button{transform: scale(1) !important;}
    .col1-detail-info .content-title .partage-RS .twitter-share-button,
    .col1-detail-info .content-title .partage-RS .btn-ami{margin-left: 0;}
    .img-float-left, .img-float-right {
        float: none;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .MagasinArticle .img-float-right, .MagasinArticle .img-float-left {max-width: 100%;}
    .CLPagintation {white-space: nowrap;}
    .CLPagintation > * {padding: 1px 3px !important;}
    .voir-tous-les-modeles {position: static;}
    .max-height23 {width: 31px;}
    .max-height30 {width: 33px;}
    .form-detail-product-contact .p-3{
        display: flex;
        justify-content: left;
        padding-top: 20px !important;
    }
    .more-information .tel-info {color: #fff !important;}
    .fix-padding{
        padding-right: 0;
        padding-left: 0;
    }
    .fb_iframe_widget_fluid {
        display: block !important;
        transform: scale(0.8) !important;
    }
    #collapse-horaires{margin: 0 auto;}
    .phone-banner{color: #fff !important;}
    .phone-banner a{color: #fff !important;}
    .bloc-logo-magasin {
        width: 185px;
        margin-right: 60px;
        margin: 24px 0 24px;
    }
    .img-actu {height: auto;}
    .items-home-accessoire {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 34px;
    }
    .breadcrumb-yamaha h2{font-size: 20px;}
    .tr-form__fields{font-size: 12px;}
    .cta-concessionnaire {
        display: inline-block;
        margin-top: 15px;
    }
    .items-home-product .cta-concessionnaire{margin-top: 0;}
    .items-home-product  .cta-concessionnaire{display: flex;}
    .force-center{justify-content: center;}
    .titre34{font-size: 22px !important; line-height: 32px;}
    .titre37 {font-size: 28px !important; line-height: 32px;}
    .actualites-detail-title {font-size: 27px;}
    .g-recaptcha {transform: scale(0.8);}
    .m-3{margin: 1rem 0 !important;}
    .voir-tous-les-modeles {font-size: 16px;}
    .popin-horaires-detail{
        position: static;
        margin-top: 10px;
        margin-bottom: 17px;
        width: 100%;
    }
    .cached-contact{display: block;}
    .bloc-magasin-footer{margin-bottom: 30px;}
    .items-concessionnaire .lSSlideOuter .lSPager.lSGallery {margin: 0 auto;}
    
    footer{font-size: 14px;}
    .nav-footer ul{flex-wrap: wrap;}
    .nav-footer ul li{padding: 0 10px;}
    .concession-page .content-etablissement{padding: 60px 25px;}
    .content-etablissement .liste-employes{gap: 20px;}
    .txt-presentation-etablissement{font-size: 15px; line-height: 21px; text-align: justify;}
    
    .g-recaptcha{transform:scale(0.9);}
    .bloc-image .carousel-control svg{filter:drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));-webkit-filter:drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));}
    .bloc-image .carousel-control.left{background:none;position:absolute;top:100px;left:10px;}
    .bloc-image .carousel-control.right{background:none;position:absolute;top:100px;right:55px;}
    .image-fiche{box-shadow:0 1px 5px 0 rgba(46,56,67,.25);height:250px;overflow:hidden;}
    .sepspe{height:20px;}
    footer .container .logo{display:none;}
    .magasin-footer{border-bottom:2px solid #fff;margin-bottom:40px;}
    textarea.form-contact{height:120px;}
    .cv-carousel{display:none;}
    .logo{white-space:normal;}
    .post-footer{position:relative;}
    .btn-map{left:calc(50% - 103px);}
    .visible-xs-f{display:block!important;visibility:visible!important;}
    .text-footer{margin-bottom:15px;}
    .horaire-footer{padding:15px 0;clear:both;}
    .cv-carousel{margin-top:10px;}
    .critere-fiche{width:100%;padding:15px;}
    .retour-liste{margin-bottom:25px;}
    .navbar-default .navbar-toggle .icon-bar{background-color:#D52B1E;}
    .navbar-default .navbar-toggle{border-color:#fff;}
    .text-contact-noir{font-size:10px;display:block;}
    .bloc-contact{margin-top:30px;padding:20px 10px;}
    .tel-magasin-footer{margin-top:0;}
    .mail-magasin-footer{margin-top:-5px;}
    .carousel-control{top:46%;}
    .navbar-default .navbar-nav>li>a{text-align:center;}
    .sticky .navbar-nav{float:none;}
    .navbar-default .navbar-brand{color:#fff;display:block;padding:7px 15px;font-size:20px;}
    .navbar-default .navbar-brand:hover{color:#fff;}
    .sticky .navbar-brand.logo{line-height:36px;font-size:17px;}
    .page-fiche{padding:8rem 0 4rem;}
    .owl-one.owl-carousel .owl-item{background-color:#000;}
    .txt-slideshow .titre{font-size: 26px;}
    .txt-slideshow .desc{margin: 8px 0; font-size: 15px; line-height: 21px; text-shadow: none;}
    .txt-slideshow .btn{font-size: 16px;}
    .txt-slideshow{
        padding: 0 15px;
        position: static;
        width: calc(100% - 30px);
    }
    .les-btn-rs{margin-top: 40px;}

    .content-detail .container.detail-actu{max-width: 100%; padding: 0;}
    
    .col-actualite-title .actualites-detail-title{font-size: 28px;}
    
    .row.position-img-agauche,
    .row.position-img-adroite{
        flex-direction: column;
        align-items: center;
        max-width: 600px;
        margin: 0 auto 60px;
    }
    
    .position-img-enhaut,
    .position-img-enbas{max-width: 600px;}
    
    .position-img-agauche .col-actualite-img,
    .position-img-adroite .col-actualite-img{width: 100%; padding: 0 0 40px 0 !important;}
    
    .position-img-agauche .row-actualite-txt-rs,
    .position-img-adroite .row-actualite-txt-rs{width: 100%;}
    
    .position-img-enhaut .row-actualite-txt-rs .col-actualite-txt,
    .position-img-enhaut .row-actualite-txt-rs .col-actualite-rs,
    .position-img-enbas .row-actualite-txt-rs .col-actualite-txt,
    .position-img-enbas .row-actualite-txt-rs .col-actualite-rs,
    .position-img-agauche .row-actualite-txt-rs .col-actualite-txt,
    .position-img-agauche .row-actualite-txt-rs .col-actualite-rs,
    .position-img-adroite .row-actualite-txt-rs .col-actualite-txt,
    .position-img-adroite .row-actualite-txt-rs .col-actualite-rs{padding: 0 !important;}
    .col-footer-magasin{flex-direction: column; align-items: center;}
    .bloc-magasin-footer .bloc-magasin-footer__NomConcession{font-size: 20px;}
    .essai-plusieurs-concessions,
    .reserver-votre-essai{margin-bottom: 60px;}
    .owl-carousel.owl-theme.owl-center-noloop-gamme .owl-dots,
    .owl-carousel.owl-theme.owl-center-noloop .owl-dots{width: calc(100vw - 50px); margin: 30px 0 0; flex-wrap: wrap;}
    .fiche-produit{padding: 30px 25px 80px;}
    .photos-vehicule .photos-vehicule__ImgCount{bottom: 0; width: 100px; height: 40px;}
    .photos-vehicule .photos-vehicule__ImgCount svg{max-width: 22px;}
    .photos-vehicule .photos-vehicule__ImgCount #counter{font-size: 14px;}
    .col2-concessionnaire .reassurances{flex-wrap: wrap; justify-content: center; padding: 25px 15px;}
    .reassurances .reassurances__assurance,
    .reassurances .reassurances__finance{width: 100%;}
    .reassurances .reassurances__assurance img,
    .reassurances .reassurances__finance img{max-width: 260px;}
    .content-detail__gamme .liste-vehicules-neufs__item{width: 100%; min-width: inherit; max-width: 500px;}
    .form-search__wrapper .form-search__buttons{gap: 20px;}
}


@media screen and (max-width: 850px) {
    .presentation-minisite .col-left-home-banner{display: none;}
    .presentation-minisite .p-0 {
        background: #fff;
        padding: 30px 0 7px !important;
    }
    .presentation-minisite .presentation-concessionnaire{margin: 0 auto!important;}
    .presentation-minisite .content-presentation{margin-left: 0;}
    .more-information{margin-left: 0;}
    .presentation-minisite .more-information{margin-right: 0;}
    .presentation-minisite .content-presentation{margin-right: 0;}
    
    .entry-footer{flex-direction: column; align-items: center;}
    .entry-footer .col-footer:nth-child(1){order: 2; margin-bottom: 40px;}
    .entry-footer .col-footer:nth-child(2){order: 3;}
    .entry-footer .col-footer:nth-child(3){order: 1; margin-bottom: 20px;}
    .banner-home{display: flex; flex-direction: column;}

    .title-banner-home a{font-size: 18px; line-height: 20px;}
    body .banner-home .col-left-home-banner{background-color: #363638; order: 3; position: inherit; width: 100%;}
    
    .hide-mobile,
    .col-left-home-banner ul br,
    .col-left-home-banner::before{display: none;}
    
    .col-left-home-banner ul{
        max-width: 500px;
        margin: 20px auto 10px;
        padding: 0 20px;
        display: block;
        text-align: center;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .col-left-home-banner .txt-intro{width: 100%; margin-bottom: 12px; text-align: center; font-size: 20px; line-height: 24px;}
    .col-left-home-banner .txt-intro strong{display: block;}
    .phone-banner{margin-bottom: 20px; width: 100%; text-align: center; padding-right: 20px;}
    .adresse-banner,
    .horaires-banner,
    .col-left-home-banner .contact-header-top{margin-bottom: 10px; padding: 0 10px;}
    
    .horaires-detail{padding: 0 40px; font-size: 16px; line-height: 20px;}
    .closebtn{top: 0; right: 0; border-radius: 0;}
    .horaires-banner, .adresse-banner, .contact-header-top{display: block;}
    section.content-avantages{padding: 60px 25px;}
    .content-actus{margin-bottom: 50px; padding: 50px 0;}
    .section-gamme{padding: 0;}
    .section-gamme .title-actus{margin-bottom: 0;}
    .bandeau-advanced-search .search-title h1{font-size: 30px; line-height: 38px;}
    .bandeau-advanced-search .search-title h1 span{font-size: 44px; line-height: 50px;}
    .items-home-accessoire__liste .item-accessoire {width: 47%;}
    .gamme-list{flex-wrap: wrap; gap: 10px 25px;}
    .gamme-list li .gamme-item{padding: 0 0 3px; font-size: 18px; text-transform: inherit;}
    .gamme-list li .gamme-item.selected:hover,
    .gamme-list li .gamme-item.selected{border-bottom: 4px solid #000;}
    .gamme-list li .gamme-item:hover{border-bottom: 4px solid #858593;}
    .bandeau-gamme-liste{margin: -60px -30px 60px;}
    .page-serie{max-width: 650px; margin: 0 auto; padding-top: 0;}
    .page-accessoires h1,
    .page-partenaires h1,
    .page-actualites h1,
    .page-serie h1{margin-bottom: 40px; font-size: 36px; line-height: 40px;}
    .page-accessoiress__liste .link-accessoires,
    .page-partenaires__item,
    .page-actualites__item,
    .page-serie__item{width: 100%;}
    .page-partenaires__item h3,
    .page-actualites__item h3,
    .page-serie__item h3{margin-top: 0; padding: 0 16px; font-size: 20px;}
    .page-partenaires__item p,
    .page-actualites__txt,
    .page-serie__txt-serie{font-size: 14px; line-height: 18px; padding: 0 16px;}
    .page-contact{align-items: center; flex-direction: column;}
    .page-contact__col1{width: 100%; max-width: 460px;}
    .page-contact__col1 h1{margin-top: 0;}
}


@media screen and (max-width: 960px) {
    .container-txt1 {padding: 0;}
    .img-banner-home{align-items: flex-start; height: auto;}
    .title-banner-home{bottom: 15%;}
    .banner-home .col-left-home-banner{height: auto;}
    .hide-mobile,
    .col-left-home-banner::after{display: none;}
    .items-concessionnaire{flex-direction: column-reverse; align-items: center;}
    .items-home-product{flex-direction: column; align-items: center;}
    .items-home-product .col1-home,
    .items-home-product .col2-home{width: auto;}
    .items-home-product .col2-home{margin-top: 30px;}
    .liste-actu .img-actu{max-height: 400px;}
    .liste-avantages .row1 h4, .liste-avantages .row2 h4{padding: 16px 20px; font-size: 16px; line-height: 20px;}
    .liste-avantages h4 strong{font-size: 22px; line-height: 22px;}
    .liste-avantages .option1 img, .liste-avantages .option5 img{width: auto; height: 100%;}
    .show-mobile{display: block;}
    .col1-concessionnaire .show-mobile{margin-bottom: 30px;}
    .fiche-produit__header{max-width: 700px; margin: 0 auto 30px;}
    .fiche-produit .fiche-produit__container{justify-content: center; gap: 30px;}
    .col2-concessionnaire .reassurances{display:flex;}
    .col1-concessionnaire .reserver-votre-essai,
    .col2-concessionnaire .infos-principales,
    .col1-concessionnaire .reassurances{display:none;}
    .presentation-concessionnaire{margin: 0px auto 50px;}
    .section-gamme.section-gamme-accueil{padding: 60px 0 70px;}
    .presentation-concessionnaire .content-presentation{flex-direction: column;}
    .breadcrumb-yamaha{max-width: 700px;}
    .breadcrumb-yamaha a{font-size: 15px;}
    .breadcrumb-yamaha span{margin-right: 5px; font-size: 12px;}
    .content-detail .items-concessionnaire{margin-bottom: 30px;}
    .content-detail .col1-concessionnaire{margin-bottom: 0; margin-right: 0; width: 100%; max-width: 700px;}
    .list-option-detail-product{margin: 25px 0;}
    .content-detail .col2-concessionnaire {
        max-width: 700px;
        width: 100%;
        margin-bottom: 50px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: column;
    }
    .row-detail{margin-right: 0; margin-bottom: 0;}
    .form-contact-product{min-width: 250px;}
    .form-contact-product #form_contact .btn.btn-actualites{margin: 0 0 30px 0 !important;}
    .col2-concessionnaire .bloc-info,
    .form-contact-product #form_contact > .col-lg-12{padding-right: 20px; padding-left: 20px;}
    .form-contact-product p em{font-size: 13px; line-height: 16px;}
    .col2-concessionnaire .form-contact-product .popin-horaires-detail{width: 200px;}
    body #detail-info .col1-detail-info{max-width: 700px;}
    .show-small-tablet{display: block; font-size: 16px; text-align: center;}
    .show-small-tablet span{display: inline-block; margin-left: 6px; font-size: 14px;}
    .txt-form-product-contact,
    .form-detail-product-contact{display: none;}
    .content-detail .items-concessionnaire{margin-bottom: 70px;}
    .block-adresse{display: flex; justify-content: center; flex-wrap: wrap;}
    .section-concessionnaire .coordonnee-concessionnaire{padding: 20px;}
    .section-concessionnaire.content-detail .col2-concessionnaire{margin-top: 20px; justify-content: center;}
    .first-select-left {margin-left: 0px;}
    .width-form{display: block;}
    .form-group-center {margin: 17px 34%;}
    .container.detail-actu{max-width: calc(100% - 30px);}
    .row.position-img-enhaut.col-actualite-img,
    .row.position-img-enbas .col-actualite-img,
    .row.position-img-enhaut .row-actualite-txt-rs,
    .row.position-img-enbas .row-actualite-txt-rs{flex-direction: column;}
    .width-form {display: block;}
    .form-group-center {text-align: center;}
    .height-33-m{height: 33.33%!important;}
    .height-50-m{height: 50%!important;}
    .height-25-m{height: 25%!important;}
    .height-66-m{height: 66.66%!important;}
    .content-avantages .items-avantages .liste-avantages a{width: 47%;}
    .fiche-produit__header{flex-direction: column; align-items: flex-start; gap: 15px;}
    #image-gallery .owl-stage-outer{border-radius: 0;}
    .infos-principales .cta-nous-contacter-mobile{
        background-color: #D52B1E;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 180px;
        height: 40px;
        border-radius: 20px;
        font-family: 'Play', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        color: #FFF;
    }
    .infos-principales .cta-nous-contacter-mobile:hover{background-color:#000;}
    .col1-concessionnaire .infos-principales,
    .col2-concessionnaire .infos-principales,
    .col2-concessionnaire .infos-contact,
    .col2-concessionnaire .Vehicule-Form{align-items: center;}
    .descriptif-technique{margin-bottom: 0;}
    .Vignettes-annonces .Vignettes-annonces__item,
    .liste-vehicules-neufs__item{width: 47%;}
    .detail-actu .actualites-detail-title{margin-top: 45px; font-size: 32px; line-height: 36px; margin-bottom: 40px;}
    .position-img-actu.position-img-adroite,
    .position-img-actu.position-img-agauche{flex-direction: column; align-items: center; margin-top: -20px;}
    .position-img-actu .actualite-img{width: 100%;}
    .actualite-txt-rs{display: flex; flex-direction: column; align-items: center;}
    .actualite-txt-rs .infos-contact__links{width: 100%; justify-content: center;}
    .fiche-produit.detail-actu{padding:0;}
    .position-img-actu{gap: 20px;}
}

@media screen and (max-width: 1024px) {
    .title-accessoires-home h3::after{display: none;}
    .content-actus .liste-actu li h4 a{font-size: 18px;}
    #detail-info{padding: 20px;}
    #detail-info{align-items: center; flex-direction: column;}
    #detail-info .col1-detail-info {width: auto; max-width: 850px; margin-bottom: 20px;}
    .col1-detail-info .content-title{margin-bottom: 30px;}
    .txt-detail-info{font-size: 15px; line-height: 20px;}
    #detail-info .col2-detail-info {width: auto; max-width: 850px;}
    .entry-footer{flex-direction: column; align-items: center;}
    .col-footer-magasin{max-width: 800px; width: 100%;}
    .bloc-magasin-footer{max-width: 400px;}
    .col-footer-news{width: 100%;}
    .CLAnnonceFiltre{flex-wrap: wrap; gap: 18px;}
    .CLAnnonceFiltre .content-filter{flex-wrap: wrap; justify-content: flex-start;}
    .CLAnnonceFiltre .custom-select.select-sort{width: 174px;}
    .CLAnnonceFiltre .custom-select{width: 174px;}
    .coordonnee-concessionnaire{max-width: 800px; flex-wrap: wrap; margin: 80px auto;}
    .coordonnee-concessionnaire .img-concession{width: 100%;}
    .coordonnee-concessionnaire .img-concession img{height: 300px;}
}

@media screen and (max-width: 1180px) {
    #nav-header .menu-header .close-submenu{display: flex;}
    .content-header .logo-header::after{display:block;}
    #header-concessionnaire #nav-header .menu-header{
        background-color: #FFF;
        width: 100vw;
        height: calc(100vh - 116px);
        position: absolute;
        top: 76px;
        left: -1200px;
        z-index: 100;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 0 20px;
    }
    #nav-header nav#menu-header ul li .link-nav::after,
    #header-concessionnaire #nav-header .menu-header .menu-default{display:none;}
    #header-concessionnaire #nav-header .menu-header .menu-responsive{display:flex;}
    #header-concessionnaire #nav-header.show-nav-mobile .menu-header{left: 0; justify-content: flex-start;}
    #nav-header nav ul li.main-item-li{width: 100%; border-bottom: 1px solid #DBDBDB;}
    #nav-header nav ul li.voir-plus-section{width: 100%;}
    #nav-header nav ul li .submenu{top: 48px; left: 50%; margin-left: -132px;}
    #nav-header nav ul{flex-direction: column; justify-content: flex-start; border-bottom: 1px solid #000; border-top: 1px solid #DBDBDB;}
    #nav-header nav#menu-header ul li .link-nav,
    #nav-header nav#menu-header ul li a{
        justify-content: space-between;
        padding: 18px 25px;
        width: calc(100vw - 50px);
        color:#000;
        border-radius: 0;
    }
    #nav-header nav#menu-header ul li .link-nav:hover,
    #nav-header nav#menu-header ul li a:hover{color:#FFF;}
    
    #nav-header nav.d-block ul li .link-nav,
    #nav-header nav.d-block ul li a{padding: 4px 10px;}
    #nav-header nav ul li .link-nav svg{fill:#000;}
    #nav-header nav ul li .link-nav:hover svg,
    #nav-header nav ul li .link-nav:focus svg{fill:#FFF;}
   
    #nav-header nav ul li .link-nav:focus,
    #nav-header nav ul li .link-nav.collapsed{background-color:transparent; color:#000;}
    #nav-header nav#menu-header ul li .link-nav:not(.collapsed){background-color:#000; color:#FFF;}
    #nav-header nav ul li .link-nav.collapsed:hover{background-color:#d52b1e; color:#FFF;}
    #nav-header nav ul li .link-nav.collapsed svg{fill:#000;}
    #nav-header nav#menu-header ul li .link-nav:not(.collapsed) svg,
    #nav-header nav ul li .link-nav.collapsed:hover svg{fill:#FFF;}
    #nav-header nav ul li:hover ul.submenu{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    #nav-header nav.menu-responsive ul {
        display: block;
        overflow-x: auto;
    }
    #nav-header nav.menu-responsive ul li{text-align: left;}
    #nav-header nav.menu-responsive ul li a {
        padding: 16px 22px;
        font-size: 17px;
        border-bottom: 1px solid #ddd;
    }
    .hamburger{display: flex;}
    #nav-header nav ul li .link-nav:hover svg{transform: rotate(0);}
    #nav-header nav ul li .link-nav .btn-pm{
        position: relative;
        width: 14px;
        height: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: all 300ms ease;
    }
    #nav-header nav ul li .link-nav .btn-pm .btn-pm__plus{position: absolute; transform: rotate(90deg); transform: all 300ms ease;}
    #nav-header nav ul li .link-nav .btn-pm .btn-pm__moins{transform: all 300ms ease;}
    #nav-header nav ul li .link-nav:not(.collapsed) .btn-pm .btn-pm__plus{transform: rotate(0);}
    #nav-header nav ul li .link-nav:not(.collapsed) .btn-pm .btn-pm__moins{transform: rotate(-180deg);}
    #nav-header nav ul li.main-item-li ul li{width:100%;}
    #nav-header nav ul li.main-item-li ul li a{background-color: #F5F5F5; border-bottom: 1px solid #DDD;}
    #nav-header nav ul li.main-item-li ul li:last-child a{border-bottom:none;}
    #nav-header nav#menu-header ul li.main-item-li ul li a:hover{background-color: #DDD; padding-left: 35px; color:#000;}
    .items-home-accessoire ul{flex-wrap: wrap;}
    .item-accessoire{width: 30%;}
    .gamme-full-menu .gamme-menu{flex-direction: column; align-items: center;}
    .gamme-menu__liste-cat{align-items: center; flex-direction: column;}
    .gamme-motos .gamme-menu__liste-cat-groupe{width: 100%;}
    .gamme-motos .gamme-menu__category:hover{flex-basis: 420px;}
    .page-partenaires__liste,
    .coordonnee-concessionnaire,
    .page-actualites__liste,
    .page-serie__liste{gap: 30px;}
    .content-etablissement .liste-employes{max-width: 600px;}
    .page-accessoiress__liste{gap: 30px; justify-content: center;}
}

@media screen and (max-width: 1200px) {
    .col1-home, .col2-home{width: 48%;}
    .items-home-product h3{font-size: 30px; line-height: 32px;}
    .img-presentation-modeles .col3 a{max-height: 150px; height: auto;}
    .img-presentation-modeles .col2{align-items: stretch;}
    .img-presentation-modeles .col4 a{max-height: 300px; height: 100%;}
    .detail-annonce{font-size: 15px; line-height: 20px;}
    .detail-annonce h4{margin-bottom: 6px;}
    .detail-annonce h4 a{font-size: 16px; line-height: 18px;}
    .detail-annonce .price{margin-top: 6px; font-size: 17px;}
    .title-actus h3{font-size: 28px; line-height: 32px; text-align: center;}
    .items-avantages h3{font-size: 28px; line-height: 32px; margin-bottom: 30px;}
    .presentation-concessionnaire .content-presentation{font-size: 13px; line-height: 18px;}
    .content-presentation .txt1{margin-bottom: 14px;}
    .cta-en-savoir-plus{margin-top: 14px;}
    .row-detail,
    .form-contact-product{padding: 20px;}
    .list-option-detail-product .cta-white{font-size: 18px; padding: 10px 12px;}
    .list-option-detail-product .cta-white span{margin-right: 12px;}
    .form-contact-product .contact-info-product{margin: 10px 0;}
    .form-contact-product .popin-horaires-detail{width: 300px;}
    .Vignettes-annonces{gap: 40px 30px; margin: 0 -6px 80px;}
    .Vignettes-annonces__item{width: 30.6%;}
}

@media screen and (max-width: 1250px) {
    .nav-header-top{width: calc(100% - 50px); padding: 0 25px;}
    .col1-concessionnaire .infos-principales,
    .col2-concessionnaire .infos-principales,
    .col2-concessionnaire .infos-contact,
    .col2-concessionnaire .Vehicule-Form{padding: 25px; gap: 14px;}
    .col1-concessionnaire .infos-principales h2,
    .col2-concessionnaire .infos-principales h1,
    .infos-principales__price{font-size: 28px;}
    .infos-principales__labels{gap: 10px;}
    .infos-principales__labels span{height: 32px; font-size: 15px;}
    .infos-contact .infos-contact__links{padding: 25px 0 0 0;}
    .col2-concessionnaire .Vehicule-Form h3{font-size: 22px;}
    .col1-concessionnaire .photos-vehicule{margin-bottom: 50px;}
    .col2-concessionnaire .reserver-votre-essai{margin: 0 auto;}
    .col1-concessionnaire .reserver-votre-essai{margin: -10px auto 35px;}
    .descriptif-technique .nav-tabs .nav-link{font-size: 20px;}
    .descriptif-technique #nav-description p{font-size: 15px;}
    .CLAnnonceFiltre .CLAnnonceFiltre__title{font-size: 18px;}
    .CLAnnonceFiltre .content-filter{gap: 18px;}
    .content-filter .CLAnnonceFiltre__PM{padding-right: 18px;}
}

@media screen and (max-width: 1360px) {
    .items-avantages .liste-avantages{gap: 30px;}
    .items-avantages .liste-avantages a{width: 31%; min-width: 280px;}
    .items-avantages .liste-avantages a h4 strong{font-size: 21px;}
    .content-presentation .txt1 .txt1__contact{flex-wrap: wrap;}
    .owl-carousel.owl-theme.owl-center-noloop,
    .owl-carousel.owl-theme.owl-center-noloop-gamme{margin: 0 25px; width: calc(100vw - 50px);}
    .hamburger-concess{display:none;}
    #nav-header nav#menu-header{padding-right: 15px;}
    .logo-header::after{display:none;}
}

@media screen and (max-width: 1420px) {
    .title-actus{width:calc(100% - 50px); margin-bottom: 30px;}
}

@media screen and (max-width: 1550px) {
    .logo-header{max-width: 300px; gap: 15px; padding: 0 0 0 15px;}
    .logo-header span.titre-nom-site{padding: 5px 0 5px 15px;}
    .logo-header span.titre-nom-site a{font-size: 20px;}
    #nav-header nav ul li.back-home{display:none;}
    .hamburger-concess{margin: 0 25px 0 15px;}
    #nav-header nav ul li .link-nav,
    #nav-header nav ul li a{padding: 12px;}
}