html{-webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale}
body{font-family: "Open Sans", sans-serif; color:#000;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left: 25px;
    padding-right: 25px;
}

a{color: #000; transition: all 300ms ease;}

a:hover,
a:focus{color: #d29b00;}

.theme-aprilia a:hover,
.theme-aprilia a:focus{color: #FF0000;}

h1, h2, h3{font-family: 'Montserrat', sans-serif;}

.page-template{padding-top:4px; border-top: 71px solid #000;}

.row {
    display: flex;
    align-items: center;
    margin-left: -25px;
    margin-right: -25px;
}

.container{width: 100vw; max-width: 1400px; padding: 0 25px;}

.page-accueil .module-minisite .container{max-width: inherit;}
.page-accueil .module-minisite .titre-page{max-width: 1400px; margin: 50px auto;}
.page-accueil .module-minisite .CLArticle{max-width: 1400px; margin: 0 auto 50px;}

.container.medium-container{width: 100%; max-width: 1200px; margin-bottom: 60px; padding: 0;}
.container.medium-container .row{margin:0;}
.medium-container .row.titre-et-text-personnalise{flex-direction: column; margin-bottom: 24px;}
.titre-et-text-personnalise h2{font-size:28px; font-weight:bold; margin-bottom: 12px;}
.titre-et-text-personnalise p{font-size: 15px;}

.form-sav-achat-cach{background-color: #97a1ac; padding: 30px; color: #FFF;}

.form-sav-achat-cach #form_contact{width: 100%;}
.form-sav-achat-cach #form_contact,
.form-sav-achat-cach #form_contact .col-sm-6 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.form-sav-achat-cach #form_contact{gap: 20px;}
.form-sav-achat-cach .col-sm-6{gap: 20px; width:48%;}

.form-sav-achat-cach .col-sm-6 .col-md-12,
.form-sav-achat-cach .col-sm-6,
.form-sav-achat-cach .col-sm-6 .col-md-6{padding:0;}
.form-sav-achat-cach .col-sm-6 .col-md-12.medium-col,
.form-sav-achat-cach .col-sm-6 .col-md-6{width:47%;}
.form-sav-achat-cach .col-sm-6 .col-md-12 .form-group,
.form-sav-achat-cach .col-sm-6 .col-md-6 .form-group{display: flex; flex-direction: column; margin-bottom: 0;}

.form-sav-achat-cach .col-sm-6 .col-md-6 .form-group label,
.form-sav-achat-cach .col-sm-6 .col-md-12 .form-group label{font-size: 12px;}

.form-sav-achat-cach .col-sm-6 .col-md-12,
.form-sav-achat-cach .medium-col .form-group .form-control,
.form-sav-achat-cach .col-md-6 .form-group .form-control{width:100%;}

.form-sav-achat-cach .col-sm-6 .col-md-12 .label-contact.blanc{margin-top: 0; color:#FFF;}

.form-sav-achat-cach .col-sm-6 .col-md-12 .form-group.checkbox{flex-direction: row;  align-items: center; margin: 0;}

.form-sav-achat-cach .col-sm-6 .col-md-12 .checkbox input{margin-top: 1px;}
.form-sav-achat-cach .col-sm-6 .col-md-12 .checkbox label{
    font-size: 12px;
    color: #FFF;
    min-height: inherit;
    margin: 0;
}

.form-sav-achat-cach .col-md-12 .checkbox label,
.form-sav-achat-cach .col-md-12 .checkbox .btn-conf{margin-bottom:0;}

.form-sav-achat-cach .col-md-12 .CLBtn{
    background-color: #FFF;
    border-radius: 0;
    border: none;
    padding: 15px 20px;
    margin: -8px 0 15px 0;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 300ms ease;
}

.form-sav-achat-cach .col-md-12 .CLBtn:hover{background-color: #d29b00;}


header{
    background: #000;
    color: #fff;
    border-bottom: 1px solid #34363A;
    box-shadow: 0 3px 10px rgba(0,0,0,0.4);
    transition: all 300ms ease;
}

header:hover{background: rgba(0,0,0,1);}

.header-haut{
    display: flex;
    align-items: center;
    height: 70px;
}

.header-haut .container{width: 100vw; max-width: inherit; padding: 0 30px;}

.sticky .header-haut .container > .row{justify-content: space-between;}
.sticky .header-haut .container > .row::before,
.sticky .header-haut .container > .row::after{display:none;}

.logo{
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    font-weight: 800;
    line-height: 30px;
    white-space: nowrap; 
}

.logo h1{margin: 0;}

div.logo a{
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}
div.logo a:hover{text-decoration: none;}

.logo:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 10px;
    height: 18px;
    margin-right: 10px;
    background-color: #d29b00;
}

.theme-aprilia .logo:before{background-color: #FF0000;}

.nav-laterale{
    position: fixed;
    z-index: 100;
    right: 0;
    top: 30vh;
    transition: all 300ms ease;
}

.nav-laterale ul{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: all 300ms ease;
}

.nav-laterale ul li{
    background-color: #000;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 0 10px 0 20px;
    border-bottom: 1px solid #595959;
    color: #FFF;
    font-size: 20px;
    cursor: pointer;
    transition: all 300ms ease;
}

.nav-laterale ul li:first-child{border-radius: 10px 0 0 0;}
.nav-laterale ul li:last-child{border-bottom:none; border-radius: 0 0 0 10px;}

.nav-laterale ul li:hover{width: 250px;}

.nav-laterale ul li svg{fill: #FFF; transition: all 300ms ease;}

.nav-laterale ul li .nav-laterale__title{
    position: absolute;
    left: 65px;
    width: 150px;
    font-weight: 500;
}

.nav-laterale ul li a.nav-laterale__link .nav-laterale__title{color:#FFF;}

.nav-laterale ul li .nav-laterale__submenu{
    background-color: #F0F1F4;
    border-radius: 0 0 0 10px;
    position: absolute;
    overflow: visible;
    top: 60px;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 250px;
    height: auto;
    font-size: 16px;
    font-weight: 600;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.nav-laterale ul li:hover .nav-laterale__submenu{opacity: 1; visibility: visible;}

.nav-laterale ul li .nav-laterale__submenu a{
    display:flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 40px;
    padding: 0 10px 0 20px;
    border-bottom: 1px dashed #595959;
    text-decoration: none;
}

.nav-laterale ul li .nav-laterale__submenu a:last-child{border-bottom: none;}

.nav-laterale ul li .nav-laterale__submenu a svg{fill:#000; transition: all 300ms ease;}
.nav-laterale ul li .nav-laterale__submenu a:hover svg{fill:#D29B00;}
.theme-aprilia .nav-laterale ul li .nav-laterale__submenu a:hover svg{fill:#FF0000;}

.les-marques,
.les-marques ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.les-marques{gap: 52px;}

.les-marques ul{
    margin: 0;
    padding: 0;
    gap: 34px;
    list-style: none;
}

.les-marques ul li{display: flex; align-items: center;}
.les-marques ul li img{width: 100%; transition: all 300ms ease;}
.les-marques ul li a:hover img{transform: scale(1.1);}

.les-marques .navbar-toggle{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70px;
    float: none;
    padding: 0 10px;
    margin: 0;
    border: none;
    border-radius: 0;
    transition: all 300ms ease;
}

.les-marques .navbar-toggle:hover{background-color: #B98903;}
.les-marques .navbar-toggle{background-color: #D29B00;}
.theme-aprilia .les-marques .navbar-toggle{background-color: #FF0000;}
.les-marques .navbar-toggle.collapsed:hover,
.les-marques .navbar-toggle.collapsed{background-color: transparent;}

.navbar-toggle__hamburger{display:flex; flex-direction: column; gap: 6px; padding-top: 1px;}
.navbar-toggle__hamburger .icon-bar{background-color: #FFF; width: 35px; height: 3px; transition: all 300ms ease;}
.navbar-toggle.collapsed:hover .navbar-toggle__hamburger .icon-bar{background-color: #d29b00;}
.theme-aprilia .navbar-toggle.collapsed:hover .navbar-toggle__hamburger .icon-bar{background-color: #FF0000;}
.navbar-toggle .navbar-toggle__hamburger .icon-bar + .icon-bar {margin-top: 0;}

.les-marques .navbar-toggle .navbar-toggle__hamburger .icon-bar:nth-child(1){transform: rotate(45deg);}
.les-marques .navbar-toggle .navbar-toggle__hamburger .icon-bar:nth-child(2){transform: rotate(-45deg); margin-top: -8px}
.les-marques .navbar-toggle .navbar-toggle__hamburger .icon-bar:nth-child(3){display:none;}

.les-marques .navbar-toggle.collapsed .navbar-toggle__hamburger .icon-bar:nth-child(1){transform: rotate(0deg);}
.les-marques .navbar-toggle.collapsed .navbar-toggle__hamburger .icon-bar:nth-child(2){transform: rotate(0deg); margin-top: 0px}
.les-marques .navbar-toggle.collapsed .navbar-toggle__hamburger .icon-bar:nth-child(3){display:block;}

.navbar-toggle .navbar-toggle__txt{
    margin: 14px 0 -14px;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    transition: all 300ms ease;
}

.navbar-toggle.collapsed .navbar-toggle__txt{margin: 7px 0 0;}

.navbar-toggle.collapsed:hover .navbar-toggle__txt{color: #d29b00;}
.theme-aprilia .navbar-toggle.collapsed:hover .navbar-toggle__txt{color: #FF0000;}

.menu-top{position: absolute; right: 0px; box-shadow: 0 3px 20px rgba(0,0,0,0.5);}

.navbar-brand{display: none;}

.navbar-default .navbar-nav{float: none;  display: flex;  flex-direction: column; padding: 32px 0;}

.navbar-default .navbar-collapse{
    padding: 0;
    border: none;
    overflow: hidden !important;
    opacity: 0;
    width: 0;
    height: 100vh !important;
    transition: all 200ms linear;
}
.navbar-default .navbar-collapse.collapse.in{opacity: 1; width: 400px;}

.navbar-default {
    background-color: #000;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    max-width: 420px;
    min-height: inherit;
}

.navbar-default .navbar-nav > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 30px;
    padding: 20px 18px;
    border-bottom: 1px solid #34363A;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    transition: all 300ms ease;
}

.navbar-default .navbar-nav > li.open > a{border-bottom: 1px solid #34363A;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{color: #d29b00;}

.theme-aprilia .navbar-default .navbar-nav > li > a:hover,
.theme-aprilia .navbar-default .navbar-nav > li > a:focus{color: #FF0000;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{
    background: none;
    color: #d29b00;
}

.theme-aprilia .navbar-default .navbar-nav > .open > a,
.theme-aprilia .navbar-default .navbar-nav > .open > a:focus,
.theme-aprilia .navbar-default .navbar-nav > .open > a:hover,
.theme-aprilia .navbar-default .navbar-nav > .active > a,
.theme-aprilia .navbar-default .navbar-nav > .active > a:focus,
.theme-aprilia .navbar-default .navbar-nav > .active > a:hover{color: #FF0000;}

.navbar-default .navbar-nav > li > a .caret{
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.navbar-nav .dropdown .dropdown-menu{
    position: initial;
    margin-top: 0;
    border-radius: 0;
    padding: 0;
    background: #FFF;
    border: none;
    width: 100%;
    height: 0;
    scale: 1 0;
    overflow: hidden;
    transition: all 300ms ease;
}

.navbar-nav .dropdown.open .dropdown-menu{
    display: flex;
    flex-direction: column;
    scale: 1 100%;
    padding: 12px 0;
    height: auto;
}

.nav .dropdown:hover .dropdown-menu{display: inline-block; height: 0; padding: 0;}
.nav .dropdown.open:hover .dropdown-menu{display: flex; height: auto; padding: 12px 0;}

.dropdown-menu > li.active > a,
.dropdown-menu > li > a {
    background-color: transparent;
    display: block;
    padding: 8px 50px;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap;
}

.dropdown-menu > li.active > a:focus,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #d29b00;
    text-decoration: none;
    background: none;
}

.theme-aprilia .dropdown-menu > li.active > a:focus,
.theme-aprilia .dropdown-menu > li.active > a:hover,
.theme-aprilia .dropdown-menu > li > a:focus,
.theme-aprilia .dropdown-menu > li > a:hover{color: #FF0000;}

.barre-logo{background: #000;}

.container-logo-home{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.logo-slider {
    position: relative;
    float: left;
    width: 100%;
    padding: 1.5rem;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-pva .slider{margin-top: 71px;}

.bloc-actualite{padding: 112px 0;}

.page-accueil .bloc-actualite .container{max-width: 1120px;}

.bloc-titre{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    border-bottom: 1px solid #000;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    padding-top: 1rem;
    width: 100%;
}

.page-accueil .bloc-titre{margin-bottom: 45px; padding: 0; border-bottom: none;}

.titre-accueil,
.bloc-module h2{
    margin: 0;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}

.titre-accueil span{font-weight: 400; text-transform: initial; font-size: 26px;}

.bloc-module h2{
    border-bottom: 1px solid #000;
    margin-bottom: 3rem;
    padding-bottom: 15px;
}
.sous-titre-accueil{
    font-size: 18px;
    font-weight: 400;
    color: #d29b00;
    margin: 0;
    text-transform: uppercase;
}

.theme-aprilia .sous-titre-accueil{color: #FF0000;}

.actualites-accueil{
    display: grid;
    grid-template-areas:
    'article2-left article1-right'
    'article3-left article1-right';
    gap: 30px;
    height: 814px;
    padding: 0;
}

.actualites-accueil .actualites-accueil__article0{grid-area: article1-right;}
.actualites-accueil .actualites-accueil__article1{grid-area: article2-left;}
.actualites-accueil .actualites-accueil__article2{grid-area: article3-left;}

.actualites-accueil .actualites-accueil__item{
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all 300ms ease;
}

.autres-actualites .autres-actualites__item:hover,
.actualites-accueil .actualites-accueil__item:hover{transform: translateY(-4px);}

.autres-actualites .autres-actualites__item .autres-actualites__img,
.actualites-accueil .actualites-accueil__item .actualites-accueil__img{
    display: flex;
    justify-content: center; 
    align-items: center;
    overflow: hidden;
}

.actualites-accueil .actualites-accueil__item .actualites-accueil__img{height: 100%;}

.autres-actualites .autres-actualites__item .autres-actualites__img img,
.actualites-accueil .actualites-accueil__item .actualites-accueil__img img{
    object-fit: cover;
    width: auto;
    height: 100%;
    max-width: inherit;
    min-width: 100%;
    transition: all 300ms ease;
}

.autres-actualites .autres-actualites__item .autres-actualites__titre,
.actualites-accueil__item .actualites-accueil__titre{margin: 0;}

.actualites-accueil__item .actualites-accueil__titre{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.actualites-accueil__article0.actualites-accueil__item .actualites-accueil__titre{
    bottom: inherit;
    top: 0;
}

.actualites-accueil__item .actualites-accueil__titre a{
    background-color: rgba(0,0,0,0.8);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 10px 45px 10px 20px;
    color: #FFF;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    transition: all 300ms ease;
}

.actualites-accueil__item:hover .actualites-accueil__titre a{background-color:#000;}

.actualites-accueil__item .actualites-accueil__titre span{
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 100%;
    background-color: #D29B00;
    transition: all 300ms ease;
}

.theme-aprilia .actualites-accueil__item .actualites-accueil__titre span{background-color: #FF0000;}

.actualites-accueil__item:hover .actualites-accueil__titre span{width: 30px;}

.autres-actualites{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 30px;
}

.autres-actualites .autres-actualites__item{
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(25% - 25px);
    transition: all 300ms ease;
}

.autres-actualites .autres-actualites__item .autres-actualites__img{height: 185px; border-bottom: 3px solid #D29B00;}
.theme-aprilia .autres-actualites .autres-actualites__item .autres-actualites__img{border-bottom: 3px solid #FF0000;}

.autres-actualites .autres-actualites__item .autres-actualites__titre a{
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    padding: 14px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}

.titre-actualite-accueil{
    font-size: 18px;
    color: #434c56;
    font-weight: 700;
    text-align: center;
    margin-bottom: 14px;
}
.desc-actualite-accueil{
    text-align: center;
}
.voir-plus-accueil{
    text-align: center;
    margin: 30px 0 0;
}
.btn-default{
    background-color: #d29b00;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    border: none;
    font-size: 12px;
    padding: 10px 15px;  
    transition: all .3s cubic-bezier(.25,.46,.45,.94);
    transition-property: opacity,color,background-color,border,-webkit-transform;
    transition-property: opacity,transform,color,background-color,border;
    transition-property: opacity,transform,color,background-color,border,-webkit-transform; 
}
.btn-default:hover{
    background-color: #d29b00;
    color: #fff;
}

.theme-aprilia .btn-default:active,
.theme-aprilia .btn-default:active:hover,
.theme-aprilia .btn-default:focus,
.theme-aprilia .btn-default,
.theme-aprilia .btn-default:hover{background-color: #FF0000;}

.btn-default:active,
.btn-default:active:hover,
.btn-default:focus{
    background-color: #d29b00;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98);
}
.bloc-occasions{
    padding: 13px 0 0;
    background: #fff;
}
.bloc-occasions, .bloc-module {
    padding: 33px 0 33px;
    background: #fff;
}
.voir-tout-accueil{
    transition: all 300ms ease;
    font-size: 16px;
    color: #D29B00;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid #D29B00;
}

.theme-aprilia .voir-tout-accueil{border-bottom: 1px solid #FF0000; color: #FF0000;}

.voir-tout-accueil:hover{
    color: #000;
    border-color: transparent;
    text-decoration: none;
}
.occasions-accueil .carousel-indicators {
	top: auto;
    bottom: -40px;
}
.occasions-accueil .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}   
.occasions-accueil .carousel-indicators .active{background: #707070;}
.img-occasion-accueil{position: relative; display: flex;}
.img-occasion-accueil .img-responsive{object-fit: cover;  min-height: 100%; width: 100%;}

.label-occasion{
    padding-right: 1.5rem;
    padding-left: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #434c56;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 2em;
    line-height: 2;
    box-shadow: 0 1px 2px 0 rgba(46,56,67,.25);
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    position: absolute;
    margin-top: 7px;
    margin-left: 7px;
}

.vignette-occasion-accueil {
    position: relative;
    text-decoration: none;
    display: block;
    transition: all 300ms ease;
    text-decoration: none;
}
.vignette-occasion-accueil:hover,
.vignette-occasion-accueil:focus{
    text-decoration: none;
    transform: translateY(-4px);
}

.nombre-annonce{
    text-transform: uppercase;
    line-height: 34px;
    font-size: 13px;
}
.nombre-annonce span{font-weight: 700;}

.voir-detail-occasion{
    transition: all .3s;
    position: absolute;
    opacity: 0;
    z-index: 2;
    left: 75px;
    top: 87px;
}

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

.titre-occasion-accueil{
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 12px 0 15px;
}
.sous-titre-occasion-accueil{
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin: 0 0 10px;
}
.detail-occasion-accueil .annee{
    color: #000;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
}
.detail-occasion-accueil .annee i{
    margin-right: 5px;
    position: relative;
    top: -1px;
    color: #000;
}
.prix-accueil{
    text-align: right;
    color: #d29b00;
    font-size: 20px;
    font-weight: 700;
}

.theme-aprilia .prix-accueil{color: #FF0000;}
.detail-occasion-accueil {padding-top: 3px;}

.fa-blue{color: #5cb4e4;}
.fa-red{color: red;}
.fa-purple{color: purple;}
.fa-green{color: green;}
.fa-yellow{color: yellow;}

.titre-map{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 2px 0;
}

.bloc-map{position: relative;}

.carousel-control path{
    transition: all .3s;
    fill: #fff;
}

.carousel-control svg{transform: scale(0.8, 0.8);}

.occasions-accueil .carousel-control path{fill: #333;}

.carousel-control:hover path,
.occasions-accueil .carousel-control:hover path{fill: #d29b00;}

.theme-aprilia .carousel-control:hover path,
.theme-aprilia .occasions-accueil .carousel-control:hover path{fill: #FF0000;}

.carousel-control{
    opacity: 1;
    top: 70px;
}
.carousel-control{width: 0;}
.carousel-control.left{left: -50px;}

.occasions-accueil{
    padding: 0 42px 4rem;
    margin-bottom: 20px;
}

.left svg{transform: scale(-0.8, -0.8);}

.occasions-accueil .carousel-indicators li{
    border: none;
    margin: 0;
    width: 20px;
    height: 6px;
    border-radius: 0;
    background: #333;
}

.occasions-accueil .carousel-indicators .active{background: #d29b00; width: 20px; height: 6px;}
.theme-aprilia .occasions-accueil .carousel-indicators .active{background: #FF0000;}

.titre-map svg{
    fill: #fff;
    transform: scale(0.6, 0.6);
    vertical-align: middle;
}
.bloc-map .collapse{
    min-height: 273px;
    overflow: hidden;
    display: block;
    margin-bottom: -68px;
    clear: both;
}
.bloc-map .collapsing{
    min-height: 230px;
    margin-bottom: -68px;
}

.btn-map{
    background: #d29b00;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 204px;
    border: 0;
    transform: rotate(0);
    position: absolute;
    bottom: 0;
    left: calc(50% - 102px);
    padding: 4px 11px;
    font-size: 12px;
}
.theme-aprilia .btn-map{background: #ff0000;}

.btn-map svg{fill: #fff;}
.reverse-btn .fas{transform: rotate(-180deg);}
.btn-map:focus{outline: none;}

.btn-map svg path{
    fill: #fff;
    transform: scale(0.6, 0.6);
}

footer{
    position: relative;
    background: linear-gradient(266deg, #2E2E2D 0%, #000 100%); 
    color: #D1D1D1;
}

.theme-aprilia footer{background: linear-gradient(266deg, #510000 0%, #000 100%); }

footer .logo{
    background-color: #000;
    border-bottom: 4px solid #D29B00;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 76px;
    font-size: 22px;
    font-weight: 700;
}

.theme-aprilia footer .logo{border-bottom: 4px solid #FF0000;}

footer .logo a{color: #FFF;}
footer .logo a:hover{text-decoration: none;}

footer .logo::before{display:none;}

footer .bloc-map{padding-top: 56px;}

.map-multi-magasin{
    display: inline-block;
    margin-left: -2px;
    margin-bottom: 4px;
}

.magasin-footer{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.bloc-map__magasin .magasin-footer{max-width: 840px; margin: 0 auto;}

.bloc-map__magasin .bloc-adresse .marques-concession{display:none;}

.bloc-map__magasin .image-map{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
}

.bloc-map__magasin .image-map .google-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 30px;
    gap: 8px;
    color: #FFF;
}

.bloc-map__magasin .image-map .google-link div{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    transition: all 300ms ease;
}

.bloc-map__magasin .image-map .google-link:hover div{background-color: #FFF;}

.bloc-map__magasin .image-map .google-link div svg{fill:#FFF; transition: all 300ms ease;}
.bloc-map__magasin .image-map .google-link:hover div svg{fill:#000;}

.multi-magasin{text-align: right;}

.fb-magasin-footer{
    float: left;
    width: 31px;
    height: 30px;
    padding-top: 7px;
}
.rs-magasin-footer{
    float: left;
    margin-left: 20px;
}
.rs-magasin-footer .fab{
    color: #fff;
    font-size: 34px;
    margin-top: -8px;
}
.multi-magasin .fb-magasin-footer {
    float: left;
    padding-right: 34px;
}
.multi-magasin .rs-magasin-footer {
    float: left;
    margin-left: 20px;
}
.horaire-footer{
    float: left;
    text-align: left;
}
.multi-magasin .rs-magasin-footer .fab {margin-top: 0px;}
.collapse .text-footer{margin-bottom: 50px;}
.rs-magasin-footer{margin-top: 5px;}
.collapse .rs-magasin-footer{margin-top: 0px;}

.multi-magasin-footer .bloc-multi-magasin{
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 380px;
    min-height: 206px;
    margin-bottom: 14px;
}
.zone-magasin-footer{padding: 0; width: 100%;  max-width: 400px;}

.zone-magasin-footer .adresse-magasin-footer{margin-bottom: -8px;}

.tooltip{opacity:1 !important;}
.tooltip > .tooltip-inner {background-color: #d29b00; padding:10px; font-size:14px; font-weight: 500;}
.tooltip .tooltip-arrow {border-top: 5px solid #d29b00 !important;}

.theme-aprilia .tooltip > .tooltip-inner {background-color: #ff0000;}
.theme-aprilia .tooltip .tooltip-arrow {border-top: 5px solid #ff0000 !important;}

.magasin-footer ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.magasin-footer ul li {
    float: left;
    list-style: none;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 1px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding-top: 2px;
}

.magasin-footer ul li:last-child{margin-right: 0;}

.titre-magasin-footer{
    margin: 8px 0 2px;
    clear: both;
    font-size: 16px;
    font-weight: 800;
    color:#FFF;
}

.tel-magasin-footer,
.mail-magasin-footer{
    display: inline-block;
    margin-right: 0;
    line-height: 27px;
    width: 158px;
    padding-left: 2px;
}

.tel-magasin-footer .fas,
.mail-magasin-footer .fas,
.tel-magasin-footer .fab,
.mail-magasin-footer .fab{
    font-size: 18px;
    margin-right: 9px;
    width: 18px;
    text-align: center;
}

.tel-magasin-footer a, .mail-magasin-footer a{color: #fff;}

.tel-magasin-footer a:hover,
.mail-magasin-footer a:hover,
.tel-magasin-footer a:hover,
.mail-magasin-footer a:hover,
.tel-magasin-footer:hover,
.mail-magasin-footer:hover,
.tel-magasin-footer:hover .fas,
.mail-magasin-footer:hover .fas,
.tel-magasin-footer:hover .fab,
.mail-magasin-footer:hover .fab{color: #d29b00;}

.theme-aprilia .post-footer__ML a:hover,
.theme-aprilia a.detail-footer,
.theme-aprilia .tel-magasin-footer a:hover,
.theme-aprilia .mail-magasin-footer a:hover,
.theme-aprilia .tel-magasin-footer a:hover,
.theme-aprilia .mail-magasin-footer a:hover,
.theme-aprilia .tel-magasin-footer:hover,
.theme-aprilia .mail-magasin-footer:hover,
.theme-aprilia .tel-magasin-footer:hover .fas,
.theme-aprilia .mail-magasin-footer:hover .fas,
.theme-aprilia .tel-magasin-footer:hover .fab,
.theme-aprilia .mail-magasin-footer:hover .fab{color: #ff0000;}

.tel-magasin-footer svg,
.mail-magasin-footer svg,
.adresse-magasin-footer svg{
    fill: #fff;
    transform: scale(0.35, 0.35);
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.mail-magasin-footer svg{right: -7px;}

a.detail-footer{
    font-size: 13px;
    color: #d29b00;
    border-bottom: 1px solid;
    margin-top: 12px;
    display: inline-block;
}

a.detail-footer:hover{text-decoration: none;}

.separation-footer{
    padding: 0 0 20px;
    border-top: 2px solid #fff;
}

.post-footer{
    position: relative;
    z-index: 2;
    color: #D1D1D1;
    padding: 74px 0 56px;
    font-size: 15px;
    text-align: center;
}

.post-footer .post-footer__txt-eco{color:#81848C;}

.post-footer__ML a{color: #D1D1D1; text-decoration: underline;}
.post-footer__ML a:hover{color: #d29b00; text-decoration: none;}

.btn-map svg {
    bottom: -13px;
    position: relative;
    left: 6px;
}

.carousel-inner > .item{width: 100%;}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img{margin: 0 auto; width: 100%;}

.slider .carousel-control.right{right: 90px;}
.slider .carousel-control.left{left: 40px;}

.slider .carousel-control svg{
    transform: scale(1, 1);
    filter: drop-shadow( 1px 1px 15px rgba(0, 0, 0, .5));
}
.slider .left svg {
    transform: scale(-1, -1);
    filter: drop-shadow( -1px -1px 15px rgba(0, 0, 0, .5));
}
.slider .carousel-control {
    opacity: 1;
    top: calc(50% - 20px);
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
}
.decorator{
    height: 0;
    transition: all .3s;
    content: "";
    width: 100%;
    background: rgba(0,0,0,0.2);
    position: absolute;
    bottom: 0px;
}
.guzzi-logo .decorator{background: #313336;}
.logo-slider:hover .decorator{height: 10px;}
.logo-slider img{
    transition: all 300ms ease;
    max-height: 47px;
    position: relative;
    top: 0;
}

.barre-logo .logo-slider .img-responsive{width: auto; object-fit: contain; min-height: inherit; max-height: 58px; margin: 0 15px;}
.barre-logo .logo-slider.piaggio-logo .img-responsive{max-height: 70px;}

.logo-slider:hover img{top: -4px;}
.sticky .navbar-default .navbar-brand{color: #fff;}
.sticky .navbar-brand.logo {line-height: 21px;}

.gototop a{
    box-shadow: 0 5px 5px 0 rgba(46,56,67,.25);
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    color: #fff;
    text-align: center;
    z-index: 7;
    position: absolute;
    bottom: 8px;
    right: -18px;
    width: 44px;
    height: 44px;
    transition: all 300ms ease;
}
.gototop a:hover{transform: translateY(-8px); background-color: #d29b00;}

.theme-aprilia .gototop a{background-color: transparent;}
.theme-aprilia .gototop a:hover{background-color: #FF0000;}

.main-footer__back-content {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.icon {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.icon--top {
    width: 16px;
    height: 16px;
}
.main-footer__back-icon {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.gototop{position: relative;}

.image-fiche .row {
    margin-left: -5px;
    margin-right: -5px;
    align-items: flex-start;
}
.image-fiche .col-sm-12, .image-fiche .col-sm-9, .image-fiche .col-sm-3{
    padding-left: 5px;
    padding-right: 5px;
}
.image-actualite .image-fiche{box-shadow: none;}

.cv-carousel {
    display: block;
    height: 448px !important;
    z-index: 1;
}
.cv-nav{
    transition: all .3s;
    opacity: 0;
    left: 70px;
    z-index: 1;
    top: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    position: absolute !important;
}
.cv-carousel:hover .cv-nav{opacity: 1;}

.cv-nav .cv-prev, .cv-nav .cv-next {
    cursor: pointer;
    font-size: 0;
    padding: 18px;
    border-radius: 100%;
}
.cv-nav .cv-prev{
    transition: all .3s;
    position: absolute;
    top: 0;
    background: #333 url("../images/prev.png") no-repeat 6px 9px;
}
.cv-nav .cv-prev:hover{
    position: absolute;
    top: 0;
    background: #d29b00 url("../images/prev.png") no-repeat 6px 7px;
}

.theme-aprilia .cv-nav .cv-prev:hover{
    background: #FF6600 url("../images/prev.png") no-repeat 6px 7px;
}

.cv-nav .cv-next{
    transition: all .3s;
    position: absolute;
    bottom: 0; 
    background: #333 url("../images/next.png") no-repeat 6px 11px;
}
.cv-nav .cv-next:hover{
    position: absolute;
    bottom: 0; 
    background: #d29b00 url("../images/next.png") no-repeat 6px 13px;
}
.theme-aprilia .cv-nav .cv-next:hover{background: #FF0000 url("../images/next.png") no-repeat 6px 13px;}

.cv-carousel-sans .item {margin-bottom: 10px;}

.pagination-liste label{display: none;}

.pagination-liste .fa {margin-top: 3px;}

a.social-share__item.social-share--facebook:hover {color: #2d4372;}



/** Page liste occasions **/


.form-liste{width: 100vw;}

.page-template-accesoires .page-fiche > .container,
.page-template-occasions .page-fiche > .container{max-width: inherit; padding:0;}
.page-template-accesoires .page-fiche > .container > .row,
.page-template-occasions .page-fiche > .container > .row{margin-left: 0; margin-right: 0;}

.page-template-accesoires .page-fiche.detail-annonce > .container,
.page-template-occasions .page-fiche.detail-annonce > .container{max-width: 1400px;}

.page-fiche > .container > .row{align-items: flex-start; gap: 20px;}
.page-fiche > .container > .row > .col-sm-8{width: 72%;}
.page-fiche > .container > .row > .col-sm-4{width: 28%;}

.page-fiche.page-liste-vehicules > .container > .row,
.page-fiche .aucun-resultat{display: flex; flex-direction: column; align-items: center;  margin: 0 auto;}

.page-fiche.page-liste-vehicules .container::before,
.page-fiche.page-liste-vehicules .container::after,
.page-fiche.page-liste-vehicules .row::before,
.page-fiche.page-liste-vehicules .row::after{display:none;}

.page-liste-vehicules .page-location{width:100%;}

.aucun-resultat .cta-retour{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 30px;
    border: 2px solid #000;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    transition: all 300ms ease;
}

.aucun-resultat .cta-retour:hover{background-color:#000; color:#FFF;}

.page-template-accesoires .filtre,
.page-template-occasions .filtre{margin-bottom: 50px; padding: 20px 30px; border-bottom: 1px dashed #D1D1D1;}

.page-liste-occasions{padding: 3rem 0 4rem; background: #fff;}

.titre-page-occasion{
    margin: 0 0 30px;
    padding: 0 30px;
    text-transform: uppercase;
    color: #000;
    font-size: 26px;
    font-weight: 800;
    text-align: center;
}

.filtre{
    color: #434c56;
    font-size: 24px;
    font-weight: 600;
}

.filtre .filtre__criteres{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
}

.filtre__criteres .panel-default{border-radius: 0; position: relative;}

.filtre__criteres .panel-default .panel-heading,
.filtre__criteres .v-search{
    border-top: none;
    border-right: none;
    border-left: none;
    text-transform: capitalize;
    font-size: 15px;
}

.filtre h4{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}

.filtre__criteres.panel-group .panel + .panel {margin-top: 0;}

.filtre__criteres .panel-default .panel-collapse{
    background-color: #F5F5F5;
    position: absolute;
    z-index: 100;
    width: 260px;
    max-height: 270px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);
    border-bottom: 1px solid #c9d2e1;
    border-left: 1px solid #c9d2e1;
    border-right: 1px solid #c9d2e1;
    transition: all 300ms ease;
}

.filtre__criteres .panel-default .panel-collapse .panel-body{padding: 5px 20px 20px;}

.panel-default > .panel-heading {
    color: #000;
    background: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #cacbcd;
    border-left: 1px solid #cacbcd;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}
.panel-title > a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 150px;
    height: 42px;
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    line-height: 21px;
}

.panel-title > a:hover{text-decoration: none;}
.panel-title > a svg{transition: all 300ms ease; fill: #000;}
.panel-title > a:hover svg{fill: #d29b00;}
.theme-aprilia .panel-title > a:hover svg{fill: #ff0000;}

.panel{
    background: none;
    border: none;
    box-shadow: none;
}
.panel-title .caret{
    float: right;
    margin-top: 5px;
    border: none;
    width: 10px;
    height: 8px;
}

.panel-body label{display: block;}

.panel-body label .marque{
    margin-left: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 1rem;
}
.panel-body label input[type=checkbox],
.panel-body label input[type=radio]{vertical-align: middle;}

.lien-occasion{
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    background-color: #20272f;
    padding: 10px 15px;
    margin-top: 10px;
}

.liste-occasions{max-width: 1400px; margin: 0 auto;}

.liste-occasions .liste-occasions__items{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 55px;
    flex-wrap: wrap;
}

.liste-occasions__items .liste-occasions__item{width: 22%;}

.liste-occasions .vignette-occasion-accueil:hover .voir-detail-occasion{opacity: 0;}

.pagination-liste{margin: 30px 0 50px 0;}

.pagination-liste .form-group{
    margin-bottom: 0;
    border: 1px solid #000;
    padding-right: 10px;
    transition: all 300ms ease;
}

.pagination-liste .form-group:hover{background-color:#F6F6F6;}

.pagination-liste .form-group .form-control{
    background-color: transparent;
    border: none;
    padding: 6px 14px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}

.form-control,
.form-control:focus{
    border-radius: 0;
    border-color: none;
    box-shadow: none;
}

.pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin: 40px 0 0 0;
    border-radius: 0;
    font-weight: 600;
    font-size: 15px;
}

.pagination li.active span,
.pagination li.active span:hover{background-color: #d29b00; border:none;}
.theme-aprilia .pagination li.active span,
.theme-aprilia .pagination li.active span:hover{background-color: #ff0000;}

.pagination > li > a{padding: 6px 12px; color: #333; border: none;}
.pagination > li > a:hover{color: #000;}

.liste-occasions nav{text-align: right;}

.pagination > li > a,
.pagination > li > span{border-radius: 0 !important;}


/** Page fiche **/
.social-share {text-align: right;}
.functional-bar .social-share__item-wrapper {
    padding: 1.5rem;
    text-align: right;
}
.functional-bar .social-share__label {
    vertical-align: middle;
    text-align: left;
}
.functional-bar .social-share__label {display: inline-block;}
.social-share--facebook {color: #3b5997;}
.u-margin-left--xs {margin-left: .5rem !important;}
.icon--medium {width: 35px; height: 35px;}

.icon {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.social-share--twitter {color: #000 !important;}
.social-share--googleplus {color: #d64937 !important;}
.social-share--linkedin {color: #0074a1 !important;}
.social-share--whatsapp {color: #43d854 !important;}
.social-share--email {color: #d29b00 !important;}
.theme-aprilia  .social-share--email {color: #ff0000 !important;}

svg {
    transition: all .3s cubic-bezier(.25,.46,.45,.94);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    fill: currentColor;
}
.icon > svg {
    display: block;
    width: 100%;
    height: 100%;
}

svg:not(:root) {overflow: hidden;}

.page-fiche,
.page{padding: 60px 0 80px;}

.icon-small{
    transform: rotate(180deg);
    width: 18px;
    height: 18px;
}

.fiche-actualite .retour-liste{margin-bottom: 30px;}

a.lien-retour{
    color: #434c56;
    font-size: 14px; 
    font-weight: 600;
}
a.lien-retour:hover{text-decoration: none;}

a.lien-retour span{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.bloc-fiche{padding: 15px 0;}

.head-fiche{
    padding: 30px 0 10px;
    margin-bottom: 2rem;
    margin-top: 24px;
    border-top: 1px dashed #cacbcd;
}

.head-fiche.description{padding: 30px 25px 10px;}
.fiche-produit__autres-caracteristiques{padding: 0 25px;}

.head-fiche span{display: block;}

.titre-fiche{margin: 0;}

.type{
    text-transform: uppercase;
    color: #d29b00;
    font-size: 18px;
    margin: 4px 0 6px;
}

.theme-aprilia .prix,
.theme-aprilia .type{color: #FF0000;}

.titre{
    text-transform: uppercase;
    color: #000;
    font-size: 26px;
    font-weight: 700;
    margin: 4px 0;
}
.titre-prix{
    text-align: right;
    font-size: 16px;
}
.prix{
    font-weight: 800;
    font-size: 32px;
    text-align: right;
    line-height: 35px;
    color: #d29b00;
}

.bloc-image{position: relative;}

.bloc-image .picto-crit-air{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

.bloc-image .image-fiche{margin-bottom: 25px; position: relative; z-index: 1;}

.bloc-zoom{
    position: absolute;
    right: 1rem;
    top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 100%;
    background-color: hsla(220,3%,80%,.5);
}

.icon-zoom{transform: rotate(0deg);}
.icon-zoom svg{fill:#FFF;}

.bloc-zoom span{
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
.image-fiche a{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    color: #000;
}

.image-fiche .imgzoom img{
    height: 100%;
    min-width: 100%;
    object-fit: cover;
}

.section-criteres{display: flex; align-items: center; flex-wrap: wrap; gap: 25px 10px;}

.critere-fiche{
    display: flex;
    align-items: center;
    padding: 2px 20px;
}

.critere-fiche i{color: #d29b00;}
.critere-fiche svg{fill: #d29b00;}

.theme-aprilia .critere-fiche i{color: #ff0000;}
.theme-aprilia .critere-fiche svg{fill: #ff0000;}

.critere{
    margin-left: 8px;
    font-size: 17px;
    font-weight: 600;
}

.titre-critere{font-weight: 700;}
.critere-fiche .icon-small{transform: rotate(0deg);}
.titre-critere sup{font-size:10px;}

.bloc-contact{
    padding: 20px 25px 30px;
    background: #edeef0;
    min-width: 320px;
}
.titre-contact{
    font-weight: 700;
    font-size: 24px;
    color: #000;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    padding-bottom: 10px; 
    margin-bottom: 30px;
}

.bloc-contact #form_contact .col-md-12{
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.bloc-contact #form_contact .row{margin:0;}
.bloc-contact #form_contact div{width: 100%;}

.bloc-contact #form_contact .form-group{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
}


.label-contact{
    background: #000;
    margin: 0;
    padding: 11px 6px;
    float: left;
    width: 39.33%;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}
.label-contact.blanc{
    background: none;
    color: #000;
    padding: 0px 6px;
    margin: 15px 0 10px 0;
}
.form-contact{
    padding: 20px 12px;
    float: left;
    width: 60.66%;
    border: none;
    font-weight: 500;
}
textarea.form-contact {
    height: 39px;
    padding-top: 10px;
}
.text-contact-noir{
    color: #000;
    padding: 10px 0 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px;
    display: block;
    text-align: left;
    text-decoration: underline;
}
.text-contact-noir a{
    color: #d29b00;
    text-decoration: none;
}

.theme-aprilia .text-contact-noir a{color: #FF0000;}

.inscription-news{margin-top: 16px;}

.confirm-contact{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0 5px;
    font-size: 12px;
    color: #000;
    font-weight: 500;
}

.confirm-contact input{vertical-align: sub;}

.btn-secondary{
    background: #000;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 15px 20px;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:hover{background: #d29b00;}

.theme-aprilia .btn-secondary:hover,
.theme-aprilia .btn-secondary:focus,
.theme-aprilia .btn-secondary:active,
.theme-aprilia .btn-secondary:active:hover{background: #ff0000;}

.bloc-contact .btn-secondary{
    width: 100%;
    margin-top: 12px;
}
.icon-submit{
    transform: rotate(0deg);
    float: right;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    margin-top: 4px;
}
a.social-share__item:hover{
    opacity: 0.7;
    text-decoration: none;
}

/** Page Liste Actualites **/
.bloc-liste-actualite{
    border-bottom: 2px solid #000;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.titre-actualite-liste{
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin: 30px 0 25px;
    padding-bottom: 41px;
    border-bottom: 2px solid #000;
}

.titre-actualite {margin: 25px 0 0;}

.titre-actualite a{
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}
.titre-actualite a:hover{
    text-decoration: none;
}
.date-actualite{
    margin-bottom: 10px;
}
.desc-actualite{
    font-size: 14px;
    font-weight: 500;
    margin: 15px 0;
}
.image-actualite{
    margin-bottom: 20px;
}
.btn-plus{
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    background-color: #20272f;
    padding: 10px 15px;
}
.btn-plus:hover, .btn-plus:focus, .btn-plus:active, .btn-plus:active:hover{
    background: #20272f;
}
.dernier-actualite .vignette{
    position: relative;
}
.voir-detail-actualite{
    transition: all .3s;
    position: absolute;
    opacity: 0;
    z-index: 2;
    left: calc(50% - 47px);
    top: calc(50% - 19px);
}
.dernier-actualite .vignette:hover .voir-detail-actualite{
    opacity: 1;
}
.titre-vignette-actualite{
    padding-left: 15px;
    padding-bottom: 15px;
    transition: all .3s;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.dernier-actualite .vignette:hover .titre-vignette-actualite{
    padding-bottom: 30px;
}
.dernier-actualite .vignette{
    margin: 15px;
    margin-bottom: 45px;
}
.dernier-actualite .titre{
    margin: 35px 0 25px;
    text-transform: initial;
}

/** fiche Actualite **/
.image-actualite{
    position: relative;
}
.fiche-actualite .titre-actualite{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    padding: 15px;
    color: #fff;
    font-weight: 700;
}
.titre-page{
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-top: 0; 
}
.text-page{
    font-weight: 500;
    margin: 15px 0; 
}

/** Page contact **/
.page-contact{
    margin-bottom: 4rem;
}
.header-title{
    margin-top: 40px;
    padding: 18px 15px 18px 0;
    border-top: 1px solid #cacbcd;
    border-bottom: 1px solid #cacbcd;
}

.header-title.concession-RS{
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 0;
    margin-top: 20px;
    border-bottom: none;
}

.header-title.autres-infos .google-link{
    padding: 10px;
    border: 1px solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 115px;
    border-radius: 5px;
    text-decoration: none;
    transition: all 300ms ease;
}

.titre-page-contact{
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin: 0;
}

.a-droite{text-align: right;}
.a-droite img{margin-left: 10px;}
.adresse-magasin-footer svg{right: -1px;}

.corp-contact .tel-magasin-footer,
.corp-contact .mail-magasin-footer,
.corp-contact .adresse-magasin-footer{margin-top: 0;}
.corp-contact .tel-magasin-footer i{margin-right: 12px;}
.corp-contact .tel-magasin-footer:hover i,
.corp-contact .tel-magasin-footer i:hover{color:#000;}

.header-title .icon-small{
    transform: rotate(0deg);
    width: 50px;
    height: 30px;
}

.corp-contact .tel-magasin-footer{color: #000;}
.corp-contact h3{font-size: 18px; font-weight: 700;}

.corp-contact .adresse-magasin-footer{display: flex; align-items: center; gap: 20px;}
.corp-contact .adresse-magasin-footer i{
    font-size: 20px;
    padding-left: 2px;
}

.page-contact .bloc-contact{background: #97a1ac;}

.page-contact .bloc-contact .titre-contact{
    color: #000;
    border: none;
    padding-bottom: 0;
    margin-bottom: 15px;
}

.page-contact .bloc-contact .btn-secondary{background-color: #FFF; color: #000;}
.page-contact .bloc-contact .btn-secondary:hover,
.page-contact .bloc-contact .btn-secondary:focus,
.page-contact .bloc-contact .btn-secondary:active{background-color: #d29b00;}

.page-contact .bloc-contact .label-contact,
.page-contact .bloc-contact .form-contact {
    float: none;
    width: 100%;
}
.page-contact .bloc-contact .label-contact {
    background: none;
    color: #fff;
    padding: 5px;
}

.page-contact .bloc-contact .confirm-contact,
.page-contact .bloc-contact .text-contact-noir{color: #fff;}

.page-fiche.page-fiche-contact > .container > .row > .col-sm-8{width: 56%;}
.page-fiche.page-fiche-contact > .container > .row > .col-sm-4.page-contact{width: 44%;}

.image-partenaire{
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    max-width: 200px;
}
.ckbox label{
    margin-bottom: 0;
    margin-left: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 0 5px;
    cursor: pointer;
    transition: all 300ms ease;
    display: inline-block;
}
.ckbox label:hover{color: #d29b00;}
.theme-aprilia .page-contact .bloc-contact .titre-contact,
.theme-aprilia .ckbox label:hover{color: #ff0000;}

.label-checkbox{
    font-size: 12px;
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 0;
    font-weight: 500;
    cursor: pointer;
}
.header-gamme{
    background-color: #20272f;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 56px;
}

.logo-header-gamme {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 21%;
    height: 66px;
    padding: 0 30px;
}

.header-gamme.piaggio-header .logo-header-gamme{background-color: #127ab3;}
.header-gamme.vespa-header .logo-header-gamme{background-color: #89b9ac;}
.header-gamme.aprilia-header .logo-header-gamme{background-color: #ff0000;}
.header-gamme.moto-guzzi-header .logo-header-gamme{background-color: #000;}

.logo-header-gamme img{height: 48px;}

.txt-header-gamme{
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 64px;
    margin: 0;
}

.page-gamme .page-gamme__liste-vehicules{
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 60px 40px;
    margin-top: 60px;
    margin-bottom: 120px;
}

.page-gamme__liste-vehicules .page-gamme__vignette{width: 22%; transition: all 300ms ease;}
.page-gamme__liste-vehicules .page-gamme__vignette:hover{transform: translateY(-4px);}

.page-gamme__vignette .page-gamme__vignette-url{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.page-gamme__vignette-url .page-gamme__vignette-img{display:flex; justify-content: center; align-items: center;}
.page-gamme__vignette-url .page-gamme__vignette-title{
    padding: 0 15px;
    font-size: 18px;
    font-weight: 700;
    color: #132233;
    text-align: center;
}

.page-gamme .img-occasion-accueil img{margin: 0 auto;}

.page-gamme .titre-occasion-accueil {
    text-align: center;
    color: #434c56;
    margin: 22px 0 0px;
}
.decouvrir-gamme{
    text-align: center;
    color: #434c56;
    font-weight: 700;
    display: block;
}
.decouvrir-gamme:hover{color: #434c56;}
.page-gamme .vignette-occasion-accueil{margin-bottom: 10px;}
.page-gamme .carousel-control{top: 130px;}
.page-gamme .occasions-accueil{
    padding: 0 42px 0rem;
    margin-bottom: 0;
}
.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;
}

.theme-aprilia .carousel-caption{color: #FF0000;}

.img-float-right{
    float: right;
    margin-left: 10px;
    max-width: 50%;
}
.img-float-left{
    float: left;
    margin-right: 10px;
    max-width: 50%;
}

.image-map img{background: #000;}

.image-map{text-align: right;}

.head-fiche.gamme-fiche-header .logo-header-gamme:before{display: none;}

.head-fiche.gamme-fiche-header .logo-header-gamme {
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
}


.desc-actualite-accueil{margin-top: 14px;}

.permis-a2-liste, .permis-a2{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 5;
}
.image-fiche .permis-a2-liste, .image-fiche .permis-a2{
    position: absolute;
    bottom: 10px;
    right: 11px;
    z-index: 5;
    top: auto;
}
.image-fiche .critair{
    position: absolute;
    bottom: 10px;
    left: 11px;
    z-index: 5;
    top: auto;
}
.permis-a2-checkbox{
    position: relative;
    top: 0;
}
.logo-checkbox input[type="checkbox"]{
    position: relative;
    top: 2px;    
}
.fb-magasin-footer svg{
    transform: rotate(180deg) scale(1.7, 1.7);
    margin-left: -7px;
}
.prix-barree{
    text-decoration: line-through;
    font-size: 16px;
    font-style: normal;
    margin-right: 15px;
    font-weight: 500;
    color: #000;
}

.bloc-contact label.label-contact span{display: none;}

.detail-haut{border-top: none; padding-top: 10px;}
.detail-haut .prix-barree{margin-right: 0; float: right;}

.fa-xl{
    font-size: 34px;
    color: #000;
    vertical-align: middle;
}
.page-gamme .vignette-occasion-accueil:hover,
.page-gamme .vignette-occasion-accueil:focus{background: none;}

.capitalise{text-transform: capitalize;}

.page-contact .a-droite ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 300px;
    margin-left: auto;
}

.page-contact .a-droite ul li{
    list-style: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding-top: 2px;
    color: #000;
}

.petit-txt{
    font-size: 14px;
    font-weight: normal;
    float: right;
}

.liste-occasions .titre-occasion-accueil,
.liste-occasions .titre-occasion-accueil,
.liste-occasions .sous-titre-occasion-accueil,
.liste-occasions .detail-occasion-accueil{padding: 0 12px;}

.vignette-home .titre-occasion-accueil,
.vignette-home .titre-occasion-accueil,
.vignette-home .sous-titre-occasion-accueil,
.vignette-home .detail-occasion-accueil{padding: 0 8px;}

.ville-footer{text-transform: uppercase;}
.barre-logo .logo-slider {border-right: 1px solid #000;}

.demande .nav-tabs > li > a {
    display: flex;
    height: 120px;
    margin-right: 0;
    border-right: 1px solid #fff; 
    border-radius: 0; 
}

.demande .nav-tabs > li:last-child > a{border-right: 1px solid #ddd; }

.demande .nav > li > a:focus,
.demande .nav > li > a:hover{background: none;}
.demande .tab-content > .tab-pane{background-color: #fff;}
.demande .container-logo-home{background-color: #fff;}

.demande .nav-tabs > li {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.demande .nav-tabs {
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.demande .nav-tabs::before,
.demande .nav-tabs::after{display: none;}

.demande li.active .logo-slider .decorator {height: 10px; position: initial;}
.demande .nav-tabs > li:not(.active) > a{opacity: 0.4;}
.demande .nav-tabs > li > a:hover{opacity: 0.7;}
.demande iframe {border: 1px solid #555;}

.demande .container-logo-home .nav-tabs .logo-slider{
    background-color: #000;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 20px 0 0;
    cursor: pointer;
}

.demande .container-logo-home .nav-tabs .logo-slider.piaggio-logo .img-responsive{height: 50px;}
.demande .container-logo-home .nav-tabs .logo-slider.vespa-logo .img-responsive{height: 40px; margin-top: 5px; margin-bottom: 5px;}
.demande .container-logo-home .nav-tabs .logo-slider.aprilia-logo .img-responsive{height: 34px; margin-top: 8px; margin-bottom: 8px;}
.demande .container-logo-home .nav-tabs .logo-slider.moto-guzzi-logo .img-responsive{height: 34px; margin-top: 8px; margin-bottom: 8px;}

.demande .container-logo-home .nav-tabs .logo-slider .img-gamme{
    margin-top: 20px;
    width: 100%;
    height: auto;
    max-height: inherit;
}

.demande{
    overflow: hidden;
    margin-bottom: 80px;
}

.les-marques ul li {
    text-align: right;
    height: 38px;
}

.desc-gamme{padding: 30px 20px;}

.first-bloc{position: relative;}
.tel-concess-home {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 17px;
    font-weight: bold;
}
.bloc-personnel{margin-bottom: 20px;}
.concess-contact{font-size: 16px; font-weight: bold;}
.tel-contact{
    margin-bottom: 20px;
    margin-top: 5px;
    font-size: 24px;
    font-weight: bold;
}

.carousel-indicators li{
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    background-color: #FFF;
    width: 30px;
    height: 6px;
    border-radius: 0;
    border: none;
}

#sliderCarousel .carousel-indicators li,
#sliderCarousel .carousel-indicators li.active{width: 60px;}

#sliderCarousel .carousel-control{display:none;}

.carousel-indicators li.active{width: 30px; height: 6px; background-color: #D29B00;}
.theme-aprilia .carousel-indicators li.active{background-color: #FF0000;}

textarea.form-contact {
    height: 100px;
    width: 100%;
}
.label-contact.blanc {
    display: block;
    width: 100%;
}

.logo-vignette-desc{
    margin-top: -11px;
    margin-bottom: -10px;
}

.slider-height.carousel-inner > .item{max-height: 800px;}

.slider-height.carousel-inner > .item > a > img{
    width: auto;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-personnel{text-align: center;}

.page-accueil .section-intro{padding: 116px 0;}

.CLArticle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}

.CLArticle.hidden-fiche > div{width:100%;}

.CLArticle.politique{
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 20px;
}

.page-accueil .CLArticle{
    position: relative;
    z-index: 1;
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.CLArticle.CLArticle-droite{flex-direction: row-reverse;}

.CLArticle.CLArticle-haut,
.CLArticle.CLArticle-bas{flex-direction: column;}

.CLArticle > img.img-responsive,
.CLArticle .CLArticle__txt{width: 50%;}

.CLArticle.CLArticle-haut > img.img-responsive,
.CLArticle.CLArticle-haut .CLArticle__txt,
.CLArticle.CLArticle-bas > img.img-responsive,
.CLArticle.CLArticle-bas .CLArticle__txt{width: 100%;}

.page-accueil .section-intro .container{position: relative;}
.page-accueil .section-intro.module-sans-img .container{max-width: 900px;}
.page-accueil .section-intro .titre-page{display:none;}

.page-accueil .CLArticle .CLArticle__txt,
.page-accueil .CLArticle.no-img > div{min-height: 300px; padding-top: 75px;  padding-bottom: 80px;}

.page-accueil .titre-page-occasion {border-bottom: none !important;}

.page-accueil .section-intro__header{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 50%;
    padding: 0 30px;
}

.page-accueil .module-sans-img .section-intro__footer,
.page-accueil .module-sans-img .section-intro__header{width: 100%;}

.page-accueil .section-intro__header.display-top-left{
    right:inherit;
    left: 0;
    padding-left: 24px;
    padding-right: 15px;
}

.page-accueil .section-intro__header.display-top{
    position: initial;
    padding-left: 0;
    margin-bottom: 30px;
    width: 100%;
}

.page-accueil .section-intro__header .section-intro__title{
    margin: 0;
    padding: 4px 0 0 0;
    border-bottom: none;
    max-width: 50%;
    font-size: 22px;
    color: #000;
    font-weight: 800;
}

.page-accueil .section-intro__footer{
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    z-index: 2;
    width: 50%;
    padding: 0 32px;
}

.page-accueil .section-intro__footer.logo-display-bottom-left{
    right: inherit;
    left: 0;
    padding: 0 25px;
    bottom: -40px;
}

.page-accueil .section-intro__footer.logo-display-bottom{position: initial; padding: 0;}

.section-intro__footer .piaggio-logo{max-width: 162px;}
.section-intro__footer .vespa-logo{max-width: 100px;}
.section-intro__footer .aprilia-logo{max-width: 100px;}
.section-intro__footer .moto-guzzi-logo{max-width: 140px;}

.section-intro__footer .piaggio-logo:hover,
.section-intro__footer .vespa-logo:hover,
.section-intro__footer .aprilia-logo:hover,
.section-intro__footer .moto-guzzi-logo:hover{
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05); 
}

.section-intro__contact{position:relative;}

.section-intro__contact .cta-contact-simple,
.section-intro__contact .section-intro__show-contact{
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 300ms ease;
}

.section-intro__contact .section-intro__show-contact{width: 180px; height: 40px;}
.section-intro__contact .cta-contact-simple{padding: 8px 20px; text-decoration:none;}

.section-intro__contact .cta-contact-simple:hover,
.section-intro__contact.open-contact .section-intro__show-contact,
.section-intro__contact .section-intro__show-contact:hover{background-color: #D29B00;}

.theme-aprilia .section-intro__contact .cta-contact-simple:hover,
.theme-aprilia .section-intro__contact.open-contact .section-intro__show-contact,
.theme-aprilia .section-intro__contact .section-intro__show-contact:hover{background-color: #FF0000; color:#FFF;}

.section-intro__contact .section-intro__show-contact svg{margin: 3px 0 0 10px; transition: all 300ms ease;}
.section-intro__contact.open-contact .section-intro__show-contact svg{rotate: 180deg;}

.section-intro__contact .section-intro__multi-contact{
    position: absolute;
    top: 40px;
    right: 0;
    width: 250px;
    height: 0;
    opacity: 0;
    scale: 1 0;
    display: flex;
    flex-direction: column;
    background-color: #000;
    transition: all 300ms ease;
}

.section-intro__contact.open-contact .section-intro__multi-contact{opacity:1; height: auto; scale: 1 100%;}

.section-intro__multi-contact a{
    display: flex;
    color: #FFF;
    padding: 12px 18px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-top: 1px solid #555;
}

.section-intro__multi-contact a:hover{background-color: rgba(255,255,255,0.3);}

.section-services{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 30px;
}

.section-services .section-services__gammes,
.section-services .section-services__detail{width: 50%;}

.section-services .section-services__gammes{display: flex; flex-direction: column;}

.section-services__detail-gammes{
    display: flex;
    border-bottom: 1px solid #D29B00;
    background: linear-gradient(90deg, #483809 0%, #000 37%);
    color: #FFF;
}
.theme-aprilia .section-services__detail-gammes{
    border-bottom: 1px solid #FF0000;
    background: linear-gradient(90deg, #630101 0%, #000 37%);
}

.section-services__photos-gammes{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.section-services__photos-gammes a{background-color: #000; display:flex; width: calc(50% - 2px); overflow: hidden; position: relative;}
.section-services__photos-gammes a img{width: 100%; transition: all 300ms ease;}
.section-services__photos-gammes a:hover img{opacity:0.8; transform: scale(1.05);}

.section-services__photos-gammes a .mobile-title{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 100%;
    transform: translate(-50%, -50%);
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    transition: all 300ms ease;
}

.section-services__photos-gammes a:hover .mobile-title{color:#D29B00;}

.section-services__photos-gammes a .mobile-title::before,
.section-services__photos-gammes a .mobile-title::after{
    background-color: #D29B00;
    position: absolute;
    left: 50%;
    width: 60px;
    height: 2px;
    margin-left: -30px;
    content: "";
    transition: all 300ms ease;
}

.section-services__photos-gammes a .mobile-title::before{top: -14px;}
.section-services__photos-gammes a .mobile-title::after{bottom: -15px;}

.section-services__photos-gammes a:hover .mobile-title::before{top: -19px;}
.section-services__photos-gammes a:hover .mobile-title::after{bottom: -20px;}

.section-services__detail-gammes .section-services__arrow{
    background-color: #D29B00;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 100%;
    min-height: 130px;
    margin-right: 24px;
}

.theme-aprilia .section-services__detail-gammes .section-services__arrow{background-color: #FF0000;}

.section-services__liste-gammes{
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px 0;
}

.section-services__liste-gammes h2{
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.section-services__liste-gammes ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    list-style: none;
    margin: 0 0 3px;
    padding: 0;
}

.section-services__liste-gammes ul a{
    display: flex;
    align-items: center;
    text-decoration: none;
    height: 36px;
    padding: 0 20px 2px;
    border: 1px solid #FFF;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    text-transform: capitalize;
}

.section-services__liste-gammes ul a:hover{background-color: #D29B00; border: 1px solid #D29B00;}
.theme-aprilia .section-services__liste-gammes ul a:hover{background-color: #FF0000; border: 1px solid #FF0000; color:#FFF;}

.section-services__gammes .illustration-gammes{width: 100%;}

.section-services .section-services__detail{display: flex; align-items: stretch;}

.section-services .section-services__detail ul{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
}

.section-services .section-services__detail ul li{width: 48%;}

.section-services__detail .section-services__nous-contacter{
    transition: all 300ms ease;
    cursor: pointer;
    font-size: 28px;
    font-family: "Montserrat", sans-serif;
}

.section-services__detail .section-services__nous-contacter,
.section-services .section-services__detail a{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 18px 22px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}

.section-services .section-services__detail .section-services__nous-contacter a{
    border-bottom: 1px dashed #000;
    padding: 10px 20px;
    font-family: "Open Sans", sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}

.section-services .section-services__detail .section-services__nous-contacter a:last-child{border-bottom: none;}

.section-services .section-services__detail .section-services__nous-contacter a:hover{border-bottom: 1px dashed #D29B00;}
.theme-aprilia .section-services .section-services__detail .section-services__nous-contacter a:hover{border-bottom: 1px dashed #FF0000;}

.section-services .section-services__detail .section-services__nous-contacter .section-services__concession-unique{padding: 0; width: 100%; position: relative;  z-index: 2;}
.section-services .section-services__detail .section-services__nous-contacter .section-services__concession-unique:hover,
.theme-aprilia .section-services .section-services__detail .section-services__nous-contacter .section-services__concession-unique:hover{border-bottom: 0; transform: translateY(0px);}
.section-services .section-services__detail .section-services__nous-contacter .section-services__concession-unique::before{display:none;}
.section-services__concession-unique .concession-unique__title{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
}
.section-services__concession-unique .concession-unique__title strong{color: #FFF; font-size: 28px;  font-family: 'Montserrat', sans-serif; transition: all 300ms ease;}

.section-services__nous-contacter .section-services__concession-unique .concession-unique__title svg,
.section-services__nous-contacter .section-services__concession-unique .concession-unique__title svg{fill: #FFF;}

.section-services__nous-contacter:hover .section-services__concession-unique .concession-unique__title strong,
.section-services__nous-contacter .section-services__concession-unique:hover .concession-unique__title strong{color:#D29B00;}
.section-services__nous-contacter:hover .section-services__concession-unique .concession-unique__title svg,
.section-services__nous-contacter .section-services__concession-unique:hover .concession-unique__title svg{fill: #D29B00;}

.theme-aprilia .section-services__nous-contacter:hover .section-services__concession-unique .concession-unique__title strong,
.theme-aprilia .section-services__nous-contacter .section-services__concession-unique:hover .concession-unique__title strong{color:#FF0000;}
.theme-aprilia .section-services__nous-contacter:hover .section-services__concession-unique .concession-unique__title svg,
.theme-aprilia .section-services__nous-contacter .section-services__concession-unique:hover .concession-unique__title svg{fill: #FF0000;}

.section-services__detail .section-services__nous-contacter a.section-services__concession-unique,
.section-services__detail .section-services__nous-contacter,
.section-services .section-services__detail a{color: #FFF; font-size: 28px; font-family: 'Montserrat', sans-serif; font-weight: 500;}

.section-services__detail .section-services__nous-contacter:hover,
.section-services .section-services__detail a:hover{transform: translateY(-4px); color: #D29B00;}

.theme-aprilia .section-services__detail .section-services__nous-contacter:hover,
.theme-aprilia .section-services .section-services__detail a:hover{color: #FF0000;}

.section-services__detail .section-services__nous-contacter::before,
.section-services .section-services__detail a::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: all 300ms ease;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%)
}

.section-services__detail .section-services__nous-contacter:hover::before,
.section-services .section-services__detail a:hover::before{
    -webkit-backdrop-filter: grayscale(100%);
    backdrop-filter: grayscale(100%)
}

.section-services__detail .section-services__essai{background: url(../images/RESERVER-UN-ESSAI-4-MARQUES.webp) no-repeat center center; background-size: cover;}
.section-services__detail .section-services__essai-PVA{background: url(../images/RESERVER-UN-ESSAI-SCOOTERS-ONLY.webp) no-repeat center center; background-size: cover;}
.section-services__detail .section-services__essai-Aprilia{background: url(../images/RESERVER-UN-ESSAI-APRILIA-ONLY.webp) no-repeat center center; background-size: cover;}
.section-services__detail .section-services__essai-Moto-Guzzi{background: url(../images/RESERVER-UN-ESSAI-MOTO-GUZZI-ONLY.webp) no-repeat center center; background-size: cover;}

.section-services__detail .section-services__atelier{background: url(../images/RENDEZ-VOUS-ATELIER-4-MARQUES.webp) no-repeat center center; background-size: cover;}
.section-services__detail .section-services__atelier-PVA{background: url(../images/RENDEZ-VOUS-ATELIER-SCOOTERS-ONLY.webp) no-repeat center center; background-size: cover;}
.section-services__detail .section-services__atelier-Aprilia{background: url(../images/RENDEZ-VOUSATELIER-APRILIA-ONLY.webp) no-repeat center center; background-size: cover;}
.section-services__detail .section-services__atelier-Moto-Guzzi{background: url(../images/atelier-moto-guzzi.webp) no-repeat center center; background-size: cover;}

.section-services__detail a.section-services__occasions{background: url(../images/occasion-piaggio.webp) no-repeat center center; background-size: cover;}
.section-services__detail a.section-services__occasions-PVA{background: url(../images/occasion-piaggio.webp) no-repeat center center; background-size: cover;}
.section-services__detail a.section-services__occasions-Aprilia{background: url(../images/occasions-aprilia.webp) no-repeat center center; background-size: cover;}
.section-services__detail a.section-services__occasions-Moto-Guzzi{background: url(../images/occasions-aprilia.webp) no-repeat center center; background-size: cover;}

.section-services__detail a.section-services__accessoires{background: url(../images/ACCESSOIRES-4-MARQUES.webp) no-repeat center center; background-size: cover;}
.section-services__detail a.section-services__accessoires-PVA{background: url(../images/ACCESSOIRES-SCOOTERS-ONLY.webp) no-repeat center center; background-size: cover;}
.section-services__detail a.section-services__accessoires-Aprilia{background: url(../images/ACCESSOIRES-APRILIA-ONLY.webp) no-repeat center center; background-size: cover;}
.section-services__detail a.section-services__accessoires-Moto-Guzzi{background: url(../images/ACCESSOIRES-MOTO-GUZZI-ONLY.webp) no-repeat center center; background-size: cover;}

.section-services__detail .section-services__contacter{background: url(../images/img-contact-pva.jpg) no-repeat center center; background-size: cover;}
.section-services__detail .section-services__contacter-PVA{background: url(../images/img-contact-pva.jpg) no-repeat center center; background-size: cover;}
.section-services__detail .section-services__contacter-MotoGuzzi{background: url(../images/img-contact-moto-guzzi.jpg) no-repeat center center; background-size: cover;}
.section-services__detail .section-services__contacter-Aprilia{background: url(../images/img-contact-aprilia.jpg) no-repeat center center; background-size: cover;}

.section-services__detail .section-services__nous-contacter .section-services__cta-contact,
.section-services__detail .section-services__nous-contacter .section-services__show-contact,
.section-services .section-services__detail a .section-services__title{position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%;}

.section-services__concession-unique .concession-unique__title::before,
.section-services__detail .section-services__nous-contacter .section-services__cta-contact::before,
.section-services__detail .section-services__nous-contacter .section-services__show-contact::before,
.section-services .section-services__detail a .section-services__title::before,
.section-services__concession-unique .concession-unique__title::after,
.section-services__detail .section-services__nous-contacter .section-services__cta-contact::after,
.section-services__detail .section-services__nous-contacter .section-services__show-contact::after,
.section-services .section-services__detail a .section-services__title::after{
    background-color: #D29B00;
    position: absolute;
    left: 50%;
    width: 90px;
    height: 2px;
    margin-left: -45px;
    content: "";
    transition: all 300ms ease;
}

.theme-aprilia .section-services__concession-unique .concession-unique__title::before,
.theme-aprilia .section-services__detail .section-services__nous-contacter .section-services__cta-contact::before,
.theme-aprilia .section-services__detail .section-services__nous-contacter .section-services__show-contact::before,
.theme-aprilia .section-services .section-services__detail a .section-services__title::before,
.theme-aprilia .section-services__concession-unique .concession-unique__title::after,
.theme-aprilia .section-services__detail .section-services__nous-contacter .section-services__cta-contact::after,
.theme-aprilia .section-services__detail .section-services__nous-contacter .section-services__show-contact::after,
.theme-aprilia .section-services .section-services__detail a .section-services__title::after{background-color: #FF0000;}

.section-services__concession-unique .concession-unique__title::before,
.section-services__detail .section-services__nous-contacter .section-services__cta-contact::before,
.section-services__detail .section-services__nous-contacter .section-services__show-contact::before,
.section-services .section-services__detail a .section-services__title::before{top: -14px;}
.section-services__concession-unique .concession-unique__title::after,
.section-services__detail .section-services__nous-contacter .section-services__cta-contact::after,
.section-services__detail .section-services__nous-contacter .section-services__show-contact::after,
.section-services .section-services__detail a .section-services__title::after{bottom: -15px;}
.section-services__concession-unique:hover .concession-unique__title::before,
.section-services__detail .section-services__nous-contacter:hover .section-services__cta-contact::before,
.section-services__detail .section-services__nous-contacter:hover .section-services__show-contact::before,
.section-services .section-services__detail a:hover .section-services__title::before{top: -19px;}
.section-services__concession-unique:hover .concession-unique__title::after,
.section-services__detail .section-services__nous-contacter:hover .section-services__cta-contact::after,
.section-services__detail .section-services__nous-contacter:hover .section-services__show-contact::after,
.section-services .section-services__detail a:hover .section-services__title::after{bottom: -20px;}

.section-services__detail .section-services__nous-contacter .section-services__cta-contact svg,
.section-services__detail .section-services__nous-contacter .section-services__show-contact svg,
.section-services .section-services__detail a .section-services__title svg{transition: all 300ms ease; fill: #FFF;}

.section-services__detail .section-services__nous-contacter:hover .section-services__cta-contact svg,
.section-services__detail .section-services__nous-contacter:hover .section-services__show-contact svg,
.section-services .section-services__detail a:hover .section-services__title svg{fill: #D29B00;}

.theme-aprilia .section-services__detail .section-services__nous-contacter:hover .section-services__cta-contact svg,
.theme-aprilia .section-services__detail .section-services__nous-contacter:hover .section-services__show-contact svg,
.theme-aprilia .section-services .section-services__detail a:hover .section-services__title svg{fill: #FF0000;}

.section-services .section-services__detail .section-services__subtitle{display: block; font-size: 18px; font-weight: 600;}

.section-services__detail .section-services__nous-contacter .section-services__multi-contact{
    background-color: #FFF;
    position: absolute;
    bottom: -8px;
    right: 0;
    z-index: 3;
    width: 100%;
    scale: 0 1;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #000;
    transition: all 300ms ease;
}

.section-services__detail .section-services__nous-contacter.open-contact-multi-mag .section-services__multi-contact{scale: 100% 1; opacity:1; visibility: visible;}

.section-services__detail .section-services__nous-contacter .close-multi-contact{
    position: absolute;
    top: -45px;
    right: 10px;
    z-index: 2;
    opacity: 0;
    fill: #FFF;
    filter: drop-shadow(0px 2px 0 rgba(0, 0, 0, 0.6));
    transition: all 300ms ease;
}
.section-services__detail .section-services__nous-contacter.open-contact-multi-mag .close-multi-contact{opacity:1;}
.section-services__detail .section-services__nous-contacter:hover .close-multi-contact{fill:#FFF;}

.section-services__nous-contacter .section-services__multi-contact a::before,
.section-services__nous-contacter .section-services__multi-contact a::after{display: none;}
.section-services__nous-contacter .section-services__multi-contact a:hover{transform: none;}


.titre-page{margin-bottom: 20px;}

.bloc-personnel .titre-actualite-accueil{font-size: 24px;}

.label-checkbox{
    vertical-align: text-top;
    max-width: 90%;
    margin-top: 1px;
}

.location .table > tbody > tr > td,
.location .table > tbody > tr > th,
.location .table > tfoot > tr > td,
.location .table > tfoot > tr > th,
.location .table > thead > tr > td,
.location .table > thead > tr > th{
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

#contact{height: 30px;}

.center-vertical {
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider.minislider{margin-top: 58px;}
.margin-top-70{margin-top: 70px;}

.img-distant{
    width: 295px;
    height: 194px;
    text-align: center;
    overflow: hidden;
}
.btn-go{
    width: 203px;
    margin: 0 auto;
}
.btn-go img{
    width: 203px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.accessoire-home .img-occasion-accueil{overflow: hidden;}

.logo h1{
    font-size: inherit;
    font-weight: inherit;
    display: inherit;
}


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item a{display:flex; width: 100%;}

.carousel-fade .carousel-inner .active {
     display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}

.carousel-fade .carousel-control {z-index: 2;}

.carousel-caption {
    color: #fff;
    position: absolute;
    display: flex;
    width: 33%;
    top: 0;
    left: 143px;
    align-items: flex-start;
    bottom: 0;
    flex-direction: column;
    justify-content: center;
}
.carousel-caption .titre{
    color: #fff;
    font-size: 50px;
    line-height: 46px;
    margin-left: 0;
    text-shadow: 0 1px 2px #000;
}
.carousel-caption .desc{
    font-size: 29px;
    line-height: 37px;
    margin-bottom: 20px;
    margin-top: 0px;
    text-shadow: 0 1px 2px #000;
}
.carousel-caption .btn{
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;    
}

.ecolo{margin-top: 5px;}

.v-search{
    cursor: pointer;
    outline: none;
    background: transparent;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 10px 10px 2px;
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #cacbcd;
    border-left: 1px solid #cacbcd;
}
.v-search:hover{color: #d29b00;}
.panel-heading{padding: 0;}
.v-search:hover option{color: #000;}
#DestinataireMagasin.form-contact {
    padding: 6px 12px;
    height: 41px;
}

@media(max-width: 450px){
    .titre-et-text-personnalise h2{font-size: 26px;}
    .form-sav-achat-cach .col-md-12 .CLBtn{line-height: 20px;}
}


@media(max-width: 620px){
    .form-sav-achat-cach .col-sm-6 {width: 100%;}
}


@media(max-width: 768px){
    .banner-home .img-banner-home {max-height: inherit;}
    .carousel-caption .titre{
        font-size: 22px;
        margin-top: 5px;
    }
    .carousel-caption .desc{
        font-size: 17px;
        line-height: 22px;
    }
    .carousel-caption .btn{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .carousel-caption{
        background: #5a5a5a;
        padding: 0 20px;
        position: static;
        width: 100%;
    }
    .les-btn-rs{margin-top: 40px;}
    .titre-page{word-break: keep-all; font-size: 22px;}
    .CLArticle.CLArticle-droite,
    .CLArticle.CLArticle-gauche{flex-wrap: wrap; gap: 30px;}
    .CLArticle.CLArticle-droite img.img-responsive,
    .CLArticle.CLArticle-gauche img.img-responsive{width: 100%;}
}

@media(max-width: 850px){
    .form-sav-achat-cach .col-sm-6 .col-md-12.medium-col,
    .form-sav-achat-cach .col-sm-6 .col-md-6{width: 100%;}
}


/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}