@media only screen and (min-width: 1024px) {
    .article-image-gauche, .article-image-droite{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .article-image-droite .img-float-right{
        order: 2;
    }
}
.img-float-none{
    margin-bottom: 15px;
}
.img-float-left {
    float: left;
    max-width: 565px;
    margin-right: 30px;
    margin-bottom: 15px;
}
.img-float-right {
    float: right;
    max-width: 565px;
    margin-left: 30px;
    margin-bottom: 15px;
}
@media screen and (max-width: 760px) {
    .owl-carousel .owl-video-tn{height: 155px;}
    .owl-carousel .owl-video-play-icon {top: 75%;}
}

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



@media screen and (max-width: 350px) {
     
}
@media screen and (min-width: 330px) {
    .voir-tous-les-modeles {white-space: nowrap;}
}
@media screen and (max-width: 472px) {
    #back-top {bottom: 110px;}
}

@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; }
    .reserver-votre-essai{font-size: 20px;}
    .presentation-concessionnaire .content-presentation .more-information{width: 280px; height: 230px;}
    .presentation-concessionnaire .show-more-detail{width: 280px; height: 230px;}
    #detail-info .col2-detail-info table th, #detail-info .col2-detail-info table td{padding: 12px 15px; font-size: 15px;}
    #detail-info .col2-detail-info h3{padding: 18px 0px; margin-top: 0;}
    .col1-detail-info .content-title{flex-direction: column; align-items: flex-start;}
    .col1-concessionnaire .list-option-detail-product .cta-white span{margin-right: 8px;}
    .items-concessionnaire .col1-concessionnaire .list-option-detail-product .reserver-votre-essai{margin: 0 0 10px;}
    .items-concessionnaire .col1-concessionnaire .list-option-detail-product .cta-white{padding: 7px 5px; margin: 0 2px 0 0;}
    .section-concessionnaire .items-concessionnaire .lSSlideOuter .lSPager.lSGallery{bottom: 0;}
    .section-concessionnaire .items-concessionnaire .lSSlideOuter .lSPager.lSGallery li{max-width: 44px !important; max-height: 33px !important;}
    body .content-etablissement .list-employee li{margin: 0 4px 15px;}
}

@media screen and (max-width: 500px) {
    .banner-home .col-left-home-banner ul{justify-content: center;}
    .row-cta .cta-header-top:first-child{display:none;}
    .img-presentation-modeles .col4{width: 50%; max-height: 202px;}
    .presentation-modeles{margin-bottom: 20px;}
    .liste-occasions .item-occasion{flex-direction: column; align-items: flex-start; margin-bottom: 20px; padding-right: 0;}
    .liste-occasions .item-occasion .img-occasion{margin-right: 0; width: auto; height: 170px; align-items: center; margin: 0px auto 20px;}
    .detail-annonce{margin-bottom: 20px; padding: 0 20px;}
    .items-home-accessoire .item-accessoire{max-width: 90%;}
    .items-home-accessoire .title-accessoires-home{flex-direction: column;}
    .img-accessoire{height: 160px;}
    .items-home-product .col2-home{display: flex; flex-direction: column; align-items: center;}
    .title-actus{flex-direction: column; margin-bottom: 30px;}
    .title-actus h3{margin-bottom: 20px;}
    .content-presentation .more-information{width: 320px; height: 260px;}
    .show-more-detail{width: 320px; height: 260px; padding-top: 20px; font-size: 15px; line-height: 20px;}
    .horaires-detail2{font-size: 15px;}
    .critere-fiche {
        border: 1px solid #efefef;
        width: 33.33%;
        height: auto !important;
        float: left;
        display: block;
        align-items: center;
        padding: 5px 5px;
        text-align: center;
    }
    .critere-specifique {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .critere-specifique .critere{margin-left:0; }
    .critere-fiche i{
        display: block;
        margin-top: 7px;
        margin-bottom: 7px;
        width: 100%;
    }
    .critere{
        float:none;
        margin-left:8px;
        font-size:11px;
        font-weight:600;
    }

}

@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;}
    .presentation-concessionnaire{margin: 0 auto; padding: 0;}
    .col1-concessionnaire .list-option-detail-product .reserver-votre-essai,
    .col1-concessionnaire .list-option-detail-product .cta-white{font-size: 16px; margin: 0 12px 10px 0;}
    .list-option-detail-product{flex-wrap: wrap; justify-content: center;}
    body .content-detail .col2-concessionnaire{flex-direction: column; align-items: center;}
    .col2-concessionnaire .row-detail{margin-right: 0; max-width: 410px; width: 90%;}
    .col2-concessionnaire .form-contact-product{max-width: 410px; width: 100%;}
    .form-contact-product .show-small-tablet{display: none;}
    .form-contact-product .txt-form-product-contact,
    .form-contact-product .form-detail-product-contact{display: block;}
    .form-detail-product-contact input{}
    .row-detail .scroll-bottom{z-index: 5;}
    .form-contact-product.activepopin .popin-horaires-detail{top: 56px;}
}

@media screen and (max-width: 760px) {
    .container.page-accueil{padding: 0 25px;}
    .module-rs {
        margin-top: -30px;
        text-align: left;
    }
    .banniere{display: block;}
    .banniere img{max-width: 100%;}
    .responsive-nav ul{padding-left: 0;}
    .resp-btn-open{box-shadow: none;}
    .responsive-nav a {
        font-size: 17px;
        color: #000;
    }
    .responsive-nav li {list-style: none;}
    #searchButton{margin-bottom: 15px;}
    .btn-voir-serie {position: static;}
    .titre_pages-rs{margin-top: 15px;}   
    .ligne{display: block;}
    .copyright {
        text-align: center;
        font-size: 12px;
        line-height: 21px;
        margin: 10px 0;
        padding: 0px 8px;
    }
    .footer-margin {margin: 0px 0px 15px;}
    .nom-boutique{
        display:block;
        position: absolute;
        top: 55%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        color: #000;
        line-height: 38px;
        font-size: 16px;
        padding: 0 8px;
        font-weight: bold;
    }
    #nav-header nav ul {justify-content: flex-start;}
    .presentation-concessionnaire .content-presentation{margin-left: 0;}
    .more-information{margin-left: 0;}
    .content-presentation .txt1{width: 100%;}
    .container-txt1 {padding: 0;}
    .logo-header span.titre-nom-site a {font-size: 18px;}
    
    .partage-RS > div, .partage-RS > button{
        float: right;
        margin-bottom: 8px;
    }
     .col1-detail-info .content-title .partage-RS {
        display: inline-grid;
        position: relative;
        left: -20px;
    }
    .img-float-left, .img-float-right {
        float: none;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
    .CLPagintation {white-space: nowrap;}
    .CLPagintation > * {padding: 1px 3px !important;}
    .voir-tous-les-modeles {position: static;}
    .max-height23 {width: 31px;}
    .max-height30 {width: 33px;}
    .form-detail-product-contact .p-3{
        display: flex;
        justify-content: left;
        padding-top: 20px !important;
    }
    .more-information .tel-info {color: #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;
    }
    .custom-home .items-avantages {margin: -226px auto 80px;}
    
    .img-actu {height: auto;}
    .items-home-product .reserver-votre-essai {
        font-size: 20px;
        padding: 5px;
    }
    .items-home-accessoire {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 34px;
    }
    .breadcrumb-yamaha h2{font-size: 20px;}
    .tr-form__fields{font-size: 12px;}
    .img-concession{margin-bottom: 15px;}
    .cta-concessionnaire {
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
    .items-home-product .cta-concessionnaire {margin-top: 0;}
    .items-home-product  .cta-concessionnaire {display: flex;}
    .force-center {justify-content: center;}
    .titre34 {
        font-size: 22px !important;
        line-height: 32px;
    }
    .titre37 {
        font-size: 28px !important;
        line-height: 32px;
    }
    .actualites-detail-title {font-size: 27px;}
    .g-recaptcha {transform: scale(0.8);}
    .m-3{margin: 1rem 0 !important;}
    .voir-tous-les-modeles {
        font-size: 16px;
    }
    .popin-horaires-detail{
        position: static;
        margin-top: 10px;
        margin-bottom: 17px;
        width: 100%;
    }
    .coordonnee-concessionnaire {display: block;}
    .cached-contact{display: block;}
    .bloc-magasin-footer{margin-bottom: 30px;}
    .items-concessionnaire .lSSlideOuter .lSPager.lSGallery {
        margin: 0 auto;
    }
    .hamburger,
    .contact-mobile{display: block;}
    .nav-header-top{display: none;}
    
    #nav-header .menu-header .close-submenu{display: flex;}
    
    #header-concessionnaire #nav-header .menu-header{
        background-color: #FFF;
        width: 100vw;
        position: absolute;
        top: 70px;
        left: -1000px;
        z-index: 100;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px 0;
        border-bottom: 1px solid #dddddd;
    }
    
    #header-concessionnaire #nav-header.show-nav-mobile .menu-header{left: 0;}
    
    #nav-header{top: 0;}
    
    #nav-header nav ul li .submenu{top: 48px; left: 50%; margin-left: -132px;}
    
    #nav-header nav ul{flex-direction: column; height: calc(100vh - 111px);}
    
    #nav-header nav ul li .link-nav, #nav-header nav ul li a{padding: 15px 10px;}
    
    #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::after{
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        background-color:
        #ee2e24;
        height: 0;
        width: 100%;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }
    
    #nav-header nav ul li .first-cat::after{bottom: 0px;}
    
    #nav-header nav ul li .link-nav:hover::after,
    #nav-header nav ul li .link-nav:focus::after{height: 4px;}
    
    #nav-header nav ul li:hover ul.submenu{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    
    footer{font-size: 14px;}
    .nav-footer ul{flex-wrap: wrap;}
    .nav-footer ul li{padding: 0 10px;}
    #header-concessionnaire{padding-bottom: 69px;}
    #Sidebar-header{top: 0;}
    body .content-actus{padding: 40px 0 296px;}
    .content-actus .liste-actu{padding: 0 20px;}
    .content-actus .liste-actu li{width: auto;}
    .content-actus .liste-actu{flex-direction: column; align-items: center;}
    .content-actus .liste-actu li:first-child {border-right: none; margin-bottom: 30px;}
    .content-actus .liste-actu .img-actu{max-height: 300px;}
    .img-actu img{height: auto; width: 100%;}
    .items-avantages {
        margin: -125px auto 40px;
    }
    .liste-avantages .row1,
    .liste-avantages .row2{flex-direction: column; padding: 0 20px;}
    .liste-avantages .row1 a, .liste-avantages .row2 a{margin-right: 0; margin-bottom: 15px; height: auto; max-height: 200px;}
    
    .liste-avantages .option2,
    .liste-avantages .option3,
    .liste-avantages .option4,
    .liste-avantages .option6,
    .liste-avantages .option1,
    .liste-avantages .option5{width: 100%; max-width: 500px;}
    .items-avantages .liste-avantages .option1 img,
    .liste-avantages .option2 img,
    .liste-avantages .option3 img,
    .liste-avantages .option4 img,
    .items-avantages .liste-avantages .option5 img,
    .liste-avantages .option6 img{height: auto; width: 100%;}
    .content-etablissement .list-employee{flex-wrap: wrap; justify-content: center;}
    .img-employee{width: 130px; height: 130px; margin-bottom: 10px;}
    .txt-presentation-etablissement{font-size: 15px; line-height: 21px; text-align: justify; padding: 10px 20px;}
    .content-etablissement{padding: 50px 20px 80px;}
    .concession-page .content-etablissement{padding: 50px 20px 2px;}
    .content-etablissement .list-employee li{margin: 0 10px 10px;}
    #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;
    }
    .footer_haut {margin-top: 20px;}
    .footer_bas{padding:0 20px 30px; margin-bottom: 0;}
    .container_footer{max-width: 350px; margin: 0 auto;}
    a.phone-article{margin-left: 0;}
}


@media screen and (max-width: 850px) {
    .presentation-minisite .col-left-home-banner{display: none;}
    .presentation-minisite .p-0 {
        background: #fff;
        padding: 30px 0 7px !important;
    }
    .presentation-minisite .presentation-concessionnaire{
        margin: 0 auto!important;
    }
    .presentation-minisite.banner-home .img-banner-home {
        max-height: inherit;
        height: auto !important;
    }
    .presentation-minisite.banner-home{display: block;}
    .presentation-minisite.banner-home .img-banner-home {
        max-height: inherit;
    }
    .presentation-minisite .content-presentation,
    .more-information{margin-left: 0;}
    
    .presentation-minisite .more-information,
    .presentation-minisite .content-presentation {margin-right: 0;}
    
    .entry-footer{flex-direction: column; align-items: center;}
    .entry-footer .col-footer:nth-child(1){order: 2; margin-bottom: 40px;}
    .entry-footer .col-footer:nth-child(2){order: 3;}
    .entry-footer .col-footer:nth-child(3){order: 1; margin-bottom: 20px;}
    .banner-home{display: flex; flex-direction: column;}
    .banner-home .img-banner-home{align-items: center; max-height: 212px; order:1;}
    .banner-home .title-banner-home{order: 2; bottom: inherit; top: 30px; padding: 0 0 0 20px; min-width: 240px;}
    .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%;}
    
    .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;
    }
}


@media screen and (max-width: 960px) {
    .content-presentation .txt1{
        width: 100%;
    }
    .container-txt1 {
        padding: 0;
    }
    #nav-header nav{width: 75%;}
    #nav-header nav .link-nav, #nav-header nav ul li a{font-size: 18px;}
    .img-banner-home{align-items: flex-start; height: auto;}
    .title-banner-home{bottom: 15%;}
    .banner-home .col-left-home-banner{height: auto;}
    .col-left-home-banner::after{display: none;}
    .content-product{padding: 40px 20px;}
    .col1-home, .col2-home{width: 48%;}
    .items-concessionnaire,
    .items-home-product{flex-direction: column; align-items: center;}
    .items-home-product .col1-home, .items-home-product .col2-home{width: auto;}
    .items-home-product .col2-home{margin-top: 30px;}
    .items-home-accessoire ul{justify-content: center; flex-wrap: wrap;}
    .items-home-accessoire .title-accessoires-home h3{width: auto;}
    .items-home-accessoire .title-accessoires-home{max-width: 640px; margin: 0 auto 30px;}
    .voir-tous-les-accessoires{width: 240px; font-size: 18px;}
    .item-accessoire{max-width: 30%; min-width: 220px;}
    .liste-actu .img-actu{max-height: 400px;}
    .liste-avantages .row1 h4, .liste-avantages .row2 h4{padding: 16px 20px; font-size: 16px; line-height: 20px;}
    .liste-avantages h4 strong{font-size: 22px; line-height: 22px;}
    .liste-avantages .option1 img, .liste-avantages .option5 img{width: auto; height: 100%;}
    .more-information{position: inherit; top: 0; left: 0; margin-bottom: 30px;}
    body .presentation-concessionnaire .content-presentation{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 30px 20px;
        max-width: inherit;
        margin-left: 0;
    }
    .content-presentation .txt1 a{display: none;}
    .content-presentation .txt1 p{width: auto;}
    .content-detail{padding: 35px 20px 10px;}
    .breadcrumb-yamaha{max-width: 700px;}
    .breadcrumb-yamaha a{font-size: 15px;}
    .breadcrumb-yamaha span{margin-right: 5px; font-size: 12px;}
    .content-detail .items-concessionnaire{margin-bottom: 30px;}
    .content-detail .col1-concessionnaire{margin-right: 0; width: 100%; max-width: 700px;}
    .list-option-detail-product{margin: 25px 0;}
    .content-detail .col2-concessionnaire {
        max-width: 700px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }
    /*.row-detail{margin-right: 20px; margin-bottom: 0;}*/
     .row-detail{margin-bottom: 20px;}
    .form-contact-product{
        /*min-width: 250px;*/
    }
    .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;}
    .coordonnee-concessionnaire .logo-concessionnaire{margin-bottom: 20px; margin-right: 20px;}
    .content-detail .items-concessionnaire{margin-bottom: 70px;}
    .block-adresse{display: flex; justify-content: center; flex-wrap: wrap;}
    .section-concessionnaire .coordonnee-concessionnaire{padding: 20px;}
    .section-concessionnaire.content-detail .col2-concessionnaire{margin-top: 20px; justify-content: center;}
}

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

@media screen and (max-width: 1200px) {
    .col1-home, .col2-home{width: 48%;}
    .items-home-product h3{font-size: 30px; line-height: 32px; margin-bottom: 30px;}
    .img-presentation-modeles .col3 a{max-height: 150px; height: auto;}
    .img-presentation-modeles .col2{align-items: stretch;}
    .img-presentation-modeles .col4 a{max-height: 300px; height: 100%;}
    .detail-annonce{font-size: 15px; line-height: 20px;}
    .detail-annonce h4{margin-bottom: 6px;}
    .detail-annonce h4 a{font-size: 16px; line-height: 18px;}
    .detail-annonce .price{margin-top: 6px; font-size: 17px;}
    .item-occasion .img-occasion{min-width: 214px; margin-right: 20px;}
    .item-occasion{padding-right: 20px;}
    .items-concessionnaire, .items-home-product{margin-bottom: -6px;}
    .title-accessoires-home{margin-bottom: 30px;}
    .title-accessoires-home h3{font-size: 30px; line-height: 32px; width: 70%;}
    .title-accessoires-home h3::after{top: 21px;}
    .item-accessoire{max-width: 30%; margin: 8px;}
    .title-actus h3{font-size: 30px; line-height: 32px;}
    .items-avantages h3{font-size: 30px; line-height: 32px; margin-bottom: 30px;}
    .content-actus{padding: 40px 0 328px;}
    .voir-toutes-les-actus{font-size: 18px;}
    .content-presentation .txt1 a{min-width: 180px; margin-right: 20px;}
    .presentation-concessionnaire .content-presentation{font-size: 13px; line-height: 18px;}
    .content-presentation .txt1{margin-bottom: 14px;}
    .cta-en-savoir-plus{margin-top: 14px;}
    .row-detail,
    .form-contact-product{
        /*padding: 20px;*/
    }
    .list-option-detail-product .reserver-votre-essai .picto-reserv{margin-right: 16px;}
    .list-option-detail-product .reserver-votre-essai{font-size: 18px; padding: 0 12px;}
    .list-option-detail-product .cta-white{font-size: 18px; padding: 10px 12px;}
    .list-option-detail-product .cta-white span{margin-right: 12px;}
    .form-contact-product .contact-info-product{margin: 10px 0;}
    .form-contact-product .popin-horaires-detail{width: 300px;}
}