/* Yellow #ffef00 */
.row {
    margin-right: -7px;
    margin-left: -7px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 7px;
    padding-left: 7px;
}
body{background: #000; font-family: 'Roboto', sans-serif;}

.container{width:100%; max-width: 1460px; padding: 0 30px;}

.container .row{margin-right: 0; margin-left: 0;}

header {
    font-family: 'Roboto', sans-serif;
    height: 168px;
    margin-top: 15px;
    position: relative;
}

header::before{
    background-color: #FFF;
    content: "";
    width: 100%;
    height: 1.78em;
    position: absolute;
    top: 45.5%;
    left: 0;
    z-index: 1;
}

header::after{
    background-color: #000;
    content: "";
    width: 40%;
    height: 100px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 2;
}

header > .container{position:relative; z-index:3;}

header .header-top{display: flex; justify-content: space-between;}

header > .container::before,
header > .container::after,
header .header-top::before,
header .header-top::after{display:none;}


.header-top .col-sm-5,
.header-top .col-sm-7{padding: 0;}

header .container{position:relative;}
header .container::after{
    background-color: #000;
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.logo-amr{height: 107px;}

.slider{clear: both; margin-bottom: 50px;}
.slider .img-responsive{width:100%; object-fit: cover;}

.rs-header{
    margin-top: 12px;
    display: flex;
    align-items: flex-start;
    min-width: 345px;
}
.phone-header{
    display: flex;
    flex-direction: column;
    margin-right: 25px;
    color: #ffef00;
    font-size: 19px;
}
.phone-header a{
    font-weight: 400;
    color: #ffef00;
    text-decoration: none;
    transition: all 300ms ease;
}

.phone-header svg{width: 40px;}

.rs-icon{margin-right: 20px;}
.rs-icon:last-child{margin-right: 0;}

.rs-icon a{
    color: white;
    font-size: 19px;
    transition: all 300ms ease;
}
.rs-icon a:hover{color: #ffef00;}

.primary-menu .navbar::before,
.primary-menu .navbar .navbar-nav::before,
.primary-menu .navbar::after,
.primary-menu .navbar .navbar-nav::after{display:none;}

.primary-menu .navbar-collapse{display: flex !important; width: 100%; padding: 0;}

.navbar-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 0;
    width: 99%;
}

.primary-menu .navbar-nav > li{position:relative;}
.primary-menu .navbar-nav > li > a{padding: 10px 0 15px; transition:all 300ms ease; position:relative; z-index: 1;}

.primary-menu .navbar-nav > li::before{
    position: absolute;
    top: -4px;
    z-index: 2;
    content:"";
    background-color: #ffef00;
    width: 100%;
    opacity: 0;
    height: 3px;
    transition: all 300ms ease;
}

.primary-menu .navbar-nav > li.active::before,
.primary-menu .navbar-nav > li:hover::before{opacity: 1; top: 0;}

.navbar-default {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    background: none;
    border: none;
}
.navbar-collapse{border: none;}

.navbar-default .navbar-nav > li > a{
    background: none;
    border-top: 1px solid #fff;
    color: #fff;
    transition: all 300ms ease;
}
.navbar-default .navbar-nav > .active > a{
    color: #ffef00;
    background: none;
    border-top: 1px solid #ffef00;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{
    color: #ffef00;
    background: none;
    border-top: 1px solid #ffef00;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover{
    color: #ffef00;
    background: none;
    border-top: 1px solid #ffef00;
}
.navbar-default .navbar-nav > li > a:focus{color: #fff; outline:none;}

.dropdown-menu {
    background: rgba(0,0,0,0.85);
    display: block;
    visibility: hidden;
    padding: 0;
    min-width: 200px;
    opacity: 0;
    top: 70%;
    transition: all 300ms ease;
}

.open .dropdown-menu{opacity: 1; visibility: visible; top: 100%;}

.dropdown-menu > li > a{
    padding: 8px 26px;
    color: #fff;
    font-size: 16px;
    text-transform: inherit;
    border-bottom: 1px solid #242323;
    transition: all 300ms ease;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #000;
    background-color: #ffef00;
    outline: none;
}
.container-logo{display: flex; justify-content: flex-end; max-width: 655px;}

.container-logo a{display: flex;}

.titre-accueil {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    background: white;
    display: inline;
    position: relative;
    top: 14px;
    padding: 0 10px;
}
.bg-blanc{
    background: white;
    padding: 60px 0;
    margin-top: 70px;
}
.container-titre{
    border-bottom: 1px solid #929292;
    text-align: center;
    margin-bottom: 80px;
}
.titre-accueil a{
    color: #333;
    text-decoration: none;
}
.titre-accueil a:hover{
    color: #000;
    text-decoration: none;
}
.owl-carousel .owl-item .img-occasion-accueil img{width: auto;}

.titre-service {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 19px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
}
.footer-amr{
    background: #000;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: 'Roboto', sans-serif;
}
.nom-concess-footer{
    font-style: italic;
    font-size: 24px;
    font-weight: 600;
}
.footer-amr a {
    font-size: 17px;
    color: #fff;
    margin-bottom: 12px;
    margin-right: 15px;
    text-transform: uppercase;
    transition: all 300ms ease;
}
.footer-amr a:hover{
    color: #ffef00;
    text-decoration: none;
}
.footer-amr i{
    color: #ffef00;
    position: relative;
    top: -2px;
    margin-right: 9px;
}

.footer-amr i.bi-envelope,
.footer-amr i.bi-facebook{font-size: 20px;}

.adresse-footer{
    margin-top: 3px;
    margin-bottom: 45px;
    font-size: 16px;
}
.tel-footer{
    margin-bottom: 6px;
    display: inline-block;
}
.horaire-footer{text-align: right; font-size: 17px;}
.titre-horaire{color: #ffef00;}
.partenaire{
    text-align: right;
    font-size: 17px;
    margin-top: 45px;
}
.img-partenaire li{
    margin-top: 13px;
    margin-left: 17px;
    list-style: none;
}
.img-partenaire {
    font-style: italic;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.lefty {color: #7e7e7e; font-style: italic;}
.righty{color: #7e7e7e; text-align: right;}
.righty a{color: #7e7e7e;}
.righty a:hover{
    color: #ffef00;
    text-decoration: none;
}
.mentions-footer{
    background: #212121;
    padding: 25px 0;
}
.container-site{
    background: #fff;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}


.hover {position: relative;}
#IDVignettes a {display: inherit;}
#IDVignettes a:hover .CLBlockcontent-header {background: #000;}
#IDVignettes a .CLBlockcontent-header h2{margin-top: 0;}

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
}
.btn-primary:hover{
    color: #fff;
    background-color: #333;
    border-color: #333;
    border-radius: 0;
}
.owl-theme .owl-nav {opacity: 0;}
.voir-tout{text-align: center;}
.voir-tout a {
    color: #000;
    margin-top: 15px;
    display: inline-block;
}
.ckbox label{margin-left: 10px;}

.FancyPhone a:hover{color: #ffef00;}
a.CLBtnBlack{color: #000;}
.CLVignetteFooter{text-align: center;}
.col-md-9 .col-md-4{height: 92px;}

.visite-virtuelle iframe{border: 1px solid #313131; transition: all 300ms ease;}

.image-noir .visite-virtuelle,
.autres-liens .col-sm-6,
.autres-liens .col-sm-12{padding: 0 10px;}

.autres-liens .col-sm-6 a,
.autres-liens .col-sm-12 a{
    display: flex;
    position:relative;
    border: 1px solid #313131;
    transition: all 300ms ease;
}

.visite-virtuelle iframe:hover,
.autres-liens .col-sm-6 a:hover,
.autres-liens .col-sm-12 a:hover,
.autres-liens .col-sm-6 a:focus,
.autres-liens .col-sm-12 a:focus{border: 1px solid #ffef00; transform: translateY(-5px);}

.autres-liens .col-sm-6 a{margin-bottom: 20px;}

.autres-liens .col-sm-6 a span,
.autres-liens .col-sm-12 a span{
    background-color: #FFF;
    height: 48px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 20px;
    z-index: 2;
    padding: 0 25px;
    text-transform: uppercase;
    transition: all 300ms ease;
}

.autres-liens .col-sm-6 a:hover span,
.autres-liens .col-sm-12 a:hover span,
.autres-liens .col-sm-6 a:focus span,
.autres-liens .col-sm-12 a:focus span{background-color: #ffef00;}

.autres-liens .col-sm-6 a span em,
.autres-liens .col-sm-12 a span em{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 27px;
    line-height: 30px;
    font-weight: 800;
    letter-spacing: -0.04em;
    transition: all 300ms ease;
}

.autres-liens .col-sm-6 a span svg,
.autres-liens .col-sm-12 a span svg{
    position: absolute;
    top: 0;
    right: -51px;
    height: 48px;
    fill: #FFF;
    transition: all 300ms ease;
}

.autres-liens .col-sm-6 a:hover span svg,
.autres-liens .col-sm-12 a:hover span svg,
.autres-liens .col-sm-6 a:focus span svg,
.autres-liens .col-sm-12 a:focus span svg{fill: #ffef00;}

.autres-liens .col-sm-6 a img,
.autres-liens .col-sm-12 a img{filter: grayscale(100%); opacity: 0.6; position:relative; z-index: 1; transition: all 300ms ease;}

.autres-liens .col-sm-6 a:hover img,
.autres-liens .col-sm-12 a:hover img,
.autres-liens .col-sm-6 a:focus img,
.autres-liens .col-sm-12 a:focus img{filter: grayscale(0%); opacity: 1;}

.les-services .row .col-sm-3{padding: 0 15px;}

.image-service a{display: flex; border: 1px solid #000; transition: all 300ms ease; box-shadow: 0 3px 14px rgba(0,0,0,0.3);}
.image-service a:hover,
.image-service a:focus{box-shadow: none; transform: translateY(5px);}
.image-service a img{width: 100%; transition: all 300ms ease; position: initial;}

.image-service a:hover img,
.image-service a:focus img{top:0;}

.occasions-accueil .owl-carousel .owl-stage-outer{z-index: 2;}

.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 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: #ffef00; 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 .owl-theme .owl-dots,
.occasions-accueil .owl-dots{display: flex; justify-content: center; align-items: center; margin-top: 30px;}

.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: #ffef00;
    box-shadow: none;
    border: 1px solid #000;
    width: 12px;
    height: 12px;
}

.vignette-home .vignette-occasion-accueil{
    background-color: #eee;
    display: flex;
    flex-direction: column;
    padding-bottom: 18px;
    transition: all 300ms ease;
    min-height: 370px;
}

.vignette-home .vignette-occasion-accueil:hover,
.vignette-home .vignette-occasion-accueil:focus{transform: translateY(-5px);}

.vignette-occasion-accueil .titre-occasion-accueil{
    padding: 10px 15px 6px;
    color: #111;
    font-size: 17px;
    font-weight: 500;
}

.vignette-occasion-accueil .detail-occasion-accueil.detail-haut{padding: 0 15px 12px;}
.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{
    background-color: #ffef00;
    color: #000;
    line-height: 18px;
    padding: 9px 15px 7px 20px;
    display: inline-block;
}

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

.vignette-occasion-accueil .detail-occasion-accueil .annee{font-size: 15px; color:#333;}

.occasions-accueil .voir-tout a{
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 12px 20px 10px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 16px;
    margin-top: 30px;
    transition: all 300ms ease;
    text-decoration: none;
}

.occasions-accueil .voir-tout a:hover,
.occasions-accueil .voir-tout a:focus{background-color: #ffef00; color: #000;}

.CLFicheProduit .CLbtn,
.CLAnnonceConcession .CLbtn,
.CLAnnonceCaracteristiques .CLbtn,
#form_contact .col-md-12 .CLbtn,
.CLSearchZone .col-md-12 .CLbtn{
    padding: 12px 15px 10px;
    background-color: #000;
    border: none;
    border-radius: 0;
    color: #FFF;
    font-weight: 500;
}

body .CLFicheProduit .CLbtn:hover,
body .CLAnnonceConcession .CLbtn:hover,
body .CLAnnonceCaracteristiques .CLbtn:hover,
body .CLFicheProduit .CLbtn:focus,
body .CLAnnonceConcession .CLbtn:focus,
body .CLAnnonceCaracteristiques .CLbtn:focus,
#form_contact .col-md-12 .CLbtn:hover,
#form_contact .col-md-12 .CLbtn:focus,
.CLSearchZone .col-md-12 .CLbtn:hover,
.CLSearchZone .col-md-12 .CLbtn:focus{background-color:#ffef00 !important; color: #000;}

.CLBlockcontent-footer .CLPrix{background-color: #ffef00; color: #000;}


@media(max-width: 450px){
    .header-top .col-sm-5, .header-top .col-sm-7{width:100%;}
    .header-top .rs-header{justify-content: space-between;}
    .header-top .rs-header .phone-header{flex-grow: 1;}
    .navbar-header{display: flex; justify-content: center;}
    header .header-top {flex-direction: column; align-items: center;}
    .autres-liens .col-sm-12 a span{max-width: 232px; height: 60px;}
    .autres-liens .col-sm-12 a span em{line-height: 22px;}
    .autres-liens .col-sm-6 a span svg,
    .autres-liens .col-sm-12 a span svg{z-index: 1;}
    .autres-liens .col-sm-12 a span svg{height: 60px; right: -65px;}
    .autres-liens .col-sm-6 a span em,
    .autres-liens .col-sm-12 a span em{position: relative; z-index: 2;}
}

@media(max-width: 600px){
    .header-top .container-logo{max-width: 200px;}
    .header-top .container-logo .logo-amr{width: 272px;}
    .bg-noir .image-noir .autres-liens .row{flex-direction: column; align-items: center;}
    .image-noir .autres-liens .col-sm-6 {width: 100%;}
    .autres-liens .col-sm-12 a img{min-height: 300px; object-fit: cover;}
}

@media(max-width: 767px){
    .label2{
        display: flex;
        align-items: flex-start;
    }
    .label2 input {margin-right: 7px;}
    .wverify .CLBtn {width: auto !important;}
    .ModSlideShow .ModSlContainer{height: auto !important;}
    .CLAnnonceNav{display: none;}
    .CLSearchZone .col-md-2{width: 100%;}
    .CLSearchZone .col-md-4 {width: 100%;}
    .navbar-default {
        font-family: 'Roboto', sans-serif;
        font-size: 17px;
        background: none;
        border: none;
        z-index: 10;
        background: black;
    }
    header::before,
    header::after{display:none;}
    header{background: none; height: auto; padding-bottom: 10px;}
    .container-logo{max-width: 280px; overflow: hidden;}
    .logo-amr {height: auto; max-width: inherit; width: 380px;}
    .footer-amr{text-align: center;}
    .horaire-footer {
        text-align: center;
        margin-top: 25px;
    }
    .navbar-header .navbar-toggle{
        background-color: #ddd;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 0;
        width: 44px !important;
        height: 34px;
        margin-right: 6px;
        padding: 0 !important;
        transition: all 300ms ease;
    }
    .navbar-header .navbar-toggle.collapsed:hover,
    .navbar-header .navbar-toggle.collapsed:focus,
    .navbar-header .navbar-toggle.collapsed:active{background-color: #ddd;}
    .navbar-header .navbar-toggle.collapsed{gap: 4px; background-color: transparent;}
    .navbar-default .navbar-header .navbar-toggle .icon-bar{transition: all 300ms ease;}
    .navbar-default .navbar-header .navbar-toggle.collapsed .icon-bar{background-color: #fff; transition: all 300ms ease;}
    .navbar-default .navbar-header .navbar-toggle.collapsed .icon-bar:first-child{transform: rotate(0deg); margin: 0;}
    .navbar-default .navbar-header .navbar-toggle.collapsed .icon-bar:nth-child(2){display:block;  margin: 0;}
    .navbar-default .navbar-header .navbar-toggle.collapsed .icon-bar:last-child{transform: rotate(0deg); margin: 0;}
    .navbar-default .navbar-header .navbar-toggle .icon-bar:first-child{transform: rotate(45deg); margin: 0 0 -5px 0;}
    .navbar-default .navbar-header .navbar-toggle .icon-bar:nth-child(2){display:none;}
    .navbar-default .navbar-header .navbar-toggle .icon-bar:last-child{transform: rotate(-45deg);}
    
    .navbar-default .navbar-header .navbar-toggle .icon-bar,
    .navbar-default .navbar-header .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-header .navbar-toggle:focus .icon-bar,
    .navbar-default .navbar-header .navbar-toggle:active .icon-bar{background-color: #000;}
    
    .phone-header .contact-phone{display: flex; flex-direction: column;}
    
    .partenaire {text-align: center;}
    .img-partenaire {
        font-style: italic;
        display: flex;
        justify-content: center;
        padding-left: 0;
        flex-wrap: wrap;
    }
    .img-partenaire li {
        margin-left: 7px;
        margin-right: 7px;
        list-style: none;
        margin-top: 13px;
    }
    .righty {
        color: #7e7e7e;
        text-align: center;
        margin-top: 15px;
    }
    .liens-footer{text-align: center;}
    .titre-service {margin-top: 25px;}
    .link-header {font-size: 13px;}
    .rs-header{margin-bottom: 10px; min-width: inherit;}
    .navbar-nav{width: 100%; flex-direction: column;}
    .primary-menu .navbar-collapse{display: block !important; height: 0; transition: all 300ms ease; overflow: hidden;}
    .primary-menu .navbar-collapse.collapse.in{height: 100%;}
    .navbar-nav .open .dropdown-menu,
    .dropdown .dropdown-menu{background: rgba(0,0,0,0.85); min-width: inherit; width: 100%; position: inherit; visibility: hidden; height:0; line-height: 26px;}
    .dropdown.open .dropdown-menu{height:100%; visibility: visible; opacity: 1; line-height: 26px;}
    .dropdown .dropdown-menu a{padding: 5px 15px 5px 25px;}
    .dropdown.open .dropdown-menu.open a{background: transparent; color:#FFF; line-height: 26px; padding: 5px 15px 5px 25px;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #FFF;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{padding: 5px 15px 5px 25px; color: #000; background-color: #ffef00;}
}

@media(max-width: 880px){
    .phone-header{font-size: 16px; margin-right: 20px;}
}

@media(max-width: 990px){
    .phone-header svg{margin-top: 5px;}
    header::before{height: 1.93em;}
}

@media(max-width: 1100px){
    .bg-noir .container .image-noir{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bg-noir .image-noir .visite-virtuelle,
    .bg-noir .image-noir .autres-liens{width: 100%; max-width: 600px; padding: 0;}
    .bg-noir .image-noir .autres-liens .row{display: flex; flex-wrap: wrap;}
    .bg-noir .image-noir .visite-virtuelle{margin-bottom: 20px;}
    .autres-liens .col-sm-6{width: 50%;}
    .autres-liens .col-sm-12{width: 100%;}
    .autres-liens .col-sm-6,
    .autres-liens .col-sm-12 {padding: 0;}
    .visite-virtuelle iframe{height: auto; min-height: 300px;}
    .autres-liens .col-sm-6 a {margin-bottom: 25px;}
}

@media(max-width: 1400px){
    .bg-noir .container{padding: 0 15px;}
    .autres-liens .col-sm-6 a span,
    .autres-liens .col-sm-12 a span{padding: 0 15px;}
    .autres-liens .col-sm-6 a span em,
    .autres-liens .col-sm-12 a span em{font-size: 20px;}
}