body{padding-top: 90px;}

body a{transition: all 300ms ease;}
body a:focus{outline:none;}

.navbar{margin-bottom: 0;}

.navbar-default {
    position: fixed;
    top: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    min-height: 92px;
    padding: 10px 25px;
    border-color: #FFF;
    border-radius: 0;
    background-color: rgba(255,255,255,0.5);
    border-bottom: 1px solid #F5F5F5;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

body .navbar-default .container-fluid .navbar-header::before,
body .navbar-default .container-fluid .navbar-header::after,
.navbar-nav::before,
.navbar-nav::after,
.navbar-default .container-fluid::before,
.navbar-default .container-fluid::after,
.navbar-default .navbar-collapse::before,
.navbar-default .navbar-collapse::after,
body .navbar-default::before,
body .navbar-default::after{display:none !important;}

.navbar-default .container-fluid,
.navbar-default .navbar-collapse{padding:0;}

.navbar-default .container-fluid{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    margin: 0;
}

.navbar-default .navbar-header .navbar-toggle{
    position: relative;
    width: 48px !important;
    height: 44px;
    margin: 0;
    padding: 0 !important;
    border-color: #333;
    border-radius: 0;
    transition: all 300ms ease;
}

.navbar-default .navbar-header .navbar-toggle .hamburger-inner{
    transition: all 300ms ease;
    display: block;
    height: 100%;
    position: relative;
}

.navbar-default .navbar-header .navbar-toggle .icon-bar{
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -11px;
    transition: all 300ms ease;
}

.navbar-default .navbar-header .navbar-toggle.collapsed .hamburger-inner{transform: rotate(0deg);}
.navbar-default .navbar-header .navbar-toggle .hamburger-inner{transform: rotate(225deg);}
.navbar-default .navbar-header .navbar-toggle.collapsed .icon-bar:first-child{top: 15px;}
.navbar-default .navbar-header .navbar-toggle .icon-bar:first-child {top: 21px;}
.navbar-default .navbar-header .navbar-toggle.collapsed .icon-bar:last-child{top: 27px; transform: rotate(0deg);}
.navbar-default .navbar-header .navbar-toggle .icon-bar:last-child{top: 21px; transform: rotate(-90deg);}

.navbar-default .navbar-nav > li > a {
    position: relative;
    z-index: 10;
    padding: 25px 15px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 0.02em;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #ed1c24;
    background-color: transparent;
    outline: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #ed1c24;
    background-color: transparent;
}

.navbar-default .navbar-nav a svg{transition: all 300ms ease;}
.navbar-default .navbar-nav a:focus svg,
.navbar-default .navbar-nav a:hover svg,
.navbar-default .navbar-nav > .active > a svg,
.navbar-default .navbar-nav > .active > a:focus svg,
.navbar-default .navbar-nav > .active > a:hover svg{fill:#ed1c24;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
    color: #ed1c24;
    background-color: rgba(231, 231, 231, 0.4);
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #eee;
    background-color: rgba(231, 231, 231, 0.2);
}

.navbar-default .navbar-nav > li > a::before{
    content: "";
    position: absolute;
    z-index: 0;
    left: 51%;
    right: 51%;
    bottom: 10px;
    background: #ed1c24;
    height: 3px;
    transition-property: left, right;
    transition-duration: 300ms;
    transition-timing-function: ease-out;
}

.navbar-default .navbar-nav > .active > a::before,
.navbar-default .navbar-nav > .open > a::before,
.navbar-default .navbar-nav > li > a:hover::before{left: 34%; right: 34%;}

.navbar-nav > li > .dropdown-menu {background-color: #505358;}
.navbar-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    float: none;
    text-align: center;
    margin: 0;
}
.navbar-nav > li {
    float: none;
    display: inline-block;
}

.dropdown-menu > li > a {color: #eee;}
.carousel-caption {
    right: 20%;
    left: 10%;
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: 300;
    text-align: left;
    color: #d29b00;
    text-shadow: none;
    top: 20px;
}
.carousel-control .fa{
    font-size: 45px;
    position: absolute;
    top: 45%;
}

.carousel-control.left .fa{left: 15px;}
.carousel-control.right .fa{right: 15px;}

.module-contact{
    background: #000;
    padding: 10px;
    color: #fff;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    position: relative;
    top: -1px;
    left: 10px;
}

.page-actualite h2{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}

.page-actualite h2 a{color: #000; font-weight: 700;}
.page-actualite h2 a:hover{text-decoration: none;}

.page-actualite .CLArticleContent {
    width: 100%;
    margin: 0;
    padding: 0 30px;
}
.page-actualite .CLArticleContent .cta-polemoto{margin: 14px auto 10px; max-width: 220px;}
.page-actualite .CLArticleSlide {width: 100%;}
.page-actualite .CLSocial{display:flex; align-items:center; gap: 10px;}
.page-actualite .CLSocial a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 30px;
    height:30px;
    border: none;
}
.page-actualite .CLSocial a.CLFacebook span{font-size: 15px;}
.page-actualite .CLSocial a.CLTwitter{background: #FFF;}

.titre-actu-page-motoconcess,
.titre-page-motoconcess{
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 20px;
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    color:#000;
}

.titre-actu-page-motoconcess::before,
.titre-page-motoconcess::before {
  background: #ed1c24;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 3px;
  margin: 0 auto;
  right: 0;
  width: 100px;
}


/******* SOUS-MENU *********/

.bottom-menu{
    background: rgba(23, 24, 38, 0.9);
    padding: 30px 30px 0;
    text-align: center;
}

.menu-marques{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 26px;
}

.bottom-menu ul.menu-marques li{
    overflow: hidden;
    border: 1px solid #000;
    display: inline-block;
    position: relative;
    border: none;
}
.label-marque{
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    padding: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    transform: translateY(100px);
    transition: all 300ms ease;
}
.bottom-menu ul li:hover .label-marque{
    transform: translateY(50px);
    opacity: 1;
}
.bottom-menu ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff none repeat scroll 0 0;
    height: 120px;
    width: 120px;
    padding: 0;
    transition: all 300ms ease-in-out;
    box-shadow: inset 0 0 0 #000;
}

.bottom-menu ul li:hover a{box-shadow: inset 0 0 5px #000;}
.bottom-menu ul li a img{width: 95px;}

.sous-menu-li{
    display: block;
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    padding: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
}
.menu-marque:hover .sous-menu-li{
    top: 70px;
    opacity: 1;
    visibility: visible;
}

.no-relative{position: static !important;}

.bottom-menu ul li.pole30{border-color: #000;}
.bottom-menu ul li.pole30 a{background: #2b2e34;}
.bottom-menu ul li.triumph {border-color: #000;}
.bottom-menu ul li.triumph a{background: #000;}
.bottom-menu ul li.yamaha {border-color: #d71718;}
.bottom-menu ul li.kawasaki {border-color: #000;}
.bottom-menu ul li.kawasaki a{background: #000;}
.bottom-menu ul li.default {border-color: #fff;}
.bottom-menu ul li.default a{background: #fff;}
.bottom-menu ul li.eshop {border-color: #ed2a2e;}
.bottom-menu ul li.kymco {border-color: #8c8c8c;}
.bottom-menu ul li.moto-axxe{border-color: #f26320;}



/******* SOUS-MENU *********/
.logo-img {
    margin: 0 auto;
    height: 65px;
}

#checkBoxPromotions{margin-top: 8px;}

.page-acceuil-lg .text-presentation-lg{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 30px;
    width: 1100px;
    margin: 0 auto;
}

.text-presentation-lg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    flex-direction: row-reverse;
}

.text-presentation-lg .link-img{display: flex; align-items: center; width: 47%;}
.text-presentation-lg .link-img img{width:100%;}
.text-presentation-lg img{
    border-radius: 8px;
    border: 1px solid #000;
    width: 47%;
}
.text-presentation-lg .txt-article{max-width: 48%;}

.bulle-container{
    background: url("../images/bg-bulle3.jpg") no-repeat center bottom;
    background-size: cover;
    background-attachment: fixed;
    padding: 60px 50px;
}
.CLAnnonceNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 15px 0;
    width: 100%;
    margin: 0 auto 30px;
}

.CLAnnonceNav .CLCell{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.CLAnnonceNav .CLCell .CLBtn{
    background: none;
    display: flex;
    align-items: center;
    gap: 10px;
    border: none;
    padding: 0;
    font-weight: 500;
    color: #000;
}

.CLAnnonceNav .CLCell .CLBtn:hover{color:#ed1c24; gap: 15px;}
.CLAnnonceNav .CLCell .CLBtn svg{transition: all 300ms ease;}
.CLAnnonceNav .CLCell .CLBtn:hover svg{fill:#ed1c24;}

.CLAnnonceNav .CLBtn{margin-top: 0;}

.bulle{
    background: rgba(78, 101, 170, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    min-height: 210px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transform: skew(-20deg,0deg);
}

.bulle a{color: #fff; transform: skew(20deg,0deg); text-decoration: none;}
.bulle a:hover,
.bulle a:focus{color: #FFF; text-decoration: none; outline:none;}

.pole{margin-top: 12px;}

footer{
    background: #000;
    color: #fff;
    padding: 25px 25px 40px;
}

.footer__infos-contact{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 30px 0;
}

.nom-concess-footer{
    display: block;
    margin-bottom: 12px;
    color: #F30711;
    font-size: 18px;
    font-weight: 700;
}

.footer__infos-contact .phone{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
}

.footer__infos-contact .phone:hover{text-decoration:none;}

.footer__infos-contact .phone i{rotate: 90deg;}

.bloc-horaire__contact{
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 36px;
    border: 2px solid #FFF;
    margin-bottom: 20px;
    margin-left: auto;
    color: #FFF;
    overflow: hidden;
    text-decoration: none;
    transition: all .5s cubic-bezier(.6,0,.3,1);
    transform: skew(-20deg,0deg);
}
.bloc-horaire__contact:hover,
.bloc-horaire__contact:focus{
    color:#000;
    outline: none;
    text-decoration: none;
}

.bloc-horaire__contact::before{
    background: #FFF;
    position: absolute;
    left: -100%;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .5s cubic-bezier(.6,0,.3,1);
}
.bloc-horaire__contact:hover::before{left: 0;}

.bloc-horaire__contact span{
    position:relative;
    z-index:2;
    transform: skew(20deg,0deg);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.bloc-horaire__detail{font-size: 14px;}

.footer__links{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    padding: 35px 0;
    font-size: 14px;
}

.footer__RS,
.footer__logos{display: flex; align-items: center; gap: 20px;}
.footer__logos a,
.footer__RS a{display: flex; text-decoration:none;}
.footer__RS a svg{fill:#FFF; transition: all 300ms ease;}
.footer__RS a:hover svg{fill:#ee1d23;}

.footer__logos a img{transition: all 300ms ease;}
.footer__logos a:hover img{transform: scale(1.2);}

.footer__links .footer__ML,
.lien-footer a{color: #fff;}

.footer__links .footer__ML:hover,
.lien-footer a:hover{
    color: #ee1d23;
    text-decoration: underline;
}

.bloc-horaire{text-align: right;}

.header {
    background: #2b2e34;
    padding: 20px 0;
}

.corp {
    display: flex;
    flex-direction: column;
    padding: 40px 30px;
    max-width: 1400px;
    margin: 20px auto;
}

.corp.page-acceuil-lg{
    background: url("../images/photo-occasions.jpg") no-repeat center center; 
    background-size: cover;
    margin: 0;
    padding: 0;
    max-width: inherit;
}
.corp.vn{padding: 0;}

.corp.page-services{justify-content: space-between; flex-direction: row; flex-wrap: wrap; gap: 40px; max-width: 1100px;}

.corp.page-services .detail-module{width: 47%;}
.corp.page-services .detail-module .CLArticle{width:100%;}
.page-services .detail-module .CLArticle .text-presentation-lg{display: flex; flex-direction: column; overflow: hidden;}
.page-services .detail-module .CLArticle .text-presentation-lg h3{
    order: 2;
    width: 100%;
    margin: 0 20px 0;
    text-align: center;
    border-bottom: 1px solid #ed1c24;
    padding: 0 20px 20px;
    color:#ed1c24;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
}
.page-services .detail-module .CLArticle .text-presentation-lg img{
    order: 1;
    width: 100%;
    object-fit: cover;
    margin: 0;
    border-radius: 10px 10px 0 0;
    border:none;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}
.page-services .detail-module .CLArticle .text-presentation-lg .txt-article{order: 3; width: 100%; padding: 0 20px; max-width: inherit;}
.page-services .detail-module .CLArticle .text-presentation-lg .txt-article p,
.page-services .detail-module .CLArticle .text-presentation-lg .txt-article p span{font-size: 16px !important; line-height: 23px;}


#IDPageContact #localisation{min-height: 500px;}

.CLBlockcontent-inline{width: 23.5%;}
.logos{margin-top: 15px;}
.logo-checkbox{margin-top: 18px;}
.CLPagintation{display: flex; align-items: center; gap: 5px;}
.CLPagintation span{background-color: #f30711; padding: 7px 10px; color:#FFF;}
.CLPagintation a{padding: 7px 10px; text-decoration:none;}
.CLPagintation a:hover{background-color:#000; color:#FFF; text-decoration:none;}
.CLAnnonceCaracteristiques{width: 59%; max-width: 750px;}
.CLAnnonceCaracteristiques,
.CLAnnonceDescription{margin-bottom: 40px;margin-top: 80px;}

.section-bloc-fiche .CLAnnonceConcession{box-shadow: 0 10px 50px #00000026; border:none; padding: 0;}

.CLAnnonceConcession .titre-annonce{
    border: 1px solid #ed1c24;
    background: #ed1c24;
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.CLAnnonceConcession .CLAnnonceConcession__contact{
    padding: 30px 30px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

.CLAnnonceConcession__contact .prix{
    margin-bottom: 26px;
    color: #ed1c24;
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
}

.infos-base .infos-base__important{display: flex; align-items: center; gap: 20px; margin-bottom: 30px;}

.infos-base__important div{
    font-size: 18px;
    font-weight: 700;
    display: flex;
    padding: 0 20px;
    height: 36px;
    background-color: #E6E6E6;
    align-items: center;
    border-radius: 18px;
}

.infos-base ul{padding-left: 12px; margin-bottom: 24px;}

.CLAnnonceConcession__contact h4{
    font-size: 16px;
    line-height: 24px;
    padding-top: 15px;
    border-top: 1px dashed;
    text-align: center;
    color: #000;
}
.CLAnnonceConcession__contact h4 strong{font-weight: 700;}
.CLAnnonceConcession__contact .CLAnnonceConcession__adresse{text-align: center;}

.CLAnnonceConcession__adresse .CLbtn{
    background-image: none;
    color: #000;
    max-width: 140px;
    margin: 8px auto 0;
    padding: 6px 10px;
    font-weight: 500;
    transition: all 300ms ease;
}
.CLAnnonceConcession__adresse .CLbtn:hover,
.CLAnnonceConcession__adresse .CLbtn:focus{background-color:#000 !important; color:#FFF; border: 1px solid #000;}

.CLAnnonceConcession__contact .CLAnnonceConcession__adresse .phone{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    color: #000;
    font-size: 21px;
    font-weight: 700;
}

.CLAnnonceConcession__contact .CLAnnonceConcession__adresse .phone i{rotate: 90deg; font-size: 18px;}
.CLAnnonceConcession__contact .CLAnnonceConcession__adresse .phone:hover,
.CLAnnonceConcession__contact .CLAnnonceConcession__adresse .phone:focus{text-decoration: none; outline:none;}


.CLAnnonceConcession .CLAnnonceConcession__partager{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.CLAnnonceConcession .CLAnnonceConcession__partager h3{margin: 0; font-weight: 600; color: #000;}
.CLAnnonceConcession__partager .row{display: flex;  align-items: center; gap: 12px;}
.CLAnnonceConcession__partager .row a{display: flex;}

.CLAnnonceConcession__partager .row a svg{transition: all 300ms ease;}
.CLAnnonceConcession__partager .row a:hover svg{fill:#ed1c24;}

.CLAnnonceConcession .price{
    display: block;
    margin-top: 24px;
    margin-bottom: 20px;
    color:#ed1c24;
    font-size: 24px;
    line-height: 30px;
}

.CLAnnonceConcession h2,
.CLAnnonceCaracteristiques h2,
.CLAnnonceDescription h2,
.CLBlockcontent h2,
#IDPageContact h2{
    text-align: center;
    padding: 13px 0 11px;
    font-size: 16px;
    color: #000;
    margin-top: 0;
}

.prix-fiche{color: #ed1c24;}
.CLAnnonceCaracteristiques table tr:first-child td:last-child{color: #ed1c24;}
.vert{color: #23ad0c;}

.CLAnnonceConcession .cta-polemoto{margin: 40px auto 30px; max-width: 240px;}

.CLBlockcontent, .CLBlockcontent-w, .CLBlockcontent-inline {padding: 15px;}

.fa-chevron-circle-right, .fa-chevron-circle-left{display: none !important;}

#IDPageContact label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 13px;
    padding-left: 6px;
}
#IDPageContact input[type=checkbox]{
    position: relative;
    top: 2px;
}
#checkBoxPermis{margin-left: 5px;}
.marque{max-height: 40px;}

.fb{
    margin-left: 14px;
    margin-right: 14px;
    max-height: 37px;
    margin-top: 1px;
}
.flex{
    display: flex;
    align-items: center;
}
.fb-a:hover{
    opacity: 0.7;
    text-decoration: none !important;
}
.col-sm-4 .img-responsive{margin: 0 auto;}

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

.Deatil-Article{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    max-width: 960px;
    margin: 0 auto;
}

.Deatil-Article .CLArticleSlide{margin: 0 0 40px; width: 100%;}
.Deatil-Article .CLArticleSlide .fancybox{width: 100%; display: flex;}
.Deatil-Article .CLArticleContent,
.Deatil-Article .CLArticleSlide .fancybox img{width: 100%;}

.Deatil-Article .CLArticleSlide .CLArticleSlide-thumb .fancybox{width: auto;}
.Deatil-Article .CLArticleSlide .CLArticleSlide-thumb .fancybox img{width: 60px;}

.Deatil-Article .CLArticleContent .CLSocial{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.Deatil-Article .CLArticleContent .CLSocial a{
    display: flex;
    align-items: center;
    background: none;
    border: none;
    width: 30px;
    height: 30px;
    padding: 0;
}
.Deatil-Article .CLArticleContent .CLSocial a:hover{text-decoration:none;}
.Deatil-Article .CLArticleContent .CLSocial a svg{transition: all 300ms ease;}
.Deatil-Article .CLArticleContent .CLSocial a:focus svg,
.Deatil-Article .CLArticleContent .CLSocial a:hover svg{fill:#ed1c24;}
.Deatil-Article .CLArticleContent .CLSocial a:focus{outline:none;}

.corp .detail-module{max-width: 1100px; margin: 0 auto; width: 100%;}

.CLArticle {
    background: linear-gradient(45deg, #000000 1%,#6d0019 100%);
    position: relative;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 35px;
    margin-top: 30px;
}

.CLArticle .text-presentation-lg .txt-article p a{color: #ed1c24;}

.page-services .detail-module .CLArticle,
.items-list__container .CLArticle{
    background: #FFF;
    display: flex;
    flex-direction: column;
    width: 47%;
    padding: 0 0 30px;
    border-radius: 10px;
    color:#000;
    transition: all 300ms ease;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
}

.items-list__container .CLArticle:hover{
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
    transform: translateY(-10px);
}

.items-list__container .CLArticle .CLArticleSlide{padding: 0 !important; margin: 0; width: 100%; border-radius: 10px 10px 0 0;}

.items-list__container .CLArticle .CLArticleSlide .img-item,
.items-list__container .CLArticle .CLArticleSlide .fancybox{
    display: flex;
    align-items: center;
    height: 350px;
    overflow: hidden;
}
.items-list__container .CLArticle .CLArticleSlide .img-item img,
.items-list__container .CLArticle .CLArticleSlide .fancybox img{
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-acceuil-lg .CLArticle{
    background: rgba(0,0,0,0.8);
    padding: 80px 25px;
    position: relative;
    margin: 0;
}

.politique h3{color: #f00;}

.corp .content-pole30{width: 100%; padding: 0;}

.form-liste-vehicules{display: flex; flex-direction: column; gap: 24px;}

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

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

.items-product-liste .items-product-liste__col-right .product-liste{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; padding: 0; list-style:none;}

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

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

.filter #FormOptions .form-select{width: 80%;}
.form-search .custom-select .form-select{width: 200px;}

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

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

.filter #FormOptions .irs--big .irs-line{background: #e6e6e6; box-shadow: none; border: none; top: 34px; height: 2px;}
.filter #FormOptions .irs--big .irs-bar{background: #000; box-shadow: none; border: none; top: 34px; height: 2px;}

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

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

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

.filter #FormOptions .form-switch .form-check-input{
    width: 46px;
    height: 24px;
    margin-right: 15px;
    cursor: pointer;
}
.filter #FormOptions .form-switch .form-check-input:checked {
    background-color: #FF6600;
    border-color: #FF6600;
}
.filter #FormOptions .form-switch .form-check-label{font-size: 15px; line-height: 16px; cursor: pointer;}
.filter #FormOptions .form-check-input:checked ~ .form-check-label{color:#FF6600;}

.filter #FormOptions #LinkSeeResults{
    display: inline-block;
    text-transform: uppercase;
    transition: all 300ms ease;
    cursor: pointer;
    padding: 10px 15px;
    border: none;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    line-height: 17px;
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 0%,#acacac 100%);
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#acacac 100%);
    background: linear-gradient(to bottom, #f0f0f0 0%,#acacac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#acacac',GradientType=0 );
}

.filter #FormOptions #LinkSeeResults:hover{
    color:#FFF;
    background: #ed1c24;
    background: -moz-linear-gradient(top, #ed1c24 0%,#ed1c24 100%);
    background: -webkit-linear-gradient(top, #ed1c24 0%,#ed1c24 100%);
    background: linear-gradient(to bottom, #ed1c24 0%,#ed1c24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#ed1c24',GradientType=0 );
}

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

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

.sort-filter .form-search .sort-title{margin-right: 15px; color:#000; font-family: "Blender Pro Bold", sans-serif; font-size: 16px; text-transform: uppercase;}

.items-product-liste__col-right .product-liste li{width: 32%; min-width: 300px; margin: 0 0 30px; background-color: #FFF; transition: all 300ms ease;}
.items-product-liste__col-right .product-liste li:hover{-ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); }
.items-product-liste__col-right .product-liste li a{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.items-product-liste__col-right .product-liste li a:hover{text-decoration: none;}
.items-product-liste__col-right .product-liste li a:focus{outline:none;}
.items-product-liste__col-right .product-liste li a .product-img{
    width: 100%;
    height: 300px;
    padding: 20px;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.vehicules-neuf .items-product-liste__col-right .product-liste li a .product-img{align-items: center;}
.items-product-liste__col-right .product-liste li a .product-detail{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 5px 25px 20px;
}
.items-product-liste__col-right .product-liste li a .product-detail h2{font-size: 18px; font-weight: 600; line-height: 24px; margin-bottom: 10px; color:#000; transition: all 300ms ease;}
.items-product-liste__col-right .product-liste li a:hover .product-detail h2{color:#F30711;}
.items-product-liste__col-right .product-liste li a .product-detail h4{width: 100%; text-align: left; font-size: 22px; line-height: 22px;}

.items-product-liste__col-right .product-liste li a .product-detail .item-info{display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: 10px;}
.items-product-liste__col-right .product-liste li a .product-detail .item-info div{width: 48%; color: #878787; font-size: 14px;}
.items-product-liste__col-right .product-liste li a .product-detail .item-info div.txt-align-right{text-align: right;}
.items-product-liste__col-right .product-liste li a .product-detail .item-info .product-price{text-align: right; font-size: 20px; line-height: 22px; color:#F30711; font-weight: 700; margin: 0;}
.vehicules-neuf .items-product-liste__col-right .product-liste li a .product-detail .item-info .product-price{text-align: left;}
.items-product-liste__col-right .product-liste li a .product-detail .item-info .CLAncienPrix{text-decoration: line-through;}

.items-product-liste__col-right .product-liste li a img{
    width: inherit;
    height: 100%;
    object-fit: cover;
    max-width: inherit;
}
.vehicules-neuf .items-product-liste__col-right .product-liste li a img{width: auto; height: auto; max-width: 98%; max-height: 100%;}
.pagination-footer{display: flex; justify-content: center;}
.pagination-footer .pagination{display: flex; justify-content: center;}
.pagination-footer .pagination .page-link{border: none; color: #000; font-family: "Blender Pro bold", sans-serif; font-size: 22px; line-height: 22px;}
.pagination-footer .pagination .current-page .page-link{background-color: #F30711;; color: #FFF;}

.CLBlockcontent-inline .CLBlockcontent-footer{padding: 10px 10px 20px;}

#form .CLAnnonceFiltre{margin-bottom: 32px;}

.corp.accessoires{padding: 40px 30px;}

.corp.accessoires h1.titre-page-motoconcess{display:none;}
.accessoires .titre-page-accessoires{margin-top: 0; color: #FFF;}

#sliderCarousel .carousel-inner .item img{width:100%;}

.section-detail-product{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1400px;
    padding: 0;
}

.section-detail-product .breadcrumb{
    display: flex;
    justify-content: center;
    background-color: transparent;
    padding: 0;
    margin-bottom: 40px;
}

.section-detail-product .breadcrumb span{display: inline-block;}
.section-detail-product .breadcrumb span a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    cursor: pointer;
    padding: 10px 15px;
    border: none;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    transition: all 300ms ease;
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 0%,#acacac 100%);
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#acacac 100%);
    background: linear-gradient(to bottom, #f0f0f0 0%,#acacac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#acacac',GradientType=0 );
}

.section-detail-product .breadcrumb span a:hover{
    color: #FFF;
    background: #ed1c24;
    background: -moz-linear-gradient(top, #ed1c24 0%,#ed1c24 100%);
    background: -webkit-linear-gradient(top, #ed1c24 0%,#ed1c24 100%);
    background: linear-gradient(to bottom, #ed1c24 0%,#ed1c24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#ed1c24',GradientType=0 );
}

.section-detail-product .breadcrumb span a .fa-level-up,
.section-detail-product .breadcrumb span a .fa-long-arrow-left{margin-right: 10px;}
.section-detail-product .breadcrumb span a .fa-long-arrow-right{margin-left: 10px;}

.section-detail-product .items-concessionnaire{display:flex;}
.section-detail-product .items-concessionnaire .col1-concessionnaire{width:64%;}
.section-detail-product .items-concessionnaire .col2-concessionnaire{width:36%; padding-left: 50px; color: #FFF; font-weight: 400; font-size: 16px; line-height: 20px;}

.section-detail-product .col2-concessionnaire h1{margin-top: 0; line-height: 36px;}

.section-detail-product .detail-product{display: flex; flex-direction: column; margin-bottom: 30px;}

.section-detail-product .detail-product .CLAncienPrix{text-decoration: line-through; color: #888; font-size: 18px;}

.section-detail-product .detail-product .price{
    font-size: 36px;
    line-height: 42px;
    display: inline-block;
    margin-bottom: 18px;
    color: #ed1c24;
}

.section-detail-product .detail-product .share-links{
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.section-detail-product .detail-product .share-links strong{display: inline-block; margin-right: 6px;}
.section-detail-product .detail-product .share-links a{display: flex; width: 32px; margin: 0 5px; border: 1px solid #FFF; transition: all 300ms ease;}
.section-detail-product .detail-product .share-links a:hover{background-color: #ed1c24; border: 1px solid #ed1c24;}
.section-detail-product .detail-product .share-links a:focus{outline:none;}
.section-detail-product .detail-product .share-links a svg{fill: #FFF; transition: all 300ms ease;}

.section-detail-product .contact-concessionnaire{
    padding: 20px 0 15px;
    border-top: 1px dashed #555;
    border-bottom: 1px dashed #555;
}

.section-detail-product .contact-concessionnaire h3{
    text-transform: uppercase;
    color: #827676;
    margin-top: 0;
}

.contact-concessionnaire .adresse .tel{
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.items-annonce .CLAnnonceConcession .tel{
    display: flex;
    color: #000;
    text-decoration: none;
    font-size: 21px;
    letter-spacing: 0.04em;
    font-weight: 700;
    align-items: center;
}

.items-annonce .CLAnnonceConcession .tel span{display: inline-block; margin-right: 10px; padding-top: 3px;}

.items-annonce .CLAnnonceConcession .tel:focus,
.contact-concessionnaire .adresse .tel:focus{outline:none;}
.contact-concessionnaire .contact-info-product{list-style: none; padding: 0;}

.items-annonce .CLAnnonceConcession .col-md-12 .CLbtn{margin-bottom: 10px;}

.contact-concessionnaire .contact-info-product li a{color: #FFF; display: inline-block; margin-bottom: 20px; text-decoration: none; transition: all 300ms ease;}
.contact-concessionnaire .contact-info-product li a:hover{color:#ed1c24;}
.contact-concessionnaire .contact-info-product li a:focus{outline:none;}
.contact-concessionnaire .contact-info-product li a.cta-contact{padding: 5px 13px 7px; border: 1px solid #FFF; text-transform: uppercase;}
.contact-concessionnaire .contact-info-product li a.cta-contact:hover{background-color: #ed1c24; border: 1px solid #ed1c24; color:#FFF;}

.contact-concessionnaire .contact-info-product li:last-child a{margin-bottom: 0;}
.contact-concessionnaire .contact-info-product li a span{margin-right: 7px; width: 17px; font-size: 15px; transition: all 300ms ease;}
.contact-concessionnaire .contact-info-product li a span.fa-map-marker{text-align: center; font-size: 18px;}

.col1-concessionnaire #print-gallery,
.CLAnnonceImg #print-gallery{display:none;}

.section-bloc-fiche .CLAnnonceImg{max-width: 750px;}
.CLAnnonceImg .picto-crit-air{
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}

.CLAnnonceImg .ModSlideShow img{width:100%;}

.section-detail-product #detail-info{display: flex; justify-content: space-between; margin: 50px 0;}
#detail-info .col1-detail-info,
#detail-info .col2-detail-info{
    width: 48%;
    background-color: #FFF;
    padding: 25px;
    border: 1px solid #d8d8d8;
    font-size: 15px;
}

#detail-info .col1-detail-info h3,
#detail-info .col2-detail-info h3{
    padding: 0 0 11px;
    font-size: 16px;
    color: #000;
    margin-top: 0;
    text-transform: uppercase;
    border-bottom: 1px dashed #CCC;
}

#detail-info .col1-detail-info table{font-size: 14px;}

.corp.demande-essai .section-contact-map,
.corp .items-detail-info,
.corp .items-annonce{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}

#sliderCarousel .carousel-inner .item a,
#sliderCarousel .carousel-inner .item a img{width:100%;}

.corp.demande-essai{padding: 40px 30px;}

.demande-essai .contact-contact-map h1{font-size: 35px; color: #FFF; text-align: center; margin: 0 0 40px; text-transform: uppercase;}
.d-none {display: none !important;}

#demande-essai{display: flex; justify-content: space-between;}
#demande-essai .img-info{width: 39%; padding-right: 60px; color: #FFF; font-size: 14px; max-height:300px;}
#demande-essai .img-info img{width:100%; margin-bottom: 30px;}
#demande-essai .form-essai{background-color: #FFF; width: 61%; padding: 30px;  display: flex; flex-wrap: wrap; justify-content: space-between;}

#demande-essai .form-essai .select2{border:none; width: 100% !important; margin-bottom: 20px; font-size: 15px;}
#demande-essai .form-essai .form-input{
    width: 31%;
    border-radius: 0;
    border: 1px solid #DDD;
    margin-bottom: 20px;
    min-width: 200px;
    padding: 5px 10px;
    font-size: 15px;
}

#demande-essai .form-essai #Email{width: 65.5%;}
#demande-essai .form-essai .form-CO{width: 100%; font-size: 12px; text-align:left;}
#demande-essai .form-essai .valid-RGPDA{display: flex; align-items: flex-start; margin: 20px 0 30px;}
#demande-essai .form-essai .valid-RGPDA label{
    position: relative;
    padding-top: 0;
    padding-left: 30px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    text-align: left;
    white-space: inherit;
    line-height: 16px;
}

#demande-essai .form-essai .valid-RGPDA label input{
    position: absolute;
    top: 5px;
    left: 4px;
    opacity: 0;
    height: 10px;
    width: 10px;
    cursor: pointer;
}

#demande-essai .form-essai .valid-RGPDA label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 2px solid #000;
    border-radius: 50%;
}

#demande-essai .form-essai .valid-RGPDA label input:checked ~ .checkmark{
    background-color: #ed1c24;
    border: 2px solid #ed1c24;
}

#demande-essai .form-essai .valid-RGPDA label .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    top: 1px;
    left: 1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ed1c24;
    border: 3px solid #FFF;
}

#demande-essai .form-essai .valid-RGPDA label input:checked ~ .checkmark::after{display: block;}

#demande-essai .form-essai .CTA-Submit{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin-left: auto;
    cursor: pointer;
    padding: 10px 15px;
    border: none;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    transition: all 300ms ease;
    background: #48484a;
    background: -moz-linear-gradient(top, #48484a 0%,#323234 100%);
    background: -webkit-linear-gradient(top, #48484a 0%,#323234 100%);
    background: linear-gradient(to bottom, #48484a 0%,#323234 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48484a', endColorstr='#323234',GradientType=0 );
}

#demande-essai .form-essai .CTA-Submit:hover{
    background: #ed1c24;
    background: -moz-linear-gradient(top, #ed1c24 0%,#ed1c24 100%);
    background: -webkit-linear-gradient(top, #ed1c24 0%,#ed1c24 100%);
    background: linear-gradient(to bottom, #ed1c24 0%,#ed1c24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#ed1c24',GradientType=0 );
}

.modal{background-color: rgba(0,0,0,0.6);}
.modal .modal-dialog{
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    padding: 25px;
    position: relative;
}

.modal .modal-dialog .title-form{margin-top:0; font-size: 18px; text-transform: uppercase;}

.modal .modal-dialog .close{
    position: absolute;
    z-index: 2;
    right: 16px;
    top: 12px;
    font-size: 30px;
    font-weight: normal;
}

.modal-dialog .CLform_contact .col-sm-12,
.modal-dialog .CLform_contact .col-md-12,
.modal-dialog .CLFboxForm .col-sm-12,
.modal-dialog .CLFboxForm .col-md-12{padding: 0;}
.modal-dialog .CLform_contact .col-sm-12 .row,
.modal-dialog .CLFboxForm .col-sm-12 .row{margin-right:0; margin-left:0;}
.modal-dialog .CLform_contact .col-md-12 label,
.modal-dialog .CLFboxForm .col-md-12 label{top: 0; left: 10px; font-size: 14px;}
.modal-dialog .CLform_contact .col-md-12 textarea,
.modal-dialog .CLFboxForm .col-md-12 textarea,
.modal-dialog .CLform_contact .col-md-12 input,
.modal-dialog .CLFboxForm .col-md-12 input{border-radius: 0;}
.modal-dialog .CLform_contact .col-md-12 .form-group,
.modal-dialog .CLFboxForm .col-md-12 .form-group{margin: 9px 0;}
.modal-dialog .CLform_contact .col-md-12 .ckbox .control-label,
.modal-dialog .CLFboxForm .col-md-12 .ckbox .control-label,
.modal-dialog .CLform_contact .col-md-12 .ckbox,
.modal-dialog .CLFboxForm .col-md-12 .ckbox{cursor:pointer;}
.modal-dialog .CLform_contact .col-md-12 .txt-co,
.modal-dialog .CLFboxForm .col-md-12 .txt-co{display: block; text-align: right; font-size: 12px;}
.modal-dialog .CLform_contact .col-md-12 .CLbtn,
.modal-dialog .CLFboxForm .col-md-12 .CLbtn{width: 200px;}


.section-occasions{padding: 0 25px;}
.section-occasions .contenu-vehicules{max-width: 1300px; margin: 50px auto 80px;}

.contenu-vehicules .titre-accueil{
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 20px;
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
}

.contenu-vehicules .titre-accueil a{color:#000; text-decoration:none;}

.contenu-vehicules .titre-accueil::before{
    background: #ed1c24;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 3px;
    margin: 0 auto;
    right: 0;
    width: 100px;
}

.occasions-accueil .owl-carousel .owl-stage-outer{z-index: 2; padding: 10px 0;}

.occasions-accueil .owl-theme .owl-nav {
  position: absolute;
  top: 12%;
  z-index: 1;
  opacity: 1;
  display: flex;
  justify-content: space-between;
  font-size: 76px;
  width: 100%;
}
.occasions-accueil .owl-theme .owl-nav.disabled{display:none;}
.occasions-accueil .owl-theme .owl-nav button{
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 40px;
    width: 30px;
    height: 76px;
    border-radius: 0;
    box-shadow: none;
    transition: all 300ms ease;
}

.occasions-accueil .owl-theme .owl-nav button:hover,
.occasions-accueil .owl-theme .owl-nav button:focus{background-color: transparent; color: #ed1c24; box-shadow: none;}

.occasions-accueil .owl-theme .owl-nav button.disabled,
.occasions-accueil .owl-theme .owl-nav button.disabled:hover,
.occasions-accueil .owl-theme .owl-nav button.disabled:focus{background-color: transparent; color: #989898; opacity:0.1;}

.occasions-accueil .owl-theme .owl-nav button span{padding: 0 0 7px 0;}

.occasions-accueil .owl-theme .owl-nav .owl-prev{margin-left: -50px;}
.occasions-accueil .owl-theme .owl-nav .owl-next{margin-right: -50px;}

.slider.home-slider .owl-one{width: 100vw; overflow:hidden; position:relative;}

.slider.home-slider .owl-one .owl-stage-outer,
.slider.home-slider .owl-one .owl-stage-outer .owl-stage{height:auto; max-height: 750px; min-height:350px;}
.slider.home-slider .owl-one .owl-stage-outer .owl-stage{display:flex; align-items: stretch;}
.slider.home-slider .owl-one .owl-stage-outer .owl-stage .owl-item{height:auto; max-height: 750px; min-height:350px; min-width: 100vw;}

.slider.home-slider .owl-one .owl-stage-outer .item-video .owl-video-wrapper{position:relative; height:auto;}
.slider.home-slider .owl-one .owl-stage-outer .item-video .owl-video-wrapper::before{
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top:0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: "";
}

.slider.home-slider .owl-one .owl-stage-outer .owl-video-playing .item-video .owl-video-wrapper::before{display:none;}

.slider.home-slider .owl-one .owl-stage-outer .item-video .owl-video-play-icon{
    background: url("../images/play-button.png") no-repeat;
    background-size: contain;
    z-index: 3;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px;
}
.slider.home-slider .owl-one .owl-stage-outer .item-video .owl-video-tn{
    position:relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
    height:100%;
    max-height: 750px;
    min-height:350px;
}
.slider.home-slider .owl-one .owl-stage-outer .item-video .owl-video-tn.hide-video-tn{display:none;}
.slider.home-slider .owl-one .owl-stage-outer .owl-item .item img{height:auto; max-height: 750px; min-height:350px; object-fit:cover;}

.slider .owl-theme .owl-dots,
.occasions-accueil .owl-dots{display: flex; justify-content: center; align-items: center; margin-top: 20px;}

.slider.home-slider .owl-carousel.owl-theme .owl-dots{
    margin-top: 0;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 20px;
    width: 100vw;
}

.slider .owl-theme .owl-dots .owl-dot span,
.occasions-accueil .owl-dots .owl-dot span{transition: all 300ms ease;}

.slider .owl-theme .owl-dots .owl-dot.active span,
.slider .owl-theme .owl-dots .owl-dot:hover span,
.occasions-accueil .owl-dots .owl-dot.active span,
.occasions-accueil .owl-dots .owl-dot:hover span{
    background-color: #ed1c24;
    box-shadow: none;
    border: 1px solid #ed1c24;
    width: 14px;
    height: 14px;
}

.slider .owl-theme .owl-dots .owl-dot span,
.occasions-accueil .owl-dots .owl-dot span{
    background-color: #FFF;
    border: 1px solid #ed1c24;
    width: 14px;
    height: 8px;
    margin: 5px;
    border-radius: 0px;
}

.vignette-home .vignette-occasion-accueil{
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    padding-bottom: 18px;
    transition: all 300ms ease;
    min-height: 370px;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.vignette-home .vignette-occasion-accueil:hover,
.vignette-home .vignette-occasion-accueil:focus{transform: translateY(-5px); outline:none; box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.vignette-occasion-accueil .titre-occasion-accueil{
    padding: 0 15px 3px;
    color: #000;
    font-size: 17px;
    font-weight: 700;
}

.vignette-occasion-accueil .detail-occasion-accueil.detail-haut{padding: 0 15px 10px;}
.vignette-occasion-accueil .detail-occasion-accueil{padding: 0 0 0 15px;}

.vignette-occasion-accueil .detail-occasion-accueil .row{display:flex; justify-content: space-between; align-items: center;}

.vignette-occasion-accueil .detail-occasion-accueil .col-xs-6:last-child{display: flex; justify-content: flex-end;}

.vignette-occasion-accueil .detail-occasion-accueil .prix-accueil{
    margin-right: 12px;
    padding: 6px 15px;
    font-weight: 700;
    font-size: 18px;
    color: #ed1c24;
    line-height: 18px;
}

.vignette-home .voir-detail-occasion .btn-default{background-color: #ed1c24; font-weight: 600; color:#FFF; transition: all 300ms ease;}
.vignette-home .voir-detail-occasion .btn-default:hover,
.vignette-home .voir-detail-occasion .btn-default:focus{background-color: #000;}

.vignette-occasion-accueil .detail-occasion-accueil .annee{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.occasions-accueil .voir-tout{display: flex; justify-content: center;}

.cta-polemoto{
    background-color: #ed1c24;
    border: 2px solid #ed1c24;
    position: relative;
    display: block;
    padding: 12px 26px;
    margin-top: 40px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: center;
    overflow: hidden;
    transition: all 500ms ease;
    transform: skew(-20deg,0deg);
    text-decoration: none;
}

.cta-polemoto:hover,
.cta-polemoto:focus{color: #ed1c24; outline:none; text-decoration: none;}

.cta-polemoto::before{
    background: #FFF;
    position: absolute;
    top: 0;
    left: -100%;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all 500ms ease;
}

.cta-polemoto:hover::before{left:0;}

.cta-polemoto span{
    position:relative;
    z-index: 2;
    display: block;
    transform: skew(20deg,0deg);
}

.page-contact .cta-polemoto,
.fancybox-outer .CLform_contact .cta-polemoto,
.form-sav-achat-cash .cta-polemoto,
.fiche-serie-limite__contact .cta-polemoto{margin: 0 auto; transform: skew(0deg,0deg);}

.permis-a2-liste {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.owl-carousel .owl-item .img-occasion-accueil img{width: 100%;}
.owl-carousel .owl-item .img-occasion-accueil .permis-a2-liste{width: 28px;}

.label-occasion {
    position: absolute;
    top: 12px;
    left: 12px;
    display: block;
    vertical-align: middle;
    padding: 0 8px;
    min-height: 24px;
    box-shadow: 0 1px 2px 0 rgba(46,56,67,.25);
    background-color: #fff;
    border-radius: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #434c56;
    text-align: center;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}
.fa-blue {
  color: #5cb4e4;
}

.voir-detail-occasion {
    transition: all .3s;
    position: absolute;
    opacity: 0;
    z-index: 2;
    left: 105px;
    top: 105px;
    font-family: 'Roboto', sans-serif;
}

.vignette-occasion-accueil:hover .voir-detail-occasion {opacity: 1;}


.section-categories{padding: 50px 30px;}

.categories__content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.categories__content .categorie-home{
    animation: 800ms forwards fadeOut;
    -webkit-animation: 800ms forwards fadeOut;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    display: block;
    opacity: 0;
    overflow: hidden;
    text-decoration: none;
    transform: skew(-8deg,0deg);
    transition: all 500ms cubic-bezier(.6,0,.3,1);
}

@keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.categorie-home__content{
    position: relative;
    left: -10%;
    width: 120%;
    height: 100%;
    transform: skew(8deg,0deg);
}

.categorie-home__content::before {
    background: rgba(0,0,0,0.2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
    transition: all 300ms ease;
}

.categorie-home__content::after{
    background-color: #031b29;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    transition: all .5s cubic-bezier(0.6,0,0.3,1);
}

.categorie-home:hover .categorie-home__content::after,
.categorie-home:focus .categorie-home__content::after{height: 100%;}

.categorie-home__content.categorie-home__qjmotor::after{background-color:#d80c24;}
.categorie-home__content.categorie-home__talaria::after{background-color:#00a4c0;}
.categorie-home__content.categorie-home__stark::after{background-color:#b2a26f;}
.categorie-home__content.categorie-home__easyrenter::after{background-color:#087ac2;}

.categorie-home__content .categorie-home__img{
    position: relative;
    z-index: 1;
    width: 120%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.categorie-home__content .categorie-home__titre{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 44px;
    margin: -22px 0 0;
    padding: 0 60px;
    color: #FFF;
    font-size: 38px;
    line-height: 38px;
    font-weight: 800;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-transform: uppercase;
    transform: translate(0, -50%);
    z-index: 4;
}

.categorie-home__content.categorie-home__occasion .categorie-home__titre,
.categorie-home__content.categorie-home__qjmotor .categorie-home__titre{margin: 0;}

.serie-limite__items{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    width: 100%;
}

.serie-limite__item{
    width: 47%;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 24px;
    transition: all 300ms ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.serie-limite__item:hover{transform: translateY(-5px);  box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.serie-limite__photo img{width:100%;}

.serie-limite__detail h3{
    padding: 4px 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.serie-limite__detail .serie-limite__txt{padding: 0 20px; font-size: 14px;}
.serie-limite__detail .cta-polemoto{max-width: 210px; margin: 0 auto 10px;}

.fiche-serie-limite{display: flex; justify-content: space-between; gap: 35px;}
.fiche-serie-limite__photos{width: 60%;}
.fiche-serie-limite__detail{box-shadow: 0 10px 50px #00000026;}

.fiche-serie-limite__detail h1{
    background: #ed1c24;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

.fiche-serie-limite__contact{padding: 5px 24px;}
.fiche-serie-limite__contact h3{font-weight: 800; text-transform: uppercase; font-size: 18px;}
.fiche-serie-limite__contact .lien-pdc{font-size: 13px;}
.fiche-serie-limite__contact .ckbox{display: flex; align-items:center; margin-bottom: 5px; font-size: 13px;}
.fiche-serie-limite__contact .ckbox .control-label,
.fiche-serie-limite__contact .ckbox input{margin: 0;}
.fiche-serie-limite__contact .CLbtn{
    margin: 0;
    background: #ed1c24;
    border: 1px solid #ed1c24;
    width: 160px;
    font-weight: 600;
    font-size: 16px;
}

.fiche-serie-limite__contact .txtco{font-size: 11px;}

.page-preparations #detail-info{margin-top: 50px;}
.page-preparations #detail-info .col1-detail-info{width: 100%;}
.page-preparations #detail-info .col1-detail-info .CLAnnonceConcession__partager{margin-top: 40px;}

.page-mentions-legales .CLArticle{background: #FFF; padding: 0; color: #000;}


@media (max-width: 550px){
    body #demande-essai .form-essai .form-input{width: 100%;}
    .footer__logos{flex-wrap: wrap; justify-content: center;}
    .footer__separateur{display:none;}
    .footer__logos span{display:block; width:100%; text-align: center;}
    .footer__infos-contact{flex-direction: column; align-items: center;}
    .footer__infos-contact .bloc-adresse{text-align: center;}
    .footer__infos-contact .bloc-horaire__contact{margin: 0 auto 30px;}
    body .categories__content .categorie-home{width: 90%;}
}


@media (max-width: 600px){
    .items-list .items-list__container{flex-direction: column; align-items: center;}
    .page-services .detail-module .CLArticle,
    .items-list__container .CLArticle{width: 100%;}
}


@media (max-width: 680px){
    .accessoires-pole30 .items-product-liste__col-right .product-liste li {width: 100%;}
    body .accessoires-pole30 .items-product-liste .items-product-liste__col-left{padding: 0;}
    .accessoires-pole30 .items-product-liste__col-right .product-liste li{min-width: inherit;}
    .items-product-liste__col-right .product-liste li a .product-img{padding: 10px;}
    .items-product-liste__col-right .product-liste li a .product-detail{padding: 5px 20px 20px;}
}


@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {text-align: center; color:#FFF;}
    .navbar-nav>li {
        float: none;
        display: block;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        overflow: hidden;
        padding-right: 0;
    }
    .navbar-toggle {
        width: auto !important;
        position: relative;
        float: right;
        padding: 9px 10px !important;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .ModSlideShow {
        width: 100%;
        height: 400px !important;
    }
    
    .CLBlockcontent-inline {width: 100%;}
    
    .bulle {
        font-size: 18px;
        line-height: 27px;
        padding: 10px;
        min-height: 137px;
        margin-bottom: 15px;
    }
    
    .bloc-horaire {text-align: center;}
    
    .logo-img{
        width: auto;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .lien-footer a {
        text-align: center;
        margin: 6px 0;
        display: inline-block;
    }
    
    [class*='col'], [class*='col-'] {padding: 0 15px;}
    
    .CLSearchZone .form-group {margin: 0;}
    
    .FancyPhone a {margin-left: -25px;}
    
    .col-sm-4 .img-responsive {
        margin: 0 auto;
        margin-bottom: -39px;
    }
    #form_contact .CLbtn{
        width: 50% !important;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    #form_contact .text-left {float: none;}
    .bottom-menu ul li a {display: block;}
    .bottom-menu ul li a img {width: 100%;}
    .citation .img-responsive{margin-left: -8px;}
    .nav > li {display: block;}
    .navbar-nav {
        background: transparent;
        margin: 7.5px 0 0;
    }
    .bottom-menu ul li a {
        height: 90px;
        padding: 5px;
        width: 90px;
    }
    .bottom-menu ul li {
        border: 1px solid #000;
        display: inline-block;
        margin: 0 5px 10px;
    }
    .page-acceuil-lg .text-presentation-lg{width: 100%;}
    .navbar-nav>li {
        float: none;
        display: block;
    }
    .navbar-brand{display: none;}
    #detail-info .col1-detail-info, #detail-info .col2-detail-info{padding: 20px;}
    #detail-info .col2-detail-info p{margin: 0;}
    .accessoires-pole30 .items-product-liste .items-product-liste__col-left #FormOptions{flex-direction: column; align-items: center;}
    .accessoires-pole30 .items-product-liste .items-product-liste__col-left ul{width: 100%;}
    .items-product-liste__col-right .product-liste li a .product-detail h2,
    .items-product-liste__col-right .product-liste li a .product-detail .item-info{text-align:left;}
    .items-product-liste__col-right .product-liste li a .product-detail h2{font-size: 16px; line-height: 22px;}
    .accessoires-pole30 .items-product-liste .items-product-liste__col-right{padding: 0;}
    .items-annonce .CLAnnonceConcession .tel{justify-content: center;}
    #IDPageContact #localisation .text-right{margin: 30px 0 0; height: 410px;}
    .page-acceuil-lg .CLArticle{padding: 40px 25px;}
    .page-acceuil-lg .text-presentation-lg{max-width: 600px; flex-direction: column; gap: 20px;}
    .contenu-vehicules .titre-accueil{font-size: 30px; line-height: 34px;}
    .cta-polemoto{font-size: 15px; padding: 12px 20px;}
    .titre-actu-page-motoconcess,
    .titre-page-motoconcess{font-size: 30px; line-height: 34px; margin-bottom: 30px;}
    .CLAnnonceNav .CLCell{width: 100%;}
    .CLAnnonceNav .CLCell a.cta-polemoto{width: 100%; border: 2px solid #ed1c24; background-color: #ed1c24;}
    .CLAnnonceNav{flex-direction: column;  align-items: center;}
    .CLAnnonceNav .CLCell:nth-child(2){display:none;}
    .infos-base ul{list-style: none; padding: 0}
    .bulle-container .bulle{max-width: 300px; margin: 0 auto;}
    .CLAnnonceConcession .titre-annonce{font-size: 20px; line-height: 24px;}
    .CLAnnonceConcession .CLAnnonceConcession__contact{padding: 30px 15px 0;}
    .infos-base .infos-base__important,
    .CLAnnonceConcession .CLAnnonceConcession__partager{flex-wrap: wrap;}
    .form-group{text-align: left; margin:0; width: 100%;}
    #module_contact .col-sm-6,
    #module_contact .col-sm-6 .col-md-6,
    #module_contact .col-sm-6 .col-md-12,
    #form_contact .col-sm-6,
    #form_contact .col-sm-6 .col-md-6,
    #form_contact .col-sm-6 .col-md-12{padding:0;}
    
    #form_contact .col-md-3 .row,
    #form_contact .col-md-6 .row,
    #form_contact .col-sm-6 .col-md-12,
    #form_contact .col-sm-6 .col-md-6,
    #module_contact .col-md-3 .row,
    #module_contact .col-md-6 .row,
    #module_contact .col-sm-6 .col-md-12,
    #module_contact .col-sm-6 .col-md-6,
    #form_contact .col-sm-6 .col-md-12,
    #form_contact .col-sm-6 .col-md-6{margin-bottom: 18px;}
    
    #form_contact .col-md-6 .row .col-md-12,
    #module_contact .col-md-6 .row .col-md-12{display: flex; justify-content: center;}
    #form_contact .col-md-6 .row .col-md-12 .ckbox,
    #module_contact .col-md-6 .row .col-md-12 .ckbox{display: flex; align-items: center; text-align: left;}
    #form_contact .col-md-6 .row .col-md-12 .ckbox input,
    #form_contact .col-md-6 .row .col-md-12 .ckbox .control-label,
    #module_contact .col-md-6 .row .col-md-12 .ckbox input,
    #module_contact .col-md-6 .row .col-md-12 .ckbox .control-label{margin:0; font-size: 12px; padding-left: 6px; cursor: pointer;}
    .corp.page-services{flex-direction: column;}
    .corp.page-services .detail-module {width: 100%; max-width: 400px;}
    .container.page-serie-limite{padding:0;}
    .serie-limite__items{flex-direction: column; align-items: center;}
    .serie-limite__item{width: 100%; max-width: 400px;}
    .fiche-serie-limite__detail h1{font-size: 20px; line-height: 24px;}
    .page-preparations #detail-info .txt-detail-info{text-align: left;}
    .page-preparations #detail-info .txt-detail-info p{margin: 8px 0;}
    #IDVignettes a{margin: 0 0 30px 0;}
    #localisation .text-left .CLbtn{margin-top: 20px;}
}

@media (max-width: 960px){
    .section-detail-product .items-concessionnaire{flex-direction: column; align-items: center; max-width: 600px; width: 100%; margin: 0 auto;}
    #detail-info .col1-detail-info,
    #detail-info .col2-detail-info,
    .section-detail-product .items-concessionnaire .col1-concessionnaire,
    .section-detail-product .items-concessionnaire .col2-concessionnaire{width: 100% !important;}
    #detail-info .col2-detail-info,
    .section-detail-product .items-concessionnaire .col1-concessionnaire{margin-bottom: 40px;}
    .section-detail-product .items-concessionnaire .col2-concessionnaire{padding-left: 0;}
    .section-detail-product #detail-info{margin: 10px auto 40px; flex-direction: column-reverse; align-items: center; max-width: 600px; width: 100%;}
    .section-detail-product .items-concessionnaire .col1-concessionnaire{padding: 0; text-align: left;}
    .section-detail-product .col2-concessionnaire h1,
    .section-detail-product .contact-concessionnaire h3,
    #detail-info .col1-detail-info h3,
    #detail-info .col2-detail-info h3,
    #detail-info .col2-detail-info p,
    .section-detail-product .items-concessionnaire .col2-concessionnaire{text-align: left;}
    .items-product-liste{flex-direction: column; align-items: center;}
    .accessoires-pole30 .items-product-liste .items-product-liste__col-left{width: 100%; margin-right: 0; margin-bottom: 20px;}
    .CLFicheProduit,
    .CLAnnonceConcession,
    .accessoires-pole30 .items-product-liste .items-product-liste__col-right{width: 100%;}
    .items-product-liste .items-product-liste__col-left #FormOptions{display: flex; justify-content: space-between;}
    .items-product-liste .items-product-liste__col-left .close-filter-mobile{display:none;}
    .items-product-liste .items-product-liste__col-left ul{width: 75%;}
    .filter #FormOptions #LinkSeeResults{width: 195px; height: 42px;}
    .corp .items-detail-info,
    .corp .items-annonce{display: flex; flex-direction: column; align-items: center; max-width: 600px;}
    .CLAnnonceImg{width: 100%; margin-bottom: 40px; margin-right: 0; height: auto !important;}
    .CLAnnonceCaracteristiques,
    .CLAnnonceDescription{margin-bottom: 0; width: 100%; height: auto !important; margin: 40px auto 0; float: none;}
    .items-detail-info table{font-size: 15px;}
    .CLArticle{max-width: 600px; margin: 0 auto 30px; padding: 20px;}
    .text-presentation-lg{flex-direction: column;}
    .text-presentation-lg img{width: 100%; margin: 0;}
    .text-presentation-lg .txt-article{width: 100%; max-width: 100%; line-height: 18px;}
    .text-presentation-lg .txt-article b span{line-height: 22px;}
    .page-acceuil-lg .CLArticle{max-width: inherit;}
    .page-acceuil-lg .text-presentation-lg{width: auto;}
    .CLAnnonceNav{max-width: 600px; padding: 15px 20px;}
    .page-occasions .detail-module .CLAnnonceNav{max-width: 750px; padding: 0;}
    #demande-essai{flex-direction: column-reverse; align-items: center; max-width: 600px; margin: 0 auto;}
    #demande-essai .form-essai{width: 100%; margin-bottom: 40px;}
    #demande-essai .img-info{width: 100%; padding-right: 0;}
    .demande-d-essai .contact-contact-map .col-left-contact{padding: 0;}
    .items-list__container .CLArticle .CLArticleSlide .img-item,
    .items-list__container .CLArticle .CLArticleSlide .fancybox{height: 280px;}
    .section-bloc-fiche{
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
    }
    .section-bloc-fiche .CLAnnonceConcession{box-shadow: 0 10px 30px #00000026;}
    .CLAnnonceConcession__contact .prix{text-align: center;}
    .infos-base .infos-base__important{justify-content: center;}
    .infos-base ul{max-width: 300px; margin: 0 auto 25px;}
    .section-bloc-fiche .CLAnnonceCaracteristiques{order:2;}
    .section-bloc-fiche .CLAnnonceDescription{order:1; padding: 20px; text-align: left;}
    .text-presentation-lg .link-img,
    .text-presentation-lg .link-img img{width: 100% !important;}
    .page-services .detail-module .CLArticle .text-presentation-lg h3{font-size: 18px; line-height: 24px;}
    .fiche-serie-limite{flex-direction: column; align-items: center; max-width: 600px; margin: 0 auto;}
    .fiche-serie-limite__photos {width: 100%;}
    .page-preparations #detail-info {margin: 50px auto 0; max-width: 600px;}
    .fiche-serie-limite__detail{width: 100%;}
}


@media (max-width: 1100px){
    .section-detail-product .col2-concessionnaire h1{font-size: 22px; line-height: 30px;}
    .section-detail-product .detail-product .price{font-size: 30px;}
    .bulle-container{padding: 30px;}
    .bulle-container .row{display: flex;justify-content: center; align-items: center; flex-wrap: wrap; gap:20px;}
    .bulle-container .row .col-sm-3{min-width: 255px;}
    .bulle-container .row::before,
    .bulle-container .row::after{display:none;}
    .bulle-container .bulle{font-size: 18px; line-height: 24px; min-height: 120px;}
    #demande-essai .form-essai .form-input{width: 48%;}
    #demande-essai .form-essai #Email {width: 100%;}
    #demande-essai .form-essai .valid-RGPDA{flex-wrap: wrap; width: 100%;}
    .items-list .items-list__container{gap: 30px;}
    .page-actualite .CLArticleContent{padding: 0 20px;}
    .page-services .detail-module .CLArticle,
    .items-list__container .CLArticle{margin: 0;}
    .page-actualite h2{font-size: 18px; line-height:22px; margin-bottom: 12px;}
}

@media (max-width: 1200px){
    body .navbar-default{padding: 10px 25px;}
    .navbar-default .navbar-collapse{
        overflow: hidden !important;
        height: 1px !important;
        opacity: 0;
        width:100%;
        margin: 0;
        transition: all 400ms ease;
        background-color:#FFF;
    }
    .navbar-default .navbar-collapse.in{opacity: 1; height: 450px !important; margin: 15px 0; overflow: scroll !important;}
    .navbar-toggle{display: block !important;}
    body .navbar-default .container-fluid{gap:0;}
    .navbar-default .navbar-header{
        display: flex;
        width: 100%;
        height: 70px;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin: 0;
    }
    body .navbar-nav{flex-direction: column; align-items: flex-start; padding: 20px 25px;}
    body .navbar-default .navbar-nav > li > a {padding: 6px 10px 18px;}
    .navbar-default .navbar-nav > .open > a::before,
    .navbar-default .navbar-nav > li > a:hover::before{
      left: 0;
      right: 0;
    }
    .navbar-default .navbar-nav > .open > a:focus::before,
    .navbar-default .navbar-nav > .active > a::before,
    .navbar-default .navbar-nav .menu-marque{display:none;}
    .navbar-default .navbar-nav li{width: 100%; text-align: left;}
    .navbar-default .navbar-nav .dropdown.visible-xs{display:inline-block !important;}
    .navbar-default .navbar-nav .dropdown.visible-xs.open .dropdown-menu{min-width: 260px; background-color: #000;}
    .navbar-default .navbar-nav .dropdown.visible-xs.open .dropdown-menu li a{
        padding: 10px 20px;
        border-bottom: 1px solid #333;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.02em;
    }
    .navbar-default .navbar-nav .dropdown.visible-xs.open .dropdown-menu li a:hover{color: #ed1c24; background-color: transparent; border-bottom: 1px solid #ed1c24;}
    .navbar-default .navbar-nav .dropdown.visible-xs.open .dropdown-menu li:last-child a{border:none;}
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > .open > a:hover{background-color: transparent;}
    .navbar-default .navbar-nav > .dropdown > a{display: flex; justify-content: space-between; align-items: center;}
    .navbar-default .navbar-nav > .dropdown > a .caret{
        border-top: 6px solid;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        transition: all 300ms ease;
    }
    .navbar-default .navbar-nav > .open > a .caret{rotate: 180deg; margin-top: -2px;}
    .categories__content{flex-wrap: wrap; justify-content: center;}
    .categories__content .categorie-home{width: 30%; min-width: 260px;}
}


@media (max-width: 1320px){
    .items-product-liste__col-right .product-liste li{width: 48%;}
}


@media (max-width: 1440px){
    .navbar-default{padding: 10px 15px 10px 25px;}
    .navbar-default .container-fluid{gap:30px; width:100%; justify-content: space-between; flex-wrap: wrap;}
    .logo-img{height: 60px;}
    .navbar-default .navbar-nav > li > a{padding: 25px 10px;}
    .items-product-liste .items-product-liste__col-left{margin-right: 40px;}
    .items-product-liste .items-product-liste__col-right{margin-right: 0;}
    .items-product-liste .items-product-liste__col-right{width: 74%;}
}


@media (max-width: 1780px){
    .categories__content{gap: 20px;}
    .categorie-home__content .categorie-home__titre{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70px;
        margin: 0;
        font-size: 30px;
        line-height: 34px;
    }
}