/*COMMON*/
.course{
    position: relative;
}
.main.main--apv{
    margin: 0;
    position: relative;
}
.main.main--landing{
    background: white;
}
.corner-page .main--course.main--apv{
    margin-top: -50px;
    padding-top: 100px;
}
.modal .loader--apv {
    border-radius: 18px;
}
/*FAQ*/
.faq{
    padding: 30px 0 0;
}
.faq--first{
    margin-top: 50px;
}
.faq__title{
    font-size: 29px;
    line-height: 32px;
    font-weight: 700;
}
.faq__subtitle{
    font-size: 16px;
    line-height: 20px;
    margin-top: 30px;
}
.faq svg{
    width: 100%;
}
.faq__right svg{
    float: right;
}
.apv *{
    box-sizing: border-box;
}
.main--apv .banner {
    background: #001B46;
    padding-bottom: 35px;
    margin-bottom: 100px;
}
.main--apv .banner__background {
    background-image: url('/assets/img/apv/entretien-et-reparation.jpg');
    opacity: 0.3;
}
.landing__title{
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
}
.landing__list-item{
    margin: 0 10px;
}
.landing__list-item:first-child{
    margin-left: 0;
}
.landing__list-item:last-child{
    margin-right: 0;
}
#addedToCart .modal-footer{
    margin-top: 25px;
}
.addedToCart{
    display: flex;
    align-items: center;
}
.addedToCart.hidden{
    display: none;
}
.addedToCart img{
    width: 45px;
    margin-right: 20px;
}
#carteGrise .carte-grise-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
}
#carteGrise .carte-grise-title-red {
    color: #F00;
    font-size: 17px;
    font-weight: 600;
}
#carteGrise .carte-grise-content {
    max-width: 692px;
}
#carteGrise .masked-overflow {

    max-height: 613px;
    overflow-y: auto;
    /* scroll bar width, for use in mask calculations */
    --scrollbar-width: 15px;

    /* mask fade distance, for use in mask calculations */
    --mask-height: 65px;

    /* Need to make sure container has bottom space,
    otherwise content at the bottom is always faded out */
    /* padding-bottom: var(--mask-height); */

    /* Keep some space between content and scrollbar */
    padding-right: var(--scrollbar-width);

    /* The CSS mask */

    /* The content mask is a linear gradient from top to bottom */
    --mask-image-content: linear-gradient(
        to bottom,
        black var(--mask-height),
        black calc(100% - var(--mask-height)),
        transparent
    );

    /* Here we scale the content gradient to the width of the container 
    minus the scrollbar width. The height is the full container height */
    --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;

    /* The scrollbar mask is a black pixel */
    --mask-image-scrollbar: linear-gradient(black, black);

    /* The width of our black pixel is the width of the scrollbar.
    The height is the full container height */
    --mask-size-scrollbar: var(--scrollbar-width) 100%;

    /* Apply the mask image and mask size variables */
    mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-scrollbar);

    /* Position the content gradient in the top left, and the 
    scroll gradient in the top right */
    mask-position: 0 0, 100% 0;

    /* We don't repeat our mask images */
    mask-repeat: no-repeat, no-repeat;
}
@media (max-width: 767px) {
    #carteGrise .masked-overflow {
        max-height: 730px;
        mask-image: none;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    #controleTechnique .controle-technique-hero {
        display: flex;
        flex-direction: column;
    }
}
#controleTechnique .controle-technique-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}
#controleTechnique .controle-technique-subtitle {
    display: block;
}
.showCart{
    cursor: pointer;
}
.showCart--navbar{
    margin-bottom: 20px;
}
.showCart--navbar.hidden{
    display: none;
}
.filtre-prestations .showCart--navbar{
    margin: 20px 0 0;
}
.course__buttons--left{
    text-align: left;
}
.course__buttons--spacebetween{
    display: flex;
    justify-content: space-between;
}
.course__buttons--center{
    display: flex;
    justify-content: center;
}
.course__buttons--right{
    text-align: right;
}
.course__buttons .button{
    margin: 0 10px;
}
.course__buttons .button:first-child {
    margin: 0 10px 0 0;
}
.course__buttons .button:last-child{
    margin: 0 0 0 10px;
}
.s-toggle__content .s-toggle__picture{
    position: absolute;
    right: 15px;
    top: 10px;
    width: 20px;
    cursor: pointer;
}
.course__buttons--fullwidth{
    display: flex;
}
.course__buttons--fullwidth .button{
    flex: 1;
}
.course__step svg{
    max-height: 22px;
    min-height: 22px;
    height: 22px;
    width: auto;
    margin-bottom: 10px;
}
.modal-body--external{
    max-height: inherit;
    overflow: visible;
    padding: 50px 15px;
    max-width: 800px;
    margin: 0 auto;
}
#vehicleIdentification .modal-body{
    min-height: 370px;
}
.identification-steps{
    display: flex;
    margin: 0 -5px 20px;
}
.identification-steps__step{
    flex: 1;
    height: 5px;
    background: #E4E4E4;
    margin: 0 5px;
}
.identification-steps__step--done{
    background: #1167ff;
}
.vehicleIdentification__form--step .identification-step{
    display: none;
}
.vehicleIdentification__form--step .identification-step--active{
    display: block;
}
.s-toggle__picture svg{
    max-height: 25px;
}
.s-toggle--active .s-toggle__header,
.s-toggle--activate .s-toggle__header{
    height: 55px;
    box-sizing: border-box;
}
.s-toggle .icone-plus{
    top: 0;
}
.vehicle__row{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.vehicle__row img{
    margin: 0 10px 0 0;
    width: 23px;
}
.vehicle__row:last-child img{
    margin-bottom: 0;
}
#results{
    position: relative;
}
.main--apv .slick-dots{
    bottom: -30px;
}
.main--apv .slick-dots li button::before{
    font-size: 12px;
    color: #D4D4D4;
    opacity: 1;
}
.main--apv .slick-dots li.slick-active button::before{
    font-size: 17px;
    color: #1167ff;
}
.s-toggle__content{
    font-size: 16px;
    line-height: 18px;
}
/*OVERRIDE DATEPICKER Z-INDEX*/
.datepicker-dropdown{
    z-index: 10000000000 !important;
}
/*LANDING - PACKAGES*/
.packages{
    margin-top: 100px;
    padding-bottom: 70px;
    background: #E6E6E6;
    margin-bottom: 70px;
}
.categories{
    transform: translateY(-45px);
}
.slick-dotted.slick-slider.categories{
    margin-bottom: 0;
}
.categories .slick-list,
.corner-page .recommendations__slick .slick-list {
    margin: 40px 55px 0;
}
.main--landing .recommendations__slick .slick-list {
    margin: 40px 55px 0 70px;
}
.categories .slick-prev,
.recommendations__slick .slick-prev{
    left: 10px;
}
.categories .slick-next,
.recommendations__slick .slick-next{
    right: 10px;
}
.modal-open #modal-container .modal#vehicleChoiceIdentification{
    padding: 0;
    border: none;
    background: #001B46;
}
.modal--course#vehicleChoiceIdentification .modal-header{
    color: white;
    position: relative;
    border-radius: 17px 17px 0 0;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}
.modal--course#vehicleChoiceIdentification .modal-header__background{
    background: url(/assets/img/apv/mecano.jpg) no-repeat center;
    background-size: cover;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 17px;
    top: 0;
}
.main--course#vehicleChoiceIdentification .modal-body{
    color: white;
    text-align: center;
    padding: 30px 15px 15px;
    transform: none;
}
.modal--course#vehicleChoiceIdentification .apv__registration {
    margin-top: 30px;
}
.main--course.modal#vehicleChoiceIdentification #cross{
    top: 17px;
    right: 15px;
}
.main--course.modal#vehicleChoiceIdentification #cross svg path{
    fill: white;
}
.main--course#vehicleChoiceIdentification .modal-header .modal__title,
.main--course#vehicleChoiceIdentification .modal-header .modal__subtitle{
    padding-right: 0;
}
.main--course#vehicleChoiceIdentification .modal-header .modal__subtitle{
    font-size: 29px;
    line-height: 32px;
    margin-top: 20px;
}
.modal--plain {
    padding: 0;
    overflow: hidden;
    border: 0;
    width: 670px;
    margin-left:-335px;
}
.modal--plain .modal-header {
    margin-bottom: 0;
}
.modal--plain .modal-header #cross {
    top: 30px;
    right: 30px;
}
.modal--plain .modal-body {
    position: relative;
}
.modal--plain .modal-body p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0;
    top: 15px;
}
.modal--plain .modal-body img {
    display: block;
    width: 100%;
}
.modal--plain .modal-footer {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    background: transparent;
}
.modal--plain .modal-footer .course__buttons .button {
    margin: 0 20px;
    border-radius: 2px;
    font-weight: bold;
    color: #2D2077;
}
.modal--plain .modal-footer .course__buttons .button.blue {
    color: #146AFA;
}
#vehicleChoiceIdentification .apv__subtitle--plate{
    margin-bottom: 15px;
}
#vehicleChoiceIdentification .apv__input {
    max-width: 280px;
}
.apv-category {
    position: relative;
    margin: 0 10px;
    outline: none;
}
.apv-category > div {
    height: 0;
    padding-bottom: 86.54%;
}
#vehicleRegistration .modal-header{
    border-bottom: none;
    margin-bottom: 0;
}
#vehicleRegistration .modal-header .modal__title{
    display: flex;
    align-items: center;
    padding-right: 0;
}
#vehicleRegistration .modal-header #pouce {
    width: 60px;
    height: 60px;
    margin-right: 25px;
}
#vehicleRegistration .modal-header #pouce path{
    fill: #00C7B8;
}
.apv-category:focus,
.apv-category:active,
.apv-category:hover{
    border: none;
}
.apv-category__wrapper{
    background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    position: relative;
    height: 130px;
    z-index: 1;
    border-radius: 8px;
}
.apv-category__wrapper.no-title {
    display: none;
}
.apv-category__title{
    color: #FFFFFF;
    font-size: 25px;
    line-height: 28px;
    max-width: 150px;
    padding-top: 15px;
    margin: 0 auto;
    outline: none;
    text-align: center;
}
.promote__title{
    text-align: center;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.promote__line{
    width: 100%;
    border-top: 2px solid #C3C3C3;
    margin: 0 25px;
}
.apv-category__picture{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.packages__title{
    font-size: 36px;
    line-height: 44px;
    text-align: center;
}
.packages__list{
    display: flex;
    justify-content: space-between;
}
.package{
    box-shadow: 0px 3px 6px #00000029;
    font-size: 16px;
    line-height: 24px;
    width: 285px;
    background: #F8F9FB;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
}
.package__title{
    font-size: 25px;
    line-height: 28px;
    font-weight: 500;
    max-width: 150px;
    margin: 0 auto;
}
.package__picture{
    height: 100px;
    margin-top: 15px;
}
.package__picture img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.package__details{
    flex: 1;
    margin-top: 10px;
    text-align: left;
    margin-left: 20px;
    font-weight: 500;
}
.package__detail{
    line-height: 25px;
    cursor: pointer;
}
.package__detail .show__details{
    font-size: 16px;
    line-height: inherit;
}
.package__detail a{
    color: black;
}
.package__detail a:hover{
    color: #3089F2;
}
.package__show{
    height: 50px;
    line-height: 50px;
    background: white;
    border: 2px solid #1167ff;
    color: #1167ff;
    cursor: pointer;
    margin-top: 15px;
}
.package__show:hover,
.package__show:active,
.package__show:focus{
    color: white;
    background: #1167ff;
    text-decoration: none;
}
.packages__ads{
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
    padding: 70px 0;
    border-top: 1px solid #D4D4D4;
}
.packages__ads a.slick-slide.slick-current{
    display: block;
}
.packages__ads--alone img{
    max-width: 500px;
}
.packages__ads--alone {
    text-align: center;
}
.packages__ads .slick-dots{
    bottom: -35px;
}
.packages__ads .slick-list{
    margin: 0 10px;
}
.packages__ads .slick-slide{
    margin: 0 10px;
}
.packages__ads .slick-slide img{
    margin: 0 auto;
}
.ad__picture{
    width: 48%;
    height: auto;
}
#apv_plate_iframe{
    display: none;
}
.registration--wrapper{
    position: relative;
}
.apv-banner__title {
    font-size: 36px;
    line-height: 44px;
    font-weight: bold;
}
.apv-banner__subtitle {
    font-size: 26px;
    line-height: 31px;
    margin-top: 5px;
    font-weight: 200;
}
.start-course{
    margin-top: 40px;
}

#sectionA1 .start-course {
    margin-top: 0;
}

.recherche-page .start-course,
#vehicleChoiceIdentification .start-course{
    margin-top: 20px;
}
.recherche-page .apv__subtitle--plate {
    margin-top: 15px;
    margin-bottom: 30px;
}
.recherche-page .start-course__title,
#vehicleChoiceIdentification .start-course__title {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 24px;
}
.recherche-page .apv__input .form-input,
#vehicleChoiceIdentification .apv__input .form-input,
.recherche-page .apv__button,
#vehicleChoiceIdentification .apv__button{
    height: 50px;
    font-size: 18px;
    line-height: 22px;
}
.recherche-page .apv__input.highlight,
#vehicleChoiceIdentification .apv__input.highlight{
    height: 50px;
    font-size: 18px;
    line-height: 48px;
}
.recherche-page .apv__arrows img,
#vehicleChoiceIdentification .apv__arrows img {
    height: 12px;
}
.recherche-page .apv__input,
#vehicleChoiceIdentification .apv__input {
    max-width: 280px;
}
.recherche-page .apv__input:before,
#vehicleChoiceIdentification .apv__input:before {
    background-position: 55% 8px;
    background-size: 35%;
}
.recherche-page .apv__input:after,
#vehicleChoiceIdentification .apv__input:after {
    background-size: 17px 17px;
}
.start-course__header {
    position: relative;
}
.start-course__header ~ .content {
    padding-top: 20px;
    border-top: 1px solid #D4D4D4;
}
.reinsurance {
    border-radius: 7px;
    background: #F8F9FB;
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    padding: 25px 0;
    color: #1167ff;
    font-size: 20px;
    line-height: 24px;
    box-shadow: 0px 3px 6px #00000029;
    max-width: 900px;
}
.reinsurance__item {
    display: flex;
    align-items: flex-end;
    font-weight: 500;
    cursor: pointer;
}
.reinsurance__picture {
    height: 45px;
    margin-right: 10px;
}
.reinsurance__explaination {
    font-size: 14px;
    line-height: 20px;
}
.reinsurance--expertise {
    padding: 0 0 15px 0;
    background: none;
    border-bottom: 1px solid #CECECE;
    position: relative;
    box-shadow: none;
    border-radius: 0;
    justify-content: space-between;
    transform: none;
    left: 0;
    bottom: 0;
    overflow-x: auto;
    overflow-y: hidden;
}
.reinsurance--expertise .reinsurance__wrapper {
    display: flex;
    align-items: flex-end;
    position: relative;
    cursor: pointer;
}
.reinsurance--expertise .reinsurance__item {
    color: #CECECE;
    font-size: 20px;
    width: 25%;
    min-width: 150px;
}
.reinsurance--expertise .reinsurance__item.reinsurance__item--active .reinsurance__wrapper:after {
    content: '';
    height: 3px;
    position: absolute;
    background: #1167ff;
    width: 100%;
    bottom: -16px;
}
.reinsurance--expertise .reinsurance__item.reinsurance__item--active {
    color: #1167ff;
}
.reinsurance--expertise .reinsurance__item.reinsurance__item--active .reinsurance__picture svg path {
    fill: #1167ff;
}
.reinsurance--expertise .reinsurance__picture {
    height: 35px;
    display: block;
}
.reinsurance--expertise .reinsurance__picture svg {
    width: auto;
    height: 100%;
}
.reinsurance--expertise .reinsurance__picture svg path,
.reinsurance--expertise .reinsurance__picture svg rect {
    fill: #CECECE;
}
.expertise__title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 30px;
}
.expertise__content {
    margin-top: 30px;
    font-size: 18px;
    line-height: 24px;
}
.apv__subtitle{
    font-size: 16px;
    line-height: 20px;
    margin-top: 25px;
    padding-bottom: 90px;
}
.apv__subtitle--plate{
    padding-bottom: 0;
    text-align: center;
    margin: 30px 0 0;
}
.apv__subtitle--toggle {
    cursor: pointer;
}
.registration__separator{
    font-size: 30px;
    line-height: 20px;
    text-align: center;
    color: #A2A2A2;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    width: 200px;
    margin: 30px auto;
}
.registration__separator:before,
.registration__separator:after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    border-top: 2px solid #7D7D7D;
    top: 50%;
    transform: translateY(-50%);
}
.registration__separator:before{
    left: 0;
}
.registration__separator:after{
    right: 0;
}
.start-course__wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
.start-course__title{
    font-size: 28px;
    line-height: 30px;
    font-weight: 200;
    margin: 0 45px 20px;
    text-align: center;
}
.start-course__title--bold {
    font-weight: 500;
}
/*LANDING - HOW IT WORKS*/
/*HOW IT WORKS*/
.main--landing .howitworks {
    margin-top: 0;
}
.howitworks{
    margin-top: 80px;
    text-align: center;
    background: #F8F9FB;
    padding: 50px 0 70px;
}
.howitworks__steps{
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.step{
    max-width: 200px;
    width: 100%;
    position: relative;
    margin-right: 50px;
}
.step:last-child{
    margin-right: 0;
}
.step:nth-child(2n+1):after,
.step:nth-child(2n):after{
    content: '';
    width: 120px;
    background: transparent;
    border: none;
    padding: 10px 0;
    position: absolute;
    right: 0;
    transform: translateX(50%);
    top: 35%;
}
.step:nth-child(2n+1):after{
    border-top: dashed 2px #1167ff;
    border-radius: 50%;
}
.step:nth-child(2n):after{
    border-bottom: dashed 2px #1167ff;
    border-radius: 0 0 50% 50%;
}
.step:last-child:after{
    content: none;
}
.step__background{
    position: absolute;
    width: 100%;
    background: white;
    box-shadow: 0px 6px 6px #0000001A;
    height: 100%;
    top: 0;
    z-index: 1;
    border-radius: 8px;
}
.step__content{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: #424242;
    padding: 15px 0;
    align-items: center;
}
.step__content svg{
    height: 100px;
    margin: 10px 0;
}
.step__title{
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
}
.step__subtitle{
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
}
/*LANDNG - COMMITMENT*/
.commitments{
    padding: 60px 0 0;
    text-align: center;
}
.commitments__list{
    background: #F8F9FB;
    box-shadow: 0px 3px 6px #00000029;
    display: flex;
    justify-content: space-around;
    padding: 30px 40px;
    text-align: left;
    margin-top: 50px;
}
.commitment{
    display: flex;
    align-items: center;
}
.commitment__picture{
    margin-right: 15px;
    max-height: 55px;
}
.commitment__text{
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    margin-top: 5px;
}
/*CONTACT*/
.apv-contact-block{
    text-align: center;
    margin-top: 100px;
}
.contact__title{
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
}
.apv-contact-block__content{
    display: inline-block;
    box-shadow: 0px 0px 6px #00000029;
    padding: 20px 25px;
}
.apv-contact#sidebar-contact{
    display: flex;
    justify-content: center;
    padding: 0 50px;
    text-align: left;
}
.apv-contact #contact-sidebar{
    margin-top: 15px;
}
.apv-contact #contact-sidebar > .row-fluid{
    display: flex;
    align-items: center;
    justify-content: center;
}
.apv-contact #contact-inner-num{
    padding-left: 15px;
}
.apv-contact .contact-rappel-sidebar{
    padding-left: 50px;
    display: flex;
    align-items: center;
}
.apv-contact .contact-rappel-sidebar a{
    background: #02BE10;
    color: white;
    height: 50px;
    display: block;
    width: 200px;
    text-align: center;
    line-height: 54px;
    font-size: 14px;
}
.apv-contact .contact-rappel-sidebar svg{
    vertical-align: sub;
    margin-right: 5px;
    width: 17px;
    height: 17px;
}
.apv-contact .contact-rappel-sidebar svg path{
    stroke: white;
}
/*LANDING - ADVICES*/
.advices{
    margin: 80px auto 130px;
    text-align: center;
}
.advices__list{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.advice{
    display: flex;
    flex-direction: column;
    box-shadow: 0 3px 6px #00000029;
    background: #F8F9FB;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    height: auto;
    max-width: 220px;
    margin: 0 20px 20px 0;
    outline: none;
}
.advices__list .slick-track{
    display: flex;
}
.advice__header{
    position: relative;
    text-align: center;
}
.advice__title{
    font-size: 25px;
    line-height: 28px;
    position: absolute;
    color: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 10px;
}
.advice__text{
    padding: 10px;
}
.advice__details{
    margin: 5px 0 0 20px;
    color: #1167ff;
}
/*COURSE*/
.form-label--gray{
   color: #7E7E7E;
}
.course__th{
    font-size: 16px;
    line-height: 26px;
    color: #D4D4D4;
    padding-bottom: 10px;
    text-align: left;
}
.course__th.text-right{
    text-align: right;
}
.course__tbody td{
    padding: 15px 0;
    vertical-align: bottom;
}
.course__tbody td a{
    color: inherit;
    text-decoration: underline;
}
.course__tbody--top td{
    padding: 15px 0 0 0;
}
.course__thead .course__tr{
    border-bottom: 1px solid #D4D4D4;
}
.course__thead--hidden .course__tr{
    border: none;
}
.course__thead--hidden .course__th{
    padding: 0;
}
/*REHCERCHE*/
/*Thumbnails*/
.row-fluid .thumbnails{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.row-fluid .thumbnails.liste{
    margin: 0;
}
.thumbnails > * {
    box-sizing: border-box;
}
.thumbnail{
    width: 33.3%;
    padding: 0;
    border: none;
    box-shadow: none;
    display: flex;
}
.thumbnail__wrapper{
    width: 100%;
}
.thumbnail--ad{
    width: 100%;
}
.thumbnail--hidden{
    display: none;
}
.thumbnail__wrapper{
    margin: 0 10px 20px;
    border: 1px solid #D4D4D4;
    display: flex;
    flex-direction: column;
    position: relative;
    color: black;
    outline: none;
}
.thumbnail__wrapper:hover,
.thumbnail__wrapper:active,
.thumbnail__wrapper:focus{
    color: black;
    text-decoration: none;
}
.thumbnail--ad .thumbnail__wrapper{
    border: none;
}
.thumbnail__content{
    padding: 15px;
    flex: 1;
    position: relative;
    max-width: calc(100% - 200px);
    box-sizing: border-box;
}
.thumbnail__picture{
    height: 200px;
    object-fit: cover;
}
.thumbnail__name{
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}
.block__thumbnails .thumbnails.liste .thumbnail__name{
    line-height: 26px;
}
.thumbnails.grille .thumbnail__content{
    max-width: 100%;
}
.thumbnail__reference{
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
}
.thumbnail__price{
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-top: 5px;
    color: #1167ff;
}
.thumbnail__price--crossed{
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    text-decoration: line-through;
    color: #D4D4D4;
}
.thumbnail__price--start {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: black;
}
.thumbnail__addtocard{
    height: 50px;
    outline: none;
    line-height: 50px;
    color: white;
    background: #1167ff;
    text-align: center;
    text-transform: uppercase;
    margin: 30px 15px 15px;
    cursor: pointer;
}
.thumbnails.liste .thumbnail{
    width: 100%;
}
.thumbnails.liste .thumbnail__wrapper,
.thumbnails.liste .thumbnail:nth-child(3n) .thumbnail__wrapper,
.thumbnails.liste .thumbnail:nth-child(3n+1) .thumbnail__wrapper{
    margin: 0 0 20px;
}
.thumbnails.liste .thumbnail__wrapper{
    flex-direction: row;
    width: 100%;
}
.thumbnails.liste .thumbnail__picture{
    width: 200px;
    height: 150px;
    object-fit: cover;
}
.thumbnails.liste .thumbnail__name{
    font-size: 22px;
    line-height: 26px;
    max-width: 70%;
}
.thumbnails.liste .thumbnail__addtocard{
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 15px 15px;
    width: 220px;
}
.thumbnails.liste .thumbnail__price{
    font-size: 30px;
    line-height: 36px;
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
    max-width: 30%;
    text-align: right;
}
.thumbnails.liste .thumbnail__price--start ~ .thumbnail__price--crossed{
    margin-top: 3px;
}
.thumbnails.liste .thumbnail__price--start ~ .thumbnail__price--crossed ~ .thumbnail__price--actual{
    line-height: 25px;
}
.thumbnails.liste .thumbnail__reference{
    position: absolute;
    bottom: 15px;
    left: 15px;
    margin: 0;
    font-size: 16px;
    line-height: 18px;
}
.ad__picture--search{
    width: 100%;
}
.header-resultats .trier_par{
    border-left: none;
    border-right: 1px solid #d3d3d3;
}
.MaRecherche .form_recherche > div:nth-child(-n+2) .filtre-titre {
    cursor: pointer;
    margin-bottom: -20px;
}
.MaRecherche .form_recherche .filtre-locked .filtre-titre,
.MaRecherche .form_recherche > div:nth-child(-n+2).filtre-locked .filtre-titre{
    cursor: default;
    margin-bottom: 5px;
}
.MaRecherche .filtre-prestations .accordion-toggle.collapsed #chevron{
    transform: rotate(-90deg);
}
.MaRecherche .filtre-prestations .filtre-block .checkbox-groupe label {
    padding-left: inherit;
}
.MaRecherche .checkbox-groupe .accordion .prestation_groupe {
    position: relative;
}
.MaRecherche .filtre-prestations .accordion-toggle #chevron path {
    fill: #d4d4d4;
}
.MaRecherche .checkbox-groupe .accordion .prestation_groupe .name{
    margin-left: 8px;
}
.display-modes{
    float: right;
    padding-left: 15px;
    margin-top: 10px;
}
.display-mode{
    display: inline-block;
    cursor: pointer;
}
.display-mode:first-child{
    margin-right: 10px;
}
.display-mode svg path,
.display-mode svg rect{
    fill: #D4D4D4;
}
.display-mode.active svg path,
.display-mode.active svg rect{
    fill: #1167ff;
}
.vehicle-detail{
    padding: 25px 20px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 17px;
    color: white;
    text-align: center;
    position: relative;
    background: #001B46;
}
.vehicle-detail__background{
    background: url('/assets/img/apv/vehicle-details.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
    border-radius: 17px;
}
.vehicle-detail__content{
    position: relative;
}
.vehicle-detail__button{
    margin-top: 20px;
    cursor: pointer;
}
.vehicle-known{
    background: white;
    border: 1px solid #E4E4E4;
    border-top: none;
}
.s-toggle .icone-plus{
    position: relative;
}
.s-toggle .icone-plus.closed .position-horizontal {
    width: 16px;
    right: 3px;
    height: 2px;
    top: 50%;
    background-color: #707070;
}
.s-toggle .icone-plus.closed .position-vertical {
    height: 16px;
    margin-top: -7px;
    width: 2px;
    top: 50%;
    background-color: #707070;
}
/*COURSE - STEP ONE*/
.rollback{
    display: flex;
    margin-top: 15px;
}
.rollback__keyword{
    flex: 1;
    position: relative;
}
.rollback__keyword #chaine{
    border-radius: 0px 40px 40px 0px;
}
.rollback__keyword #envoyer_side {
    background: #1167ff;
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 0px 40px 40px 0px;
    color: white;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-weight: bold;
    height: 50px;
    width: 50px;
    padding: 0;
    text-indent: inherit;
    text-transform: uppercase;
    text-shadow: none;
    padding-right: 5px;
}
.show__details,
.show__details--unevent{
    color: #1167ff;
    font-size: 18px;
    line-height: 16px;
    cursor: pointer;
}
.show__detail{
    background: #1167ff;
    color: white;
    position: absolute;
    padding: 5px 8px 3px;
    font-size: 13px;
    border-radius: 17px;
    z-index: 1;
    right: 0;
    top: 105px;
}
.block__packages .packages__list{
    flex-wrap: wrap;
    margin: 35px -10px 0;
}
.block__packages .package{
    width: calc(50% - 20px);
    margin-bottom: 20px;
}
.block__packages .package__title br{
    content: " ";
    display: none;
}
.block__packages .package__title{
    text-align: center;
}
.block__packages .package__show{
    text-align: center;
}
.block__packages .package__picture img{
    width: 100%;
    height: 100%;
}
.block__packages .landing__list-item:first-child,
.block__packages .landing__list-item:last-child{
    margin: 0 10px 20px;
}
.packageName{
    display: inline-block;
}
.block__thumbnails .thumbnails{
    margin-top: 20px;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.block__thumbnails .thumbnails.liste{
    flex-direction: column;
    width: 100%;
}
.block__thumbnails .display-modes{
    display: none;
}
.block__thumbnails .header-resultats{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}
.block__thumbnails .header-resultats .trier_par{
    border: none;
    padding: 0;
}
.block__thumbnails .header-resultats .pull-right > div:not(:last-child){
    border: none;
}
/*COURSE - STEP TWO*/
.prestations{
    margin: 35px 0;
    position: relative;
}
.cgu-ct{
    margin-top: 30px;
}
.recherche-page.prestations {
    margin: 0;
}
.prestation{
    border-bottom: 1px solid #d4d4d4;
    position: relative;
}
.prestation--option > td {
    position: relative;
    z-index: 1;
    padding: 20px 0;
}
.prestation--option:after {
    content: '';
    background: #F5F5F5;
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: -10px;
    box-shadow: 0px 5px 6px #00000019;
    border-radius: 9px;
}
.main--course .prestation--option .form-checkbox .addToCart--selected+span:after {
    top: 2px;
}
.alert .prestation:not(.prestation--operation),
.alert .prestation__actions,
.alert .course__th:last-child{
    display: none;
}
.prestation__price{
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}
.prestation-price__crossed{
    font-size: 16px;
    line-height: 18px;
    color: #D4D4D4;
    text-decoration: line-through;
    display: block;
    margin-top: 3px;
}
.prestation__total{
    font-size: 22px;
    line-height: 22px;
    color: #1167ff;
    font-weight: 700;
}
.prestation__total .prestation__action,
.prestation__total .prestation__title{
    display: none;
}
.prestation__picture{
    height: 55px;
    object-fit: cover;
    width: 75px;
}
.free{
    font-size: 16px;
    line-height: 24px;
    color: #7E7E7E;
    font-weight: 500;
    margin: 5px 0;
    border-bottom: 1px solid #d4d4d4;
}
.free.closed{
    display: none;
}
.free--toggle{
    cursor: pointer;
}
.free--toggle .toggle{
    display: flex;
    justify-content: space-between;
}
.free--toggle .toggle__icon{
    text-align: right;
}
.free--toggle .toggle__icon img{
    transform: rotate(90deg);
}
.free--toggle.opened .toggle__icon img{
    transform: rotate(-90deg);
}
.free--toggle .toggle__footer{
    font-size: 20px;
    line-height: 24px;
    color: #1167ff;
    font-weight: 700;
}
.free--total{
    color: black;
    font-size: 18px;
}
.free__price{
    font-size: 20px;
    line-height: 24px;
    color: #1167ff;
    font-weight: 700;
}
.free__price--total{
    font-size: 26px;
    line-height: 31px;
}
.prestation__product{
    display: flex;
}
.prestation__content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 15px;
}
.prestation__product--nopic .prestation__picture{
    display: none;
}
.prestation__product--nopic .prestation__content{
    margin-left: 0;
}
.prestation__title{
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}
.prestation__ref{
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
}
.prestation__amount{
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
}
/*COURSE - STEP TWO*/
#map{
    height: 100%;
}
.section--rdv{
    position: relative;
}
.gm-svpc,
.gm-style-mtc,
.gm-fullscreen-control
{
    display: none;
}
.block.block--dealerships{
    position: absolute;
    top: 30px;
    left: 5%;
    padding: 25px 20px;
    border: 1px solid #E4E4E4;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 7px;
    height: calc(100% - 60px);
    display: flex;
    flex-direction: column;
    width: 370px;
}
.block--localoperation{
    background: #E8F8FF;
}
.block--localoperation .course__title--small{
    color: black;
}
.search{
    padding-bottom: 20px;
}
.search__title{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
}
.search__subtitle{
    font-size: 14px;
    color: #424242;
}
.search__input{
    margin-top: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.search__input form{
    margin-bottom: 0;
}
.main--course .search__input input.form-input{
    height: 40px;
}
.main--course .search__input select.form-select{
    height: 40px;
    margin-top: 5px;
    cursor: pointer;
}
.main--course .form-input,
.main--course .form-select{
    margin-bottom: 0;
}
.search__button{
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 0 20px 20px 0;
    color: white;
    background: #1167ff;
    border: none;
    outline: none;
}
.dealerships{
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 15px;
    overflow-y: scroll;
    scrollbar-color: #D4D4D4 #FFF;
    scrollbar-width: thin;
}
.dealerships::-webkit-scrollbar
{
    width: 5px;
}
.dealerships::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d4d4d4;
}
.dealerships--empty{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.dealerships--empty.hidden{
    height: 0;
}
.dealership__block{
    width: 320px;
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}
.dealership__block--name{
    height: 20px;
    margin-right: 15px;
}
.dealership__block--address{
    height: 40px;
    margin-right: 15px;
    margin-top: 5px;
}
.dealership__block--ope{
    height: 20px;
    width: 190px;
    margin-top: 5px;
}
.dealership__block--slots{
    height: 40px;
    width: 190px;
    margin-top: 5px;
}
.dealership__block--button{
    height: 50px;
    width: 190px;
    margin-top: 10px;
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
.dealership{
    padding: 20px 0 15px;
    border-top: 1px solid #d4d4d4;
    font-size: 14px;
    line-height: 18px;
    position: relative;
}
.dealership::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: -10px;
    right: -10px;
    background-color: #D6F3FF;
    border-radius: 5px;
    z-index: 0;
    opacity: 0;
    transition: opacity 125ms ease-out;
}
.dealership.is-active::after,
.dealership.slick-current::after {
    opacity: 1;
    transition: opacity 250ms ease-out;
}
.dealership .dealership__name {
    font-size: 16px;
    position: relative;
    z-index: 1;
}
.dealership .dealership__flex {
    display: none;
    position: relative;
    z-index: 1;
}
.dealership .dealership__flex .button {
    width: 100%;
    text-align: center;
}
.dealership.is-active .dealership__flex,
.dealership.slick-current .dealership__flex {
    display: block;
}
.dealership--infowindow:last-child {
    border-top: none;
}
.dealership:last-child {
    border-bottom: 1px solid #d4d4d4;
}
.dealership--selection .dealership__identity{
    color: #0F58B5;
}
.dealership--selection .dealership__address{
    color: initial;
}
.dealership--selection-start {
    position: relative;
    border-top: 1px solid #0F58B5;
    margin-top: 15px;
}
.dealership--selection-start:before {
    content: 'Notre recommandation';
    background: #0F58B5;
    color: white;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 50%;
    padding: 2px 10px 0px;
    white-space: nowrap;
    width: auto;
    text-align: center;
    transform: translate(-50%, -50%);
    border: 5px solid white;
    border-radius: 20px;
    z-index: 1;
}
.dealership--selection-end + .dealership {
    border-top: 1px solid #0F58B5;
}
.dealership__title,
.dealership__subtitle{
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
}
.dealership__title{
    font-weight: 500;
    margin-top: 20px;
}
.dealership__name{
    font-weight: 700;
    /* display: flex; */
    align-items: center;
}
.dealership__name img{
    max-width: 55px;
}
.dealership__autosphere {
    font-size: 14px;
    margin-top: 0;
    color: #424242;
}
.dealership__location {
    color: #8E8E8E;
}
.dealership--infowindow .dealership__name{
    text-align: center;
    font-weight: 700;
}
.dealership__address{
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
}
.dealership__infos {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex: 1;
}
.dealership__identity{
    flex: 1;
    cursor: pointer;
    margin-right: 10px;
}
.dealership__distance {
    white-space: nowrap;
    display: flex;
    font-weight: 200;
    font-size: 16px;
}
.dealership__distance img {
    width: 14px;
    margin-right: 5px;
}
.dealership__promotions{
    margin-top: 5px;
    text-decoration: underline;
    cursor: pointer;
}
.dealership__slots{
    margin-top: 5px;
}
.apv-error-msg {
    color: #b94a48;
    text-align: center;
}
.dealership__select{
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
#dealershipSlots .month{
    margin: 0 5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    height: 30px;
    padding: 0 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
}
.month--selected{
    color: white;
    background: #1167ff;
    border-radius: 17px;
}
#dealershipSlots .modal-body{
    padding: 0 30px;
}
#dealershipSlots .slick-list{
    margin: 0 -5px;
}
.slot-dealership{
    font-size: 20px;
    line-height: 24px;
    margin-top: 10px;
    display: block;
    cursor: pointer;
    font-weight: 500;
}
.slick-months .slick-track {
    margin-left: 0;
}
.days,
.hours{
    margin-top: 30px;
}
.days .slick-track,
.hours .slick-track{
    margin-left: 0;
}
.hours.hours-grid{
    display: flex;
    flex-wrap: wrap;
}
.day,
.hour{
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    text-align: center;
    padding: 5px 4px 3px;
    box-sizing: border-box;
    margin: 0px 5px;
    outline: none;
}
.hour.disabled,
.day.disabled{
    pointer-events: none;
    color: #E4E4E4;
}
.month,
.day,
.hour{
    cursor: pointer;
    outline: none;
}
.hour{
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    padding: 9px 10px 5px;
    width: 71px;
    margin: 8px 5px;
}
.day--selected,
.hour--selected{
    color: white;
    background: #1167ff;
    border: 1px solid #1167ff;
}
.day__name{
    color: #D4D4D4;
    font-size: 16px;
    margin-bottom: 2px;
}
.day--selected .day__name{
    color: white;
}
.day__number{
    color: #424242;
    font-size: 24px;
    font-weight: 700;
}
.day.disabled .day__number {
    color: #E4E4E4;
}
.day--selected .day__number{
    color: white;
}
.prevArrow,
.nextArrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    cursor: pointer;
}
.prevArrow{
    left: -30px;
}
.nextArrow{
    right: -30px;
}
.prevArrow svg path,
.nextArrow svg path{
    fill: #D4D4D4;
}
.prevArrow{
    transform: rotate(180deg) translateY(50%);
}
.intervention__end{
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}
.intervention__end svg{
    width: 25px;
    height: 25px;
    margin-right: 15px;
}

#dealershipSlots .loan_vehicle-label {
    text-align: left;
}

#dealershipSlots .form-inputs.inputs-radio .form-label:last-child {
    margin-left: 50px;
}

/*Override infowindow google maps*/
.gm-style .gm-style-iw-t::after {
    box-shadow: none;
}
.gm-style .gm-style-iw-c{
    border-radius: 0;
    box-shadow: 0px 3px 6px #00000029;
    padding: 15px 10px !important;
    width: 235px;
}
.gm-style .gm-style-iw-d{
    overflow: visible !important;
}
.gm-style-iw.gm-style-iw-c > button{
    display: none !important;
}
.dealership--infowindow{
    border-bottom: none;
    padding: 0;
}
.dealership__subname{
    font-weight: 200;
    line-height: 28px;
}
.dealership--infowindow .dealership__promotions,
.dealership--infowindow .dealership__slots{
    text-align: left;
}
.dealership--infowindow .dealership__select{
    width: 100%;
}
.dealership-alert{
    display: none;
    font-size: 16px;
    line-height: 20px;
}
.alert .dealership-alert{
    display: block;
}
.alert .dealership-alert ~ .dealership-unselected{
    display: none;
}
.dealership-alert,
.dealership-unselected{
    margin-top: 30px;
}
.dealership-alert__brand{
    display: flex;
}
.modalWhite .modal-header .dealership-alert__brand span {
    font-size: 18px;
    line-height: 20px;
}
.dealership-alert__brand svg{
    margin-right: 15px;
    width: 35px;
    min-width: 35px;
}
.dealership-alert__content{
    margin-top: 20px;
}
.dealership-alert__content .course__buttons{
    margin-top: 20px;
    font-size: 14px;
}
.dealership-alert__content .button{
    font-size: 14px;
}
/*COURSE - STEP THREE*/
.recommendations{
    margin-top: 35px;
}
.recommendations__slick .slick-track{
    display: flex;
    margin-top: 15px;
    margin-left: 0;
}
.slick-initialized .slick-slide.recommendation{
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    height: auto;
    position: relative;
    outline: none;
}
.slick-initialized .slick-slide.recommendation:hover,
.slick-initialized .slick-slide.recommendation:active,
.slick-initialized .slick-slide.recommendation:focus{
    text-decoration: none;
}
.recommendations__slick:not(.slick-initialized){
    display: none;
}
#dealershipPromotions .recommendations__slick:not(.slick-initialized){
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
#dealershipPromotions .recommendation{
    width: calc(33% - 20px);
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
    padding: 0 10px;
}
.recommendation__content{
    background: #F8F9FB;
    margin-top: calc(125px * 0.2);
    height: calc(100% - calc(125px * 0.2));
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-direction: column;
    padding: calc(calc(125px * 0.8) + 20px) 10px 10px 10px;
    box-sizing: border-box;
    box-shadow: 0px 6px 10px #0000001A;
}
.recommendation__wrapper{
    height: 100%;
    cursor: pointer;
}
.recommendation__picture{
    position: absolute;
    width: 125px;
    height: 125px;
    right: 8%;
    border-radius: 8px;
    object-fit: cover;
}
.recommendation__title{
    font-size: 16px;
    line-height: 18px;
    color: #424242;
    flex: 1;
}
.recommendation__prices{
    margin-top: 5px;
}
.main--landing .recommendation__prices,
.corner-page .recommendation__prices {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.main--landing .recommendation__price,
.corner-page .recommendation__price {
    white-space: nowrap;
}
.main--landing .recommendation__price:not(.recommendation__price--crossed),
.corner-page .recommendation__price:not(.recommendation__price--crossed) {
    text-align: right;
    width: 100%;
}
.main--landing .recommendation__addToCart,
.corner-page .recommendation__addToCart {
    justify-content: center;
}
/*.main--landing .recommendation__prices .recommendation__price--crossed ~ .recommendation__price{
    width: auto;
}*/
.recommendation__price{
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: black;
}
.recommendation__price--crossed{
    font-size: 16px;
    line-height: 19px;
    color: #7E7E7E;
    margin-right: 5px;
    vertical-align: bottom;
    text-decoration: line-through;
}
.recommendation__addToCart{
    font-size: 16px;
    min-height: 35px;
    max-height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1167ff;
    color: white;
    text-align: center;
    border-radius: 0 0 8px 8px;
    cursor: pointer;
    text-transform: uppercase;
}
.addToCart__button{
    flex: 1;
    padding-top: 2px;
}
.addToCart__checked,
.addToCart__remove{
    display: none;
    position: relative;
    width: 25px;
    height: 25px;
}
.addToCart--selected{
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #D4D4D4;
}
#prestationDetails {
    border-radius: 17px;
    padding: 0;
}
#prestationDetails .modal--course {
    box-shadow: none;
}
#prestationDetails .modal-accordion{
    background-color: #F8F8FB;
    padding: 10px 35px;
    margin-bottom: 0;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}
#prestationDetails .modal-accordion .accordion-group{
    border: none;
}
#prestationDetails .modal-accordion-link{
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding-left: 0;
}
#prestationDetails .modal-accordion-title{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
}
@media screen and (max-width: 767px) {
    #prestationDetails {
        border-radius: 0;
    }
}
#prestationDetails .items__wrapper {
    display: none;
}
#prestationDetails .addToCart--selected{
    display: inline-flex;
}
.addToCart--selected:hover{
    background: #D4D4D4;
}
.addToCart__checked{
    background: #00C7B8;
    border-radius: 50%;
    margin-right: 10px;
}
.addToCart__remove{
    margin-left: 10px;
}
.addToCart__checked svg,
.addToCart__remove svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.addToCart--selected .addToCart__checked,
.addToCart--selected .addToCart__remove{
    display: block;
}
.addToCart svg{
    height: 10px;
}
.addToCart svg path{
    fill: white;
}
.recommendations .prevArrow {
    left: -15px;
}
.recommendations .nextArrow {
    right: -15px;
}
.recommendations .slick-arrow svg{
    width: 10px;
}
.section__recommendations .course__button--forward{
    margin-top: 100px;
}
.section__recommendations .load{
    height: 200px;
    margin-top: 100px;
}
.recommendation__percentage{
    position: absolute;
    left: 8%;
    top: 5px;
}
.percentage{
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
}
.percentage__number{
    border-radius: 14px;
    background: #00C7B8;
    color: white;
    padding: 4px 10px 0;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 700;
}
.percentage__text{
    border-radius: 11px;
    background: #00C7B8;
    color: white;
    padding: 4px 10px 2px;
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px;
}
.block.cart .cart__withoutcontent{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cart__withoutcontent.hidden,
.block.cart .cart__withoutcontent.hidden{
    display: none;
}
.cart__empty{
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
}
.cart__choice{
    font-size: 18px;
    line-height: 24px;
    margin-top: 30px;
}
.block.cart .cart__withoutcontent svg{
    margin: 30px 0;
}
/*COURSE - STEP FOUR*/
.card{
    border: 1px solid #E4E4E4;
    font-size: 16px;
}
.card--comment{
    margin-top: 30px;
}
.card__header{
    display: flex;
    align-items: center;
    height: 40px;
    padding: 6px 15px;
    font-weight: 700;
    border-bottom: 1px solid #E4E4E4;
    background: #F8F9FB;
}
.card__footer{
    display: flex;
    align-items: center;
    height: 40px;
    padding: 6px 15px;
    font-weight: 700;
    border-top: 1px solid #E4E4E4;
}
.card__header svg{
    max-width: 30px;
    max-height: 30px;
    margin-right: 20px;
    height: 100%;
}
.card__content{
    padding: 15px;
    flex: 1;
    position: relative;
}
.card__content--full{
    padding: 0;
}
.card__picture{
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.card__infos {

}
.card__info:not(:last-child) {
    margin-bottom: 10px;
}
.form-textarea{
    border: none;
    height: 100%;
    min-height: 70px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-radius: 0;
    padding: 15px;
    margin: 0;
}
.form-textarea:focus{
    outline: none;
    border: none;
    box-shadow: none;
}
#addressForm{
    margin-bottom: 0;
}
#addressForm .course__buttons{
    margin: 20px 0 5px;
}
#addressForm .form-label{
    margin: 5px 0 15px;
}
.cards{
    display: flex;
}
.cards--start{
    align-items: start;
}
.cards--column{
    flex-direction: column;
    align-items: stretch;
}
.cards .card{
    margin: 0 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.cards .cards{
    flex: 1;
}
.cards--column .card{
    margin: 15px 0 0 0;
}
.cards--column .card:first-child{
    margin-top: 0;
}
.cards .card:first-child{
    margin-left: 0;
}
.cards .card:last-child{
    margin-right: 0;
}
.payment__title{
    margin: 30px 0 20px;
}
.payment__securised{
    margin-bottom: 10px;
    position: relative;
    background: white;
    display: flex;
    align-items: center;
}
.payment__text{
    padding: 0 20px;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
}
.payment__text svg{
    margin-right: 10px;
    width: 12px;
}
.payment__text svg path{
    fill: #424242;
}
.payment__separator{
    border-top: 1px solid #D4D4D4;
    flex: 1;
}
.payment__subtitle{
    margin: 15px 0;
}
.payment__subtitle--big{
    font-size: 24px;
    line-height: 28px;
}
.payment__subtitle--small{
    font-size: 14px;
    line-height: 18px;
}
.payment__total{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.block.payment .course__buttons{
    margin-top: 20px;
}
.payment__ingenico{
    margin-top: 25px;
}
.about{
    list-style: none;
    display: flex;
    margin-top: 15px;
    font-size: 14px;
    line-height: 18px;
    justify-content: center;
    margin: 15px 0;
}
.about__item:after{
    content: '|';
    margin: 0 10px;
}
.about__item:last-child:after{
    content: none;
}
.payment__products{
    margin-bottom: 5px;
}
.payment__product{
    margin-bottom: 10px;
}
.payment__product--free{
    margin-bottom: 0;
}
.payment__means{
    display: flex;
    justify-content: space-between;
}
.payment__terms{
    margin-top: 30px;
}
.payment__terms .form-checkbox{
    margin-top: 0;
}
.payment__mean{
    border: 1px solid #D4D4D4;
    padding: 25px 30px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px;
    cursor: pointer;
    position: relative;
    max-width: 250px;
}
.payment__mean:hover,
.payment__mean--selected{
    padding: 24px 29px;
    border: 2px solid #1167ff;
}
.payment__mean--selected:after{
    content: '';
    height: 26px;
    width: 26px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(40%, -40%);
    background-color: #1167ff;
    background-image: url("/assets/img/apv/check-blanc.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 10px;
}
.payment__mean:first-child{
    margin-left: 0;
}
.payment__mean:last-child{
    margin-right: 0;
}
.payment .course__buttons{
    margin-top: 40px;
}
.remaining{
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.payment .remaining{
    margin-top: 40px;
}
.remaining svg{
    min-height: 24px;
    height: 24px;
    min-width: 24px;
    width: 24px;
    margin-right: 10px;
}
.remaining svg path{
    fill: #1167ff;
}
.remaining__text{
    padding-top: 4px;
}
.block.payment{
    text-align: center;
}
.payment__form{
    text-align: left;
    margin-top: 20px;
}

.payment__form .hosted-tokenization {
    text-align: center;
    padding: 1rem;
    border-radius: .5rem;
    border: 1px solid #D4D4D4;
}
.payment__form .hosted-tokenization iframe {
    border: none;
}
.payment__form .hosted-tokenization .payment-msg-alerte {
    color: #FB4968;
    font-size: 15px;
    line-height: 30px;
    background: #FDDEE3;
    border-radius: 5px;
    margin-top: 15px;
    font-weight: 500;
    padding: 0 60px;
}

/*COURSE - STEP FIVE*/
.confirmation{
    text-align: center;
}
.confirmation__title{
    margin-top: 20px;
}
.confirmation svg{
    margin: 30px 0;
}
.confirmation__account,
.retryPayment{
    margin-top: 25px;
}
.prestation-detail__header{
    display: flex;
}
.prestation-detail__picture{
    height: 135px;
    margin-right: 20px;
}
.prestation-detail__content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.prestation-detail__title{
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}
.prestation-detail__subtitle{
    font-size: 12px;
    line-height: 16px;
}
.prestation-detail__price--crossed{
    font-size: 20px;
    line-height: 24px;
    color: #D4D4D4;
    text-decoration: line-through;
}
.prestation-detail__price{
    font-size: 35px;
    margin-top: 5px;
    font-weight: 700;
}
.prestation-detail__details h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #1167FF;
}
#prestationDetails .course__buttons{
    margin-top: 30px;
}
.prestation-detail__table tbody td{
    padding: 5px 0;
    border-bottom: 1px solid #D4D4D4;
}
.prestation-error .r-failed__title, .prestation-error .r-failed__subtitle{
    text-align: center;
}
.prestation-error .prestation-error-picture{
    display: flex;
    justify-content: center;
}
    /*NAVBAR*/
.prestations-navbar{
    min-height: 200px;
    position: relative;
}
.prestations-navbar__nocontent{
    font-size: 16px;
    line-height: 20px;
    color: #D4D4D4;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 170px;
    text-align: center;
    transform: translate(-50%, -50%);
}
.prestations-navbar__content{
    padding-bottom: 50px;
    font-size: 16px;
    line-height: 20px;
}
.prestations-navbar__list{
    list-style: none;
    margin: 0;
}
.prestation-navbar{
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    position: relative;
}
.prestation-navbar:before {
    content: '•';
    vertical-align: text-bottom;
    padding-right: 5px;
    line-height: 16px;
    z-index: 1;
    position: relative;
}
.prestation-navbar--option {
    padding: 5px 0;
}
.prestation-navbar--option:after {
    content: '';
    background: #F5F5F5;
    position: absolute;
    width: calc(100% + 15px);
    height: calc(100%);
    top: 1px;
    left: -8px;
    box-shadow: 0px 5px 6px #00000019;
    border-radius: 9px;
}
.prestation-navbar__noprice{
    margin-bottom: 8px;
    line-height: 16px;
}
.prestation-navbar__service{
    color: #7E7E7E;
    font-size: 14px;
}
.prestation-navbar__service .prestation-navbar__price{
    margin-top: 0;
    font-weight: 200;
}
.prestation-navbar__service .prestation-navbar__name{
    font-weight: 200;
}
.prestation-navbar__noprice:last-child .prestation-navbar__price{
    margin-top: 2px;
}
.prestation-navbar__service:before{
    content: '+';
    line-height: 21px;
}
.prestations-navbar__total{
    position: absolute;
    bottom: -10px;
    height: 40px;
    left: -15px;
    right: -15px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #d4d4d4;
}
.prestation-navbar__price{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
    font-weight: 700;
}
.prestation-navbar__price .product-information img{
    height: 15px;
    margin-left: 5px;
}
.prestation-navbar__crossed-price{
    color: #7E7E7E;
    text-decoration: line-through;
    margin-right: 10px;
}
.prestation-navbar__name{
    font-weight: 700;
    width: 100%;
}
.prestation-navbar--option .prestation-navbar__name {
    position: relative;
    z-index: 1;
}
.prestation-navbar__noprice .prestation-navbar__price{
    margin-top: 0;
    display: none;
}
.navbar .MaRecherche{
    padding: 10px 0 0;
    margin: 0;
}
.MaRecherche .vehicle-known .s-toggle__header{
    background: #F8F9FB;
}
.MaRecherche .checkbox-groupe .accordion .accordion-body li label{
    margin-left: 0;
}
.MaRecherche .checkbox-groupe ul{
    list-style: none;
}
.MaRecherche .filtre-prestations .checkbox-groupe .accordion-body label:not(.prestation_groupe) {
    padding-left: 25px;
    position: relative;
}
.navbar #form_recherche{
    margin-bottom: 10px;
}
.s-toggle__title{
    font-weight: 700;
}
.s-toggle__header--navbar .s-toggle__title.s-toggle__title--alone{
    margin: 0;
}
.ma-recherche-page.span4 .MaRecherche {
    border: none;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.toggle__list{
    list-style: none;
    margin: 10px 0;
}
.toggle__header--loading ~ .toggle__list .prestation-navbar__service:before{
    display: none;
}
.toggle__header{
    cursor: pointer;
    color: #7E7E7E;
}
.toggle__footer{
    padding-left: 12px;
    color: #7E7E7E;
}
.toggle__header img{
    width: 8px;
    transform: rotate(90deg);
    float: right;
    margin-top: 3px;
}
.toggle__header--close img{
    transform: rotate(90deg);
}
.toggle__header--open img{
    transform: rotate(-90deg);
}
.toggle--freeservices .toggle__list{
    display: none;
}
.update-appointment{
    background: #F8F9FB;
    height: calc(100vh - 80px);
    margin-bottom: 0;
    box-sizing: border-box;
    border: none;
}
.update-appointment__content{
    background: white;
    padding: 30px 20px;
    border-radius: 18px;
    position: relative;
}
.update-appointment .update-appointment{
    padding: 0;
}
.update-appointment .confirmation .slick-slider svg{
    margin: 0;
}
.update-appointment #slots{
    position: relative;
}
#reasons{
    display: flex;
    flex-direction: column;
    margin: 40px 0;
}
#reasons .form-label--inline{
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
#reasons .form-label--initial{
    width: 400px;
    text-align: left;
}
#reasons .form-label--inline:last-child{
    margin-bottom: 0;
}
.aHeader.apv{
    height: 40px;
    padding: 20px;
}
.aHeader.apv .aHeader1 .aIdentite{
    float: none;
    left: inherit;
    margin: 0 auto;
}
.course__steps-wrapper .search{
    display: none;
}
.search__open{
    display: none;
}
.error__version{
    margin-top: 5px;
}
.apv__registration--new {
   text-align: center;
}
.apv__registration--known .button{
    width: 320px;
    line-height: 48px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
}
.apv__registration--known .button--plain{
    border: 2px solid white;
}
.apv__registration--known .button--border{
    border: 2px solid #1167ff;
}
.fillVehicle{
    cursor: pointer;
    color: #8ab0ff;
}
.vehicleRegistration__title{
    text-align: center;
    margin-top: 15px;
    display: block;
    padding: 17px 0 15px;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 26px;
    font-weight: 500;
}
.apv-appointment{
    background: #1383B3;
    padding: 35px 30px;
    border-radius: 14px;
    margin-bottom: 30px;
    text-align: center;
}
.apv-appointment__picture svg{
    height: 70px;
    width: 100%;
}
.apv-appointment__title{
    margin-top: 20px;
    font-size: 25px;
    line-height: 27px;
    color: white;
}
.apv-appointment__button,
.apv-discover__button{
    margin: 25px auto 0;
    background: #1167ff;
    border: 2px solid white;
    height: 50px;
    line-height: 50px;
    color: white;
    text-align: center;
    width: 170px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    font-weight: 500;
}
.apv-appointment__button:hover,
.apv-discover__button:hover,
.apv-appointment__button:focus,
.apv-discover__button:focus,
.apv-appointment__button:active,
.apv-discover__button:active{
    color: white;
    text-decoration: none;
}
.apv-discover{
    padding: 25px;
    margin: 30px 0;
    background: url('/assets/img/apv/encart-bg.jpg') no-repeat;
    background-size: cover;
}
.apv-discover__title{
    color: white;
    font-size: 30px;
    line-height: 34px;
}
.apv-discover__button{
    margin: 30px 0 0;
    border: none;
}
.apv-discover__break{
    display: block;
}
.registration__subtitle{
    text-align: center;
}
#vehicleChoiceIdentification .registration__subtitle--error{
    color: #FD9E9C;
}
.search__filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    font-size: 14px;
    line-height: 16px;
}
.form-radio {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}
.form-radio > input{
    display: none;
    padding-left: 26px;
}
.form-radio .form-radio__label:before,
.form-radio > input:checked ~ .form-radio__label:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.form-radio .form-radio__label:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #D4D4D4;
    background: white;
    left: -26px;
}
.form-radio > input:checked ~ .form-radio__label:before {
    width: 16px;
    height: 16px;
    left: -26px;
    background: #1167ff;
}
.form-radio > input:checked ~ .form-radio__label:after {
    width: 8px;
    height: 8px;
    left: -21px;
    background: white;
}
.pin-content {
    transform: translate(-50%, -100%);
}
.pin-wrap {
    width: auto;
    height: auto;
}
.shadow {
    position: absolute;
}
.shadow::after {
    position: absolute;
    left: -125px;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    content: '';
    transform: rotateX(55deg);
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, .5) 100px 0 20px;
}
.pulse {
    position: absolute;
    margin-top: -25px;
    margin-left: -20px;
    transform: rotateX(55deg) translate(20px, 80%);
    bottom: 0;
}
.pulse.active::after {
    display: block;
    width: 40px;
    height: 50px;
    content: '';
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    border-radius: 50%;
    box-shadow: 0 0 6px 3px #1167ff;
}
.select2-container {
    z-index: 1000000002;
}
.select2-container .select2-selection__rendered > *:first-child.select2-search--inline,
.select2-container .select2-selection__rendered > *:first-child.select2-search--inline .select2-search__field {
    /*Workaround: https://github.com/select2/select2/pull/4898*/
    width: 100% !important;
    margin: 2px 0 0;
    font-size: 14px;
    border-radius: 0;
}
.select2-dropdown {
    border: 1px solid #E4E4E4;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid #E4E4E4;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 0;
    width: 100%;
    border: 1px solid #E4E4E4;
    padding: 0;
    box-shadow: none;
    box-sizing: border-box;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 100%;
    display: block;
    padding: 8px 5px;
    margin-top: -4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    font-size: 14px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #f8f9fb;
    padding: 6px 10px 2px;
    border-radius: 25px;
}
.select2-selection__choice__remove {
    float: right;
    margin: 0 0 0 5px;
}
.img-flag {
    width: 40px;
    height: 40px;
}
.exclu-web {
    background: white;
    padding: 15px;
    box-shadow: 0px 6px 10px #0000001A;
    color: black;
    height: auto;
    border-radius: 8px;
    margin: 0 35px;
    display: flex;
}
.exclu-web:hover,
.exclu-web:focus,
.exclu-web:active {
    color: black;
}
.exclu-web__title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    flex: 1;
}
.exclu-web__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.exclu-web__content {
    display: flex;
    margin-top: 20px;
}
.exclu-web.slick-slide img {
    display: block;
    width: auto;
    height: auto;
    border-radius: 8px;
    margin-left: -45px;
    box-shadow: 5px 5px 15px #0000001a;
    object-fit: cover;
    flex: 0 1 220px;
    min-width: 0;
}
.exclu-web__addToCart {
    background: #1167ff;
    border-radius: 0px 0px 8px 8px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin: 20px -15px -15px -15px;
    color: white;
}
.exclu-web__prices {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    text-align: right;
    white-space: nowrap;
    margin-left: 20px;
}
.exclu-web__price {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
.exclu-web__price--start {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}
.exclu-web__price--crossed {
    flex: 1;
    color: #7E7E7E;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-decoration: line-through;
    display: flex;
    align-items: center;
}
.package-options {
    position: relative;
}
.package-options__title {
    color: #707070;
    font-size: 16px;
    line-height: 20px;
    margin-top: 25px;
    font-weight: 700;
}
.package-options__title--right {
    text-align: right;
}
.package-options__option {
    margin-top: 15px;
    border: 1px solid #D4D4D4;
    background: #F5F5F5;
    box-shadow: 0px 5px 6px #00000019;
    padding: 10px 15px;
    border-radius: 9px;
}
.package-options__option .form-checkbox {
    margin-top: 0;
}
.package-options__option .form-checkbox input[type='checkbox']+span:before {
    top: 2px;
}
.package-options__option .form-checkbox input[type='checkbox']:checked+span:after {
    top: 6px;
}
.main--course .form-checkbox .addToCart--selected+span:before{
    width: 20px;
    height: 20px;
    left: 0;
    top: 2px;
    content: '';
    display: inline-block;
    border: 1px solid #D4D4D4;
    margin-right: 7px;
    vertical-align: sub;
    position: absolute;
}
.main--course .form-checkbox .addToCart--selected+span:after {
    width: 14px;
    height: 14px;
    left: 4px;
    top: 6px;
    content: '';
    display: inline-block;
    background: #1167ff;
    margin-right: 7px;
    vertical-align: sub;
    position: absolute;
}
.package-options__price {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    padding-left: 40px;
    white-space: nowrap;
}
.package-options__name {
    display: block;
    color: #707070;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-align: left;
}
.package-options--modal {
    margin-bottom: 30px;
}
.package-option--headercard .package-options__option{
    display: flex;
}
.package-option--headercard .form-checkbox {
    display: flex;
}

.player-preview {
    position: relative;
    background-color: rgb(0, 0, 0);
    cursor: pointer;
}
.player-preview .player-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0.4;
}
.player-preview  .player-logo, .player-preview  .player-text, .player-preview  .player-button {
    position: absolute;
}
.player-preview .player-logo {
    top: 5px;
    left: 5px;
}
.player-preview .player-text {
    color: #fff;
    font-size: 27px;
    text-align: center;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.player-preview .player-button {
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    transform: translate(-50%, -50%);
}

.localisez-moi span {
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
}
.localisez-moi svg{
    height: 15px;
    vertical-align: middle;
    margin-right: 3px;
}
.localisez-moi svg path{
    fill: #1167ff;
}

.block__auth--subtitle {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.block__auth--form {
    font-size: 16px;
    margin-bottom: 0;
}

.block__auth--form-input,
input[type=password].block__auth--form-input,
input[type=email].block__auth--form-input,
input[type=text].block__auth--form-input,
.block__auth #form_inscription_reprise input:not(input[type=checkbox]) {
    width: 100%;
    border: 1px solid #D4D4D4;
    border-radius: 5px;
    padding: 10px 15px;
    box-shadow: none;
    height: unset;
    display: unset;
    margin: 5px 0 0;
    outline: none;
}

.block__auth--btn-connect, .block__auth--btn-inscription {
    background: #1167ff;
    color: white;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    width: 25%;
    margin: 25px 0 0 auto;
    display: block;
    border: none;
}

.apv__container-btn-choose {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem;
}

.apv__registration__btn-next {
    display: flex;
    justify-content: center;
    width: 106px;
    margin: 0 auto;
}

.form-check {
  border: 2px solid #D4D4D4;
  padding: 15px;
  border-radius: 8px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-check-input {
  margin-right: 5px;
  margin-top: 0;
  vertical-align: middle;
  position: relative;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #000;
  outline: none;
}

.form-check input{
    margin: 0 3px;
}

.form-check-input:checked {
  background-color: #000;
}

.form-check-input:checked::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
}

.form-check-label {
  font-size: 16px;
  vertical-align: middle;
  margin: 0;
}


.apv__container {
    display: flex;
    justify-content: space-evenly;
    width: 75%;

}

.apv__container-immat--center {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}

#ct-a-vie-choose #cross {
    right: 26px;
    top: 24px;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}
/*RESPONSIVE*/
@media (max-width: 1199px) {
    .block__thumbnails .thumbnails{
        margin-left: -10px;
        margin-right: -10px;
    }
    .block__thumbnails .thumbnail{
        width: 50%;
    }
    .block--dealerships .search{
        display: none;
    }
    .block.block--dealerships{
        bottom: 0;
        top: inherit;
        width: auto;
        left: 0;
        right: 0;
        padding: 0;
        background: none;
        box-shadow: none;
        border: none;
        height: auto;
        margin-bottom: 20px;
    }
    .dealerships--empty{
        display: none;
    }
    .dealerships{
        overflow: visible;
        margin: 0;
        padding: 0 25px;
    }
    .dealerships .slick-track{
        display: flex;
        align-items: flex-end;
        z-index: 2;
        width: fit-content !important;
    }
    .dealership{
        border: 0;
        outline: none;
    }
    .dealership::after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 11px;
    }
    .dealerships .slick-list{
        padding: 0 !important;
    }
    .dealerships--list {
        margin-bottom: 10px;
    }
    .dealerships--list .slick-list {
        overflow: visible;
    }
    .dealership.slick-slide{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 165px;
        margin: 0 5px;
        background: #FFFFFF;
        border-radius: 11px;
        padding: 0;
        box-shadow: 0px 3px 6px #00000029;
    }
    .dealership__name{
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0;
        flex-direction: row-reverse;
        align-items: flex-start;
        justify-content: space-between;
    }
    .dealership__name img{
        max-width: 45px;
    }
    .dealership__identity {
        margin-right: 0;
    }
    .dealership__distance {
        font-size: 13px;
        line-height: 15px;
        margin-top: 5px;
    }
    .dealership__distance img {
        margin-left: 0;
        margin-right: 5px;
    }
    .dealership__address{
        font-size: 13px;
        line-height: 15px;
        overflow: hidden;
        margin-bottom: 5px;
        text-overflow: ellipsis;
    }
    .dealerships--dotlist .slick-list {
        position: relative;
        min-width: 20px;
        max-width: 88px;
        width: fit-content;
        justify-content: space-between;
        height: 20px;
        background: #424242;
        border-radius: 20px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        padding: 0 2px !important;
    }
    .dealerships--dotlist .slick-list:before,
    .dealerships--dotlist .slick-list:after {
        content: "";
        display: inline-block;
        width: 10px;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        background: #424242;
    }
    .dealerships--dotlist .slick-list:before {
        left: 0;
    }
    .dealerships--dotlist .slick-list:after {
        right: 0;
    }
    .dealerships--dotlist .dealership--dot{
        background: #D4D4D4;
        display: block;
        width: 8px !important;
        height: 8px;
        border-radius: 8px;
        margin: 0 3px;
    }
    .dealerships--dotlist .dealership--dot.slick-active,
    .dealerships--dotlist .dealership--dot.slick-current {
        display: block;
    }
    .dealerships--dotlist .dealership--dot.slick-current {
        background: #1167ff;
    }
    .dealerships--list .slick-slide{
        padding: 10px 15px;
        height: auto;
    }
    .dealerships--list.hidden,
    .dealerships--animated.hidden{
        display: block;
        height: 0;
        opacity: 0;
    }
    .dealerships--animated {
        display: none;
    }
    .dealership__flex{
        flex: 1;
        display: flex;
        align-items: flex-end;
    }
    .dealership__select{
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }
    .dealership__block--name {
        width: 100%;
    }
    .dealership__block--button{
        width: 100%;
    }

    /**/
    .dealership--selection {
        border: 1px solid #0F58B5;
    }
    .dealership--selection.slick-slide {
        padding-top: 20px;
    }
    .dealership--selection-start {
        border: 1px solid #0F58B5;
        margin-top: 0;
        padding-top: 10px;
    }
    .dealership--selection-start:before,
    .dealership--selection-start:after{
        content: none;
    }
    .dealership--selection:before {
        content: 'Notre recommandation';
        background: #0F58B5;
        color: white;
        font-size: 14px;
        font-weight: 700;
        position: absolute;
        top: 0;
        left: 50%;
        padding: 2px 10px 0px;
        white-space: nowrap;
        width: auto;
        text-align: center;
        transform: translate(-50%, -50%);
        border-radius: 20px;
        z-index: 1;
        border: none;
    }
    .dealership--selection-end + .dealership {
        border-top: 1px solid #d4d4d4;
    }
    /**/

    .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint{
        top: -100px !important;
    }
    .course__steps-wrapper--absolute{
        height: auto;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 20px;
    }
    .course__steps--absolute{
        position: relative;
        transform: none;
        margin-bottom: 0;
        left: 0;
    }
    .search{
        text-align: left;
    }
    .course__steps-wrapper .search{
        background: white;
        padding: 5px 12px;
        z-index: 1;
        border-radius: 7px;
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 15px;
    }
    .course__steps-wrapper .search__input{
        margin: 5px 0;
    }
    .search__title{
        font-size: 18px;
        line-height: 20px;
    }
    .apv-discover{
        background-position-x: -100px;
    }
    .search__filters {
        flex-direction: column;
        align-items: flex-start;
    }
    .search__filters > .form-radio {
        margin-left: 26px;
        margin-top: 2px;
    }
    .form-radio .form-radio__label:before,
    .form-radio > input:checked ~ .form-radio__label:before {
        width: 20px;
        height: 20px;
        left: -30px;
    }
    .form-radio > input:checked ~ .form-radio__label:after {
        width: 10px;
        height: 10px;
        left: -25px;
    }
    .search__filters > .form-radio {
        margin-left: 30px;
        margin-top: 5px;
    }

    .player-preview .player-text {
        font-size: 24px;
        white-space: normal;
        top: 20%
    }
}
@media (max-width: 1002px) {
    .package-options {
        padding: 0 20px;
    }
    .package-options__title--right {
        text-align: center;
    }
    /*LANDING ADVICES*/
    .advice__title{
        font-size: 21px;
        line-height: 23px;
    }
    .thumbnail:not(.thumbnail--ad){
        width: 50%;
    }
    .block__thumbnails .thumbnail:not(.thumbnail--ad){
        width: 100%;
    }
    .rollback{
        flex-direction: column;
    }
    .rollback__keyword{
        margin-left: 0;
        margin-top: 10px;
    }
    .apv-discover{
        background-position-x: -170px;
    }

    .player-preview .player-text {
        font-size: 27px;
        white-space: nowrap;
        top: 33%;
    }
}
@media (min-width: 768px) and (max-width: 1002px) {
    .header-resultats .right-side {
        display: table;
        float: none;
        margin: 0 auto;
    }
    .header-resultats .right-side .trier_par{
        border-left: none;
    }
    .display-modes{
        margin-top: 5px;
    }
}
@media (min-width: 768px) {
    .hours.hours-grid{
        margin: 30px -35px 0;
    }
    .slick-months{
        margin: 0 -30px;
    }
    .categories {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .apv-category {
        position: relative;
        margin: 10px 10px;
        outline: none;
        width: calc(25% - 20px);
    }
}

@media (max-width: 767px) {
    .packages__ads--alone img {
        max-width: auto;
        margin: 0;
    }
    .exclu-web {
        margin: 0 37px 0 35px;
    }
    .exclu-web.slick-slide img {
        width: 155px;
        height: 110px;
    }
    .exclu-web__title {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .apv-category {
        width: 280px;
    }
    .packages .slick-dots li{
        margin: 0;
    }
    .packages .slick-dots {
        bottom: -35px;
    }
    .categories:not(.slick-initialized){
        display: none;
    }
    .categories.slick-initialized {
        width: calc(100% + 20px);
        margin-left:-10px;
    }
    .packages__ads--alone img {
        max-width: auto;
    }
    .search__city{
        position: relative;
    }
    .main--course .search__input .search__city{
        flex: 0 0 70%;
    }
    .main--course .search__input .form-input{
        width: calc(100% - 40px);
    }
    .vehicleRegistration__title{
        margin: 10px 0 15px;
        padding: 10px 0 8px;
    }
    #vehicleRegistration .modal-header #pouce{
        width: 30px;
        height: 30px;
        margin-bottom: 15px;
    }
    #vehicleRegistration.modal--course .modal-subtitle{
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 22px;
    }
    .main--landing .course__buttons,
    .corner-page .course__buttons {
        flex-direction: column;
        align-items: center;
    }
    .main--landing .course__buttons .button:first-child,
    .corner-page .course__buttons .button:first-child {
        margin: 0;
    }
    .main--landing .course__buttons .button:last-child,
    .corner-page .course__buttons .button:last-child {
        margin: 15px 0 0;
    }
    #prestationDetails .course__buttons{
        margin-top: 20px;
    }
    #prestationDetails .course__buttons .button{
        margin: 0;
        width: 100%;
    }
    .apv-discover{
        background-position-x: 70%;
    }
    .apv-appointment{
        padding: 25px 20px;
    }
    .apv-appointment__picture svg{
        width: 100%;
    }
    .apv-appointment__title{
        margin-top: 10px;
    }
    .apv-appointment__button {
        margin-top: 15px;
    }
    /*LANDING*/
    .promote__title{
        white-space: initial;
    }
    .promote__line{
        margin: 0;
        flex: 1 0 25px;
    }
    .promote__line:first-child {
        margin-right: 10px;
    }
    .promote__picture {
        height: 80px;
        width: 80px;
    }
    .faq {
        padding: 20px 0;
    }
    .faq__subtitle{
        display: none;
        margin-top: 15px;
    }
    .faq__subtitle img{
        margin: 0 auto;
        display: block;
    }
    .faq__subtitle svg{
        max-height: 170px;
        margin-bottom: 20px;
    }
    .faq__title{
        position: relative;
        padding-right: 40px;
        font-size: 25px;
        line-height: 28px;
    }
    .faq .icone-plus{
        position: absolute;
    }
    .faq__subtitle {
        font-size: 18px;
        line-height: 24px;
    }
    .categories .slick-list,
    .main--landing .recommendations__slick .slick-list,
    .corner-page .recommendations__slick .slick-list {
        margin: 0;
    }
    .modal--course#vehicleChoiceIdentification .modal-body{
        overflow: visible;
    }
    .slick-initialized .course__step.slick-slide{
        height: 60px;
    }
    .course__steps{
        padding: 0;
    }
    .single-chart .circular-chart{
        margin: 0 10px 0 0;
        height: 45px;
        width: 45px;
    }
    .course__step-content{
        flex-direction: row;
        align-items: center;
    }
    .course__step svg{
        max-height: 30px;
        min-height: 30px;
        height: 30px;
        margin-bottom: 0;
        margin-right: 10px;
    }
    .modal--course{
        padding: 15px 20px;
    }
    .modal--plain {
        padding: 0;
    }
    .modal--plain .modal-body {
        overflow: hidden;
    }
    .modal--plain .modal-body img {
        display: block !important;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .modal--plain .modal-body img.visible-phone {
        display: none !important;
    }
    #dealershipSlots .modal-body{
        padding: 0;
    }
    .packages__list{
        flex-wrap: wrap;
        justify-content: normal;
        align-items: inherit;
        margin-top: 20px;
    }
    .packages__list .package{
        width: calc(50% - 30px);
    }
    .packages__list .package,
    .package.landing__list-item:first-child,
    .package.landing__list-item:last-child{
        margin: 0 15px 30px 15px;
    }
    .howitworks__steps{
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .step{
        max-width: 240px;
        margin-bottom: 20px;
    }
    .step:nth-child(2n+1):after,
    .step:nth-child(2n):after{
        height: 120px;
        top: inherit;
        bottom: 0;
        width: 40px;
        transform: translateY(25%);
        left: 45%;
        border-bottom: none;
        border-top: none;
    }
    .step:nth-child(2n+1):after {
        border-left: dashed 2px #1167ff;
    }
    .step:nth-child(2n):after {
        border-right: dashed 2px #1167ff;
    }
    .commitments__list{
        flex-direction: column;
    }
    .advice__picture{
        width: 100%;
    }
    .apv-contact-block{
        display: none;
    }
    .start-course{
        padding: 0;
        box-shadow: none;
        background: none;
    }
    #vehicleChoiceIdentification .apv__button{
        width: 60px;
    }
    .main .content.apv__registration--new {
        padding: 0;
    }
    .main--apv .banner {
        padding-bottom: 45px;
    }
    .reinsurance--expertise .reinsurance__item {
        margin-right: 20px;
        min-width: inherit;
        width: auto;
    }
    .reinsurance--expertise .reinsurance__picture {
        height: 30px;
    }
    .reinsurance.reinsurance--header {
        flex-wrap: wrap;
        width: calc(100% - 30px);
    }
    .reinsurance.reinsurance--header .reinsurance__item{
        flex: 0 0 50%;
        padding: 10px;
        font-size: 16px;
        line-height: 19px;
    }
    .reinsurance.reinsurance--header .reinsurance__picture {
        height: 30px;
    }
    .main--course#vehicleChoiceIdentification .modal-header .modal__subtitle {
        font-size: 27px;
        line-height: 29px;
        margin-top: 15px;
    }
    .main .content.start-course__content, .corner-page .content.start-course__content {
        padding: 15px 10px 30px;
    }
    .corner-page .content.apv__registration {
        padding: 0 20px;
    }
    .start-course__content{
        background: #001B46;
        display: block;
        position: relative;
        text-align: center;
    }
    .start-course__content svg{
        display: none;
    }
    .start-course__title {
        font-size: 18px;
        line-height: 22px;
        padding: 0 0 15px;
        margin: 0;
    }
    #startCourse{
        margin: 0 0 10px;
    }
    .expertise__title {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .expertise__picture {
        height: 145px;
    }
    .main .content.reinsurance--expertise {
        margin-top: 25px;
        padding-bottom: 15px;
    }
    .expertise__content {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 35px;
    }
    .reinsurance__explaination {
        font-size: 12px;
    }
    .apv-banner__title {
        font-size: 17px;
        line-height: 22px;
    }
    .apv-banner__subtitle {
        font-size: 15px;
        line-height: 19px;
    }
    .start-course {
        margin-top: 20px;
    }
    .packages{
        margin-top: 70px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .packages__title {
        font-size: 25px;
        line-height: 28px;
    }

    .packages__ads {
        margin-top: 25px;
        padding: 40px 0 20px;
    }
    .packages__ads .slick-list{
        margin: 0;
        padding: 0 !important;
    }
    .packages__ads .slick-slide{
        margin: 0;
    }
    .slick-dotted.slick-slider{
        margin-bottom: 40px;
        margin-top: 0;
    }
    .start-course__wrapper{
        display: block;
        position: relative;
    }

    .howitworks {
        margin-top: 50px;
        padding-bottom: 50px;
    }
    .content.packages__ads{
        padding: 0;
    }
    .howitworks__steps{
        padding-bottom: 0;
    }
    .step{
        margin-right: 0;
    }
    .step:last-child{
        margin-bottom: 0;
    }
    .commitments.content{
        padding-top: 35px;
    }
    .commitments__list{
        padding: 20px;
        margin-top: 30px;
    }
    .commitment{
        margin-bottom: 25px;
    }
    .commitment:last-child{
        margin-bottom: 0;
    }
    .commitment__picture {
        width: 60px;
    }
    .commitment__text {
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
    }
    .s-toggle--navbar{
        margin-bottom: 0;
        border: none;
    }
    .s-toggle--navbar .s-toggle__content{
        padding: 10px 15px;
    }
    .s-toggle--active .s-toggle__header,
    .s-toggle--activate .s-toggle__header {
        height: auto;
    }
    .s-toggle__header{
        min-height: 50px;
    }
    .s-toggle__picture {
        width: 40px;
    }
    .s-toggle__picture svg {
        max-height: 40px;
        max-width: 40px;
        min-width: 25px;
        width: auto;
        height: auto;
    }
    .s-toggle__header--navbar .s-toggle__title{
        font-size: 18px;
        line-height: 20px;
    }
    .s-toggle__content{
        font-size: 18px;
        line-height: 20px;
    }
    /*RECHERCHE*/
    .MaRecherche--open .MaRecherche .filtre-content{
        display: none;
    }
    .MaRecherche--open .MaRecherche #form_recherche{
        padding: 15px 15px 75px;
        margin-bottom: 0;
    }
    .MaRecherche--open .affinage-content{
        padding: 15px 0 0;
    }
    .MaRecherche--open .MaRecherche .affinage .affinage-titre{
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 0;
        display: block;
    }
    .MaRecherche--open .MaRecherche .affinage .affinage-titre .remove_affinage_content{
        float: right;
        font-size: 18px;
        line-height: 20px;
    }
    .MaRecherche--open .MaRecherche .content-right .separation-form-rech{
        padding: 0 0 15px;
    }
    .MaRecherche--open .MaRecherche .separation-form-rech{
        margin-bottom: 15px;
    }
    .MaRecherche--open .MaRecherche .filtre-titre {
        padding: 0px 0 10px;
        font-size: 20px;
        line-height: 24px;
    }
    .MaRecherche--open .MaRecherche .filtre-titre.opened ~ div,
    .MaRecherche--open .MaRecherche .filtre-titre.opened ~ ul,
    .MaRecherche--open .MaRecherche .filtre-titre.opened{
        background: none;
    }
    .MaRecherche--open .MaRecherche .filtre-block{
        padding: 0;
    }
    .MaRecherche--open .MaRecherche .filtre-titre.opened ~ div{
        padding: 0;
    }
    .MaRecherche--open .MaRecherche .form_recherche .filtre-locked .filtre-titre{
        margin-bottom: 0;
    }
    .MaRecherche--open .MaRecherche .filtre-block .checkbox .name{
        line-height: 25px;
        font-size: 18px;
    }
    .MaRecherche--open .submit-recherche-mobile{
        width: auto;
        left: 15px;
        right: 15px;
    }
    /*COURSE*/
    .block{
        padding: 20px 15px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .course__buttons{
        margin-bottom: 0;
    }
    .course__subtitle{
        font-size: 18px;
        line-height: 20px;
    }
    .block__packages .packages__list{
        margin: 35px -15px 0;
    }
    .block__packages .package__title br{
        display: block;
    }
    .block__thumbnails .thumbnail:not(.thumbnail--ad){
        width: 50%;
    }
    .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint{
        display: none;
    }
    .block.block--dealerships{
        margin-bottom: 15px;
    }
    .dealerships--mobile.hidden{
        visibility: visible;
    }
    .dealership__infos{
        min-width: 0;
    }
    .dealerships--mobile{
        position: absolute;
        background: white;
        height: 35px;
        padding: 35px 15px 15px;
        bottom: -15px;
        z-index: 1;
        border-top-left-radius: 17px;
        border-top-right-radius: 17px;
        left: 5px;
        right: 5px;
        transition: all 0.25s ease;
    }
    .dealerships--mobile.open{
        height: calc(100% - 25px);
        bottom: 0;
    }
    .dealership__header{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 35px;
    }
    .dealership__header .dealership__bar{
        width: 40px;
        border: 2px solid #D4D4D4;
        height: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 14px;
        border-radius: 50px;
    }
    .dealership__name{
        font-size: 18px;
        line-height: 20px;
    }
    .dealership__slots{
        font-size: 16px;
        line-height: 18px;
    }
    .dealership.slick-slide{
        justify-content: center;
    }
    .dealership__block--ope{
        display: none;
    }
    .dealership__block--slots {
        height: 35px;
        margin-top: 10px;
    }
    .dealership__block--slots {
        height: 35px;
        margin-top: 10px;
    }
    .dealership__block--name {
        height: 50px;
    }
    .dealerships--mobile .dealership__address,
    .dealerships--mobile .dealership__block--address,
    .dealerships--mobile .dealership__flex{
        display: block;
    }
    .dealerships--mobile .dealership{
        text-align: left;
    }
    .dealerships--mobile .dealerships__wrapper{
        overflow-y: scroll;
        height: 100%;
    }
    .dealerships--mobile .dealership__slots{
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
    }
    .dealerships--mobile .dealership__slots .rouge{
        font-weight: 200;
    }
    .dealership--infowindow{
        display: flex;
        flex-direction: column;
    }
    .gm-style .gm-style-iw-c{
        min-width: 250px !important;
    }
    #dealershipSlots .month{
        text-align: center;
    }
    .modal--course:not(.modal--plain) .modal-header {
        margin-bottom: 20px;
    }
    .intervention__end{
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .intervention__end ~ button{
        width: 100%;
        max-width: 320px;
        float: none;
    }
    .block--recommendation .course__button--forward{
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        background: #1167ff;
        z-index: 1;
    }
    .recommendations {
        margin-top: 0;
    }
    .recommendations__title{
        margin-top: 10px;
    }
    .card__header{
        height: auto;
        font-size: 18px;
    }
    .card__header svg{
        min-width: 30px;
    }
    .card--comment {
        margin-top: 15px;
    }
    .payment__title {
        margin: 15px 0;
    }
    .cards {
        flex-direction: column;
    }
    .cards .card{
        margin: 0 0 15px;
    }
    .cards .card:last-child{
        margin: 0;
    }
    .payment__means{
        flex-direction: column;
    }
    .payment__mean{
        margin: 0 0 10px 0;
    }
    .payment__mean:last-child{
        margin: 0;
    }
    .payment .course__buttons {
        margin-top: 0;
    }
    .payment .remaining {
        margin-top: 10px;
        font-size: 18px;
        line-height: 24px;
    }
    .form-textarea{
        min-height: 90px;
    }
    .payment__form{
        margin-top: 30px;
    }
    .payment__subtitle--small {
        font-size: 16px;
        line-height: 20px;
    }
    .block.payment .course__buttons {
        margin-top: 0;
    }
    .about{
        flex-direction: column;
    }
    .about__item{
        font-size: 16px;
        line-height: 22px;
    }
    .about__item:after{
        content: none;
    }
    .confirmation__account,
    .retryPayment {
        width: 100%;
        max-width: 320px;
    }
    .confirmation svg{
        width: 100%;
        margin: 10px 0;
    }
    .confirmation .course__title--small{
        margin-bottom: 20px;
    }
    .confirmation__title {
        margin-top: 0;
    }
    .rollback__keyword{
        display: none;
    }
    .rollback .MaRecherche{
        position: relative;
        margin-top: 15px;
    }
    .MaRecherche--open .main--course .MaRecherche .filtre_secondaire_mobile,
    .MaRecherche--open .main--course .MaRecherche .header-recherche:nth-child(3){
        display: none;
    }
    .MaRecherche--open .main--course .MaRecherche #form_recherche{
        height: 100%;
    }
    .MaRecherche--open .main--course .MaRecherche .content-right{
        width: 100%;
    }
    .prestation__total .prestation__action,
    .prestation__total .prestation__title{
        display: block;
    }
    .th__product{
        width: 30%;
    }
    .th__total{
        width: 70%;
    }
    .prestation__amount,
    .prestation__price,
    .prestation__action{
        display: none;
    }
    .prestation__product{
        display: block;
    }
    .prestation__content{
        margin-left: 0;
    }
    .prestation__ref{
        margin-top: 10px;
    }
    .prestation__content .prestation__title{
        display: none;
    }
    .prestation__picture {
        width: 80px;
        height: 70px;
    }
    .course__tbody td.prestation__total{
        vertical-align: top;
    }
    .prestation__totalwrapper{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 120px;
    }
    .prestation__title{
        text-align: left;
        font-size: 18px;
        line-height: 24px;
        color: black;
    }
    .prestation__priceaction{
        display: flex;
        justify-content: flex-end;
    }
    .prestation__action{
        margin-top: -3px;
        margin-left: 10px;
    }
    .cart__withcontent .course__button--forward{
        width: 100%;
    }
    .cart__empty,
    .cart__choice{
        text-align: center;
        margin-top: 20px;
    }
    .block.cart .cart__withoutcontent svg{
        width: 100%;
        margin: 15px 0;
    }
    .showCategories{
        width: 100%;
    }
    .course__steps-wrapper--absolute{
        position: relative;
        padding: 0 20px;
    }
    .course__steps-wrapper .search{
        border-radius: 0;
        margin-left: 0;
    }
    .course__steps-wrapper .search__open{
        display: flex;
        padding: 8px 0px 8px 5px;
    }
    .course__steps-wrapper .search.closed{
        position: absolute;
        right: 0;
        bottom: -15px;
        transform: translateY(100%);
    }
    .search.closed{
        border-radius: 7px 0 0 7px;
    }
    .search.closed .search__open svg{
        width: 35px;
        height: 35px;
    }
    .search.closed .search__open svg path{
        fill: black;
    }
    .search.closed .search__title,
    .search.closed .search__input{
        display: none;
    }
    .course__steps-wrapper .search.opened{
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        transform: translateY(100%);
        background: #D4D4D4;
    }
    .search.opened .search__open,
    .search.opened .search__title{
        display: none;
    }
    .search__input{
        margin-top: 15px;
    }
    #addedToCart .course__buttons .button:first-child{
        margin: 0;
    }
    #addedToCart .course__buttons .button{
        width: 100%;
        margin: 10px 0 0;
        text-align: center;
    }
    .showCart--mobile{
        margin-top: 20px;
    }
    .showCart--mobile.hidden{
        height: 0;
        margin: 0;
    }
    .block.payment .course__buttons{
        display: flex;
        flex-direction: column;
    }
    .block.payment .course__buttons .button:first-child{
        margin: 0;
    }
    .block.payment .course__buttons .button{
        width: 100%;
        margin: 10px 0 0;
    }
    .block__thumbnails .header-resultats,
    .block__thumbnails .footer-results{
        display: none;
    }
    .block__thumbnails .thumbnails{
        flex: 1;
    }
    .thumbnail__addtocard{
        margin-top: 0;
    }
    .player-preview .player-text {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .modal-open #modal-container .modal#vehicleChoiceIdentification{
        height: 100vh;
        border-radius: 0;
        margin-bottom: 0;
    }
    .modal--course#vehicleChoiceIdentification .modal-header{
        border-radius: 0;
        padding: 0;
        margin: 0;
    }
    .modal--course#vehicleChoiceIdentification .modal-header__background{
        border-radius: 0;
    }
    .main--course#vehicleChoiceIdentification .modal-body {
        padding: 70px 15px 0;
    }
    .modal--plain {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }
    .modal--plain .modal-header {
        margin: 0;
    }
    .modal--plain .modal-body {
        height: 100%;
    }
    .modal--plain .modal-body img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .modal--plain .modal-footer .course__buttons .button {
        width: 100%;
        margin: 10px 0;
        box-sizing: border-box;
    }
    .modal--plain .modal-body p {
        top: 9%;
        padding: 0 50px;
    }
    .modal--plain .modal-body br {
        display: none;
    }
    .apv-discover__break{
        display: none;
    }
    .apv-discover{
        background: url('/assets/img/apv/encart-bg-mobile.jpg') no-repeat;
        background-position-x: inherit;
        background-size: cover;
        text-align: center;
    }
    .apv-discover__title{
        margin-top: 120px;
        font-size: 24px;
        line-height: 26px;
    }
    .apv-discover__button{
        margin: 20px auto 0;
    }
    /*LANDING*/
    .packages__list {
        flex-direction: column;
    }
    .block__packages .packages__list{
        margin: 35px 0 0;
    }
    .packages__list .package {
        width: 100%;
    }
    .packages__list .package,
    .package.landing__list-item:first-child,
    .package.landing__list-item:last-child {
        margin: 0 0 30px;
    }
    .thumbnail:not(.thumbnail--ad){
        width: 100%;
    }
    .block__thumbnails .thumbnail:not(.thumbnail--ad){
        width: 100%;
    }
    #prestationDetails.main--course .modal-header .default__title,
    #prestationDetails.main--course .modal-header .modal__title{
        padding-right: 0;
    }
    #prestationDetails.modal--course .modal-header{
        padding-right: 0;
    }
    .prestation-detail__header {
        flex-direction: column;
    }
    .prestation-detail__picture{
        height: auto;
        max-width: 180px;
    }
    .prestation-detail__content{
        margin-top: 10px;
        flex-direction: column;
    }
    .prestation-detail__prices{
        margin-top: 5px;
    }
    .prestation-detail__subtitle{
        margin-top: 3px;
    }
    #vehicleRegistration .modal-header .modal__title{
        flex-direction: column;
        align-items: flex-start;
        font-size: 18px;
        line-height: 22px;
    }

    .player-preview .player-text {
        font-size: 21px;
        white-space: normal;
        top: 30%;
    }
    .player-preview .player-button {
        top: 70%;
    }
}