/* --------------------------------------------------------------------- */
/*                       =  Parcours A                                   */
/* --------------------------------------------------------------------- */
* {
    max-height: 99999px;
}

.uppercase {
    text-transform: uppercase;
}

input::-ms-clear {
    display: none;
}

#menu_button {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

    #menu_button img {
        width: 100%;
    }

div.submenu div#ctl00_ctl00_rNavPr_ctl01_ucPushMenuID_divPush.push a#ctl00_ctl00_rNavPr_ctl01_ucPushMenuID_hlPush {
}

div.submenu div#ctl00_ctl00_rNavPr_ctl01_ucPushMenuID_divPush.push {
    right: 0 !important;
    left: auto !important;
}

.blockRdvEtapes {
    display: inline-block;
    margin-right: 1.5%;
    vertical-align: top;
    width: 63%;
    float: left;
    padding-top: 20px;
}

.flRight {
    float: right !important;
    width: 294px !important;
}

#right .blocLinks {
    margin-bottom: 13px !important;
    background: #bed44a;
}

#right .blocInfos img {
    display: block;
    width: 100%;
}

#right .blocInfos h5 {
    padding: 10px 0 0 20px;
    text-transform: uppercase;
    color: #bed44a;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    background: #fff;
    font-size: 16px;
    font-family: 'citroen_bold';
}

#right .blocLinks h5 {
    background: #bed44a;
}

#right .blocInfos p {
    color: #646464;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background: #fff;
    width: auto;
    margin: 0;
    padding: 10px 20px 15px;
    font-family: 'ubuntu-r';
    font-size: 14px;
}

#right .blocInfos {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
}

.rdvEtapes .nouvStyle .semantique {position:absolute;top:-99999px;left:-99999px;}

.blockRecherche input[type='submit'], .rdvEtapes .blockRecherche input[type='submit'], .rdvEtapes2 .blockRecherche input[type='submit'] {
    font-family: 'ubuntu-b' !important;
    font-size: 14px !important;
    height: 45px;
    box-sizing: border-box;
    width: 45px;
    margin-left: 0.5% !important;
    box-sizing: border-box;
    background: #afadc3 !important;
    text-align: center;
    padding: 0;
}

    .blockRecherche input[type='submit']:hover, .rdvEtapes .blockRecherche input[type='submit']:hover, .rdvEtapes2 .blockRecherche input[type='submit']:hover {
        color: #afadc3;
        background: #ffffff !important;
        border: 4px solid #afadc3;
    }

.blockDetailsCarousel .detailsOp .forfaitDetails {
    padding: 30px 1px 15px 45px;
    left: -17px;
}

.ui-datepicker {
    width: 21em !important;
}

.description h3 {
    color: #bed44a;
    font-family: 'citroen_regular';
    font-size: 22px;
    border: 0 none;
    margin: 0;
    padding-left: 0;
}

.description p {
    color: #4e4e4e;
}

.btnMarqueId .btn {
    background: url(../../img/common/btn_ctron.jpg) center center no-repeat;
    width: 190px;
    height: 38px;
}

.blockTitleId p {
    color: #4E4E4E;
}

.blockTitleId .pictoId {
    background-size: inherit !important;
    background: none;
    width: auto;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.blockTitleId .titleIdTxt {
    color: #dc002e;
}

.blockTitleId .titleMarqueId {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    padding: 0;
    vertical-align: inherit;
    width: auto;
    font-weight: normal;
}

.titleMarqueId {
    background: url(../../img/common/btn_ctron.jpg) no-repeat right 0;
    width: 236px;
    height: 50px;
    line-height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0 0 0 10px;
}

.myCar .titleMarqueId {
    display: inline-block;
    min-height: 28px;
}

.infosPerso .titleMarqueId {
    min-height: 22px;
    display: inline-block;
    position: relative;
    top: 8px;
}

.titleMarqueId i {
    text-transform: none;
}

.renseignerAutreCar {
    color: #6eccda;
}

.infosChamp {
    color: #4e4e4e;
}

.infosChampOblig {
    color: #4e4e4e;
}

.msgConfirmation {
    color: #4e4e4e;
}

    .msgConfirmation .date {
        color: #116973;
    }

.blockBtnLien a {
    font-family: 'citroen_bold';
    background: url(../../img/common/fleches/arrow-right-btnbl.png) no-repeat 90% center #f27a32;
    color: #ffffff;
    line-height: 33px;
    border-radius: 0 !important;
    font-size: 11px;
    font-weight: normal;
    padding: 8px 50px 7px 15px;
    width: auto;
    height: 50px;
    box-sizing: border-box;
}

    .blockBtnLien a:hover {
        color: #ffffff;
    }

.infosPerso a.btnImprimer {
    float: right;
    background: url(../../../c/img/common/icon-imp.png) 10px center no-repeat !important;
    font-family: 'citroen_bold';
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #646464;
    padding: 4px 10px 10px 38px;
    display: inline-block;
    color: #646464;
    height: 42px;
}

    .infosPerso a.btnImprimer:hover {
        padding: 1px 7px 7px 35px;
        border: 4px solid #646464;
        background: url(../../../c/img/common/icon-imp.png) 7px center no-repeat !important;
    }
/*a.btnImprimer:hover {color: #6eccda;background: url(../../../c/img/common/icon-imp-hover.png) 10px center no-repeat !important;}*/
p.mentionsLegTxt {
    color: #9f9f9f;
}

.infosPerso a.btnReturn {
    background: url(../../img/common/fleches/fleche-return-022.png) no-repeat 10px 54% !important;
    font-weight: normal;
    color: #646464;
    padding: 0 30px;
    font-family: 'ubuntu-b';
    font-size: 14px;
    width: auto;
    height: 42px;
    line-height: 42px;
}

    .infosPerso a.btnReturn:hover {
        color: #6eccda;
    }

.infosPersoConfirm .confirmCont {
    background: none !important;
}
/*a.btnReturn:hover {color: #4e4e4e;} 
*/ .recevoirInfos legend {
    color: #4e4e4e;
}

.infosPerso p.descForm {
    color: #4e4e4e;
}

.accepteML .lienMl {
    color: #4e4e4e;
}

    .accepteML .lienMl:hover {
        color: #000000;
    }

.txtHappyHour {
    color: #535353;
    background: url(../../img/common/picto/picto-happy-hr.png) no-repeat 0 2px;
}

    .txtHappyHour .gras {
        color: #bed44a;
    }
.calendarListCont.wait {
    background: url(../../img/common/Spinner-1s-200px.gif) center center no-repeat;
    height: 200px;
}

.calendarList.wait {
    background: url(../../../c/img/common/ajax_loader.gif) center center no-repeat;
}.wait {
    background: url(../../../c/img/common/ajax_loader.gif) center center no-repeat;
}
.popCalendar {
    background: #fff;
    color: #fff;
}

.rdvCont .arrowLeft {
    position: absolute;
    background: url(../../img/common/fleches/arrow_left-02-p.png) center center no-repeat;
    top: 22%;
}

.rdvCont .arrowRight {
    position: absolute;
    background: url(../../img/common/fleches/arrow_right-02-p.png) center center no-repeat;
    top: 22%;
}

.pictoLoader {
    background: url(../../img/common/loader-02.png) no-repeat center bottom;
}

.ui-widget-header {
    background: #fff !important;
    border: 1px solid #fff !important;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        color: #bed44a;
        background: #ffffff;
    }

    .past .ui-state-default, .ui-widget-content .past .ui-state-default, .ui-widget-header .past .ui-state-default {
        opacity: 0.5;
        cursor: default;
    }

        .past .ui-state-default:hover, .ui-widget-content .past .ui-state-default:hover, .ui-widget-header .past .ui-state-default:hover {
            color: #bed44a !important;
            background: #ffffff;
            opacity: 0.5;
        }

.past {
    opacity: 1 !important;
}

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
    border: 1px solid #b4b4b4;
    background: #bed44a;
    color: #ffffff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #b4b4b4;
    background: #bed44a;
    color: #ffffff !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: url(../../../c/img/common/cr_active.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -6px;
}

.ui-datepicker .ui-datepicker-next span {
    background: url(../../img/common/fleches/right_calender.png) 0 0 no-repeat !important;
}

.ui-datepicker .ui-datepicker-next:hover span {
    background: url(../../img/common/fleches/right_calender_hover.png) 0 0 no-repeat !important;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url(../../img/common/fleches/left_calender.png) 0 0 no-repeat !important;
}

.ui-datepicker .ui-datepicker-prev:hover span {
    background: url(../../img/common/fleches/left_calender_hover.png) 0 0 no-repeat !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 8px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 4px;
}

.ui-datepicker th span {
    font-size: 14px;
    text-transform: capitalize;
    color: #646464;
}

.ui-datepicker-header a {
    width: 25px !important;
    height: 25px !important;
}

.ui-icon {
    width: 19px;
    height: 19px;
}

.rdvEtapes {
    border-radius: 0;
    box-shadow: none;
    padding: 0px;
    border: 1px solid #b4b4b4 !important; /*border: none !important;*/
}

.BorderLoader {
    margin: 5px 0 0 5px;
}

.rdvEtapes .rdvEtapesItem {
    padding: 17px;
}

.rdvEtapes p {
    color: #646464;
    font-family: 'ubuntu-r';
    font-size: 14px;
    line-height: 20px;
}

.rdvEtapes .nouvStyle .label.avecSep {
    border-bottom: 1px solid #dbdbdb;
    margin: 0 0 16px;
}


.rdvEtapes .rdvEtapesItemHeader {
    background: none #e7e8ee !important;
    border-radius: 0;
    font-family: 'citroen_bold';
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
    color: #aeb3c6;
}

.rdvEtapes .myCar .textYourCar {
    color: #646464;
    font-family: 'ubuntu-r';
    font-size: 14px;
}

    .rdvEtapes .myCar .textYourCar span {
        color: #6eccda;
        font-family: 'ubuntu-b';
    }

.rdvEtapes .besoinsInterventions li {
    /*background: url(../../img/common/puce-01.png) no-repeat 0 center;*/
    /*color: #6eccda;*/
    font-family: 'ubuntu-b';
    font-size: 14px;
    font-weight: bold;
}

.rdvEtapes .rdvEtapesItemHeader.active .picto {
    top: 40%;
    background: url(../../../img/common/fleches/arrow-rdv-etape-open.png) no-repeat 0 0;
}

.rdvEtapes .rdvEtapesItemHeader .picto {
    background: url(../../../img/common/fleches/arrow-rdv-etape.png) no-repeat right 0;
    display: inline-block;
    width: 14px;
    height: 8px;
    position: absolute;
    right: 16px;
    top: 40%;
}

.rdvEtapes .rdvEtapesItemHeader .picto {
    background: url(../../../img/common/fleches/arrow-rdv-etape.png) no-repeat right 0;
    display: inline-block;
    width: 14px;
    height: 8px;
    position: absolute;
    right: 16px;
    top: 40%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: url(../../../c/img/common/cr.png) center no-repeat !important;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 3px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.navRdv .arrowLeft {
    background: url(../../img/common/fleches/arrow_left-02-p.png) no-repeat 0 0 #fff;
}

.navRdv .arrowRight {
    background: url(../../img/common/fleches/arrow_right-02-p.png) no-repeat 0 0 #fff;
}

.navRdv .arrowLeft:hover {
    background: url(../../img/common/fleches/arrow_left-02-p.png) no-repeat 0 0 #fff;
    opacity: 0.7;
}

.navRdv .arrowRight:hover {
    background: url(../../img/common/fleches/arrow_right-02-p.png) no-repeat 0 0 #fff;
    opacity: 0.7;
}

.navRdv .arrowLeft.desabled {
    background: url(../../img/common/fleches/arrow_left-02-p-hover.png) no-repeat 0 0 #fff;
    opacity: 0.3;
}

.navRdv .arrowRight.desabled {
    background: url(../../img/common/fleches/arrow_right-02-p-hover.png) no-repeat 0 0 #fff;
    opacity: 0.3;
}

.navRdv .date {
    color: #646464;
    font-family: 'citroen_bold';
    font-size: 13px !important;
}

.navRdv .btnCalendar span {
    background: url(../../img/common/picto-calendar.png) no-repeat right 7px;
    color: #ffffff;
}

.navRdv .btnCalendar .ui-datepicker-trigger {
    background: url("../../img/common/picto_calendar.png") no-repeat scroll 15px center #aeb3c6;
    color: #fff;
    font-size: 9px;
    font-family: 'citroen_bold';
    height: 42px;
    padding: 2px 2px 2px 60px;
    width: 173px;
    line-height: 15px;
}

.votreRdv .rdvCont .rdvDay .titleDay {
    color: #6eccda;
    border: 0 none;
    margin: 0;
    padding-left: 0;
    font-family: 'citroen_bold';
    font-size: 12px;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem {
    background: #e7e8ee;
    padding: 0 5px 10px 5px;
}

.rdvDayHorraires {
    background: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    -moz-box-shadow: 0 0 12px -1px #666666;
    box-shadow: none;
}

    .rdvDayHorraires .arrowUp span {
        background: url(../../../c/img/common/fleches/fleche_cal_up.png) no-repeat 0 0;
        width: 17px;
        height: 10px;
        display: inline-block;
    }

    .rdvDayHorraires .arrowDown span {
        background: url(../../../c/img/common/fleches/fleche_cal_down.png) no-repeat 0 0;
        width: 17px;
        height: 10px;
        display: inline-block;
    }

.navRdvCont {
    background: none;
}

.blockBtnLienCont {
    clear: none;
    padding: 0;
    float: left;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemTitle span {
    background: url(../../img/common/fleches/arrow-top-p.png) no-repeat right center;
    color: #aeb3c6;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemCont p {
    color: #545454;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem.aprem {
    border-top: 10px solid #ffffff;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .btnVoir {
    background: #bed44a;
    ;
    color: #ffffff;
    font-weight: normal;
    font-family: 'citroen_bold';
    font-size: 10px;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .pictoHappyHr {
    background: url(../../img/common/picto/picto-happy-hr.png) no-repeat 0 0;
}

.votreRdv .rdvCont .txtHappyHour {
    background: url(../../img/common/picto/picto-happy-hr.png) no-repeat 0 2px;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem.complet .rdvDayItemCont .txtComplet {
    background: url(../../img/common/bg-border-bot-01.png) no-repeat center bottom;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem.complet .btnVoir {
    background: #e7e8ee;
    color: #aeb3c6;
}

.votreRdv .rdvCont .rdvDay.activeParHrs {
    background: #ebf2c8;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem.activeHrs .rdvDayItemCont {
    background: #ebf2c8;
}

.votreRdv .votreRdvDate span {
    color: #6eccda;
    font-family: 'ubuntu-b';
}

.votreRdv .votreRdvReduction span {
    color: #6eccda;
    font-family: 'ubuntu-b';
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayHorraire .rdvDayItemTitle {
    background: #116973;
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayHorraires .rdvDayItemTitle span {
    background: url(../../../c/img/common/fleches/arrow-01.png) no-repeat right center;
    color: #aeb3c6;
}

.votreRdv .activeHrs .hrsChoix {
    color: #545454 !important;
    font-weight: bold;
}

.votreRdv .rdvDayHorraires .arrowUp {
    padding: 4px 0;
    background: #c6cad7;
}

.votreRdv .rdvDayHorraires .arrowDown {
    padding: 4px 0;
    background: #c6cad7;
}

.listeHrs {
    height: 260px !important;
}

.toolbox {
    display: none;
}

.infosPersoConfirm .blockBtnLien {
    background: none !important;
    padding: 30px 0 10px 0 !important;
    border-top: 1px solid #dbdbdb;
}

.infosPersoConfirm p.blockBtnLien {
    border-top: none;
}

.blockBtnLienCont {
    clear: none;
    padding: 0;
    float: left;
    /*padding-top: 10px;*/
}

.rdvDayHorraires ul li {
    background: #ffffff;
    position: relative;
}

    .rdvDayHorraires ul li span {
        color: #f27a32;
        position: absolute;
        font-size: 10px;
        line-height: 24px;
        right: 62px;
    }

    .rdvDayHorraires ul li a {
        color: #4e4e4e;
    }

        .rdvDayHorraires ul li a:hover {
            color: #bed44a;
        }

        .rdvDayHorraires ul li a.active {
            color: #bed44a;
        }

        .rdvDayHorraires ul li a.hourOn {
            background: url(../../img/common/picto/picto-happy-hr-small.png) no-repeat 30px center;
            color: #4e4e4e;
            padding-left: 28px;
        }

            .rdvDayHorraires ul li a.hourOn:hover {
                color: #bed44a;
            }

            .rdvDayHorraires ul li a.hourOn.active {
                color: #bed44a;
            }

.infosPersoConfirm .confirmPicto {
    background: url(../../img/common/img-bonhommes-citroen.png) no-repeat center;
    background-size: 89% !important;
}

.infosPersoConfirm p.txtconfirm {
    color: #000000;
}

.infosPersoConfirm .infosConfirm span.name {
    color: #646464;
    font-family: 'ubuntu-b';
    font-size: 14px;
}

.infosPersoConfirm .infosConfirm span {
    font-family: 'ubuntu-r';
    font-size: 14px;
    color: #646464;
}

.infosPersoConfirm .btnAgenda {
    background: #DC002E;
}

.infosPersoConfirm .titleCreerCompte {
    color: #646464;
    font-family: 'citroen_regular';
    font-size: 20px;
}

.infosPersoConfirm ul li {
    color: #646464;
    font-family: 'citroen_regular';
    font-size: 14px;
    line-height: 20px;
}

.infosPersoConfirm .infosConfirm span.tel .color {
    display: inline-block;
}

.rdvEtapes .txtcompteMarqueId {
    color: #646464;
    font-size: 20px !important;
    line-height: 17px;
    text-transform: uppercase;
}

.rdvEtapes .introPhars {
    color: #646464;
    font-family: 'ubuntu-b';
    font-size: 14px;
    font-weight: bold;
}

.bx-wrapper .bx-controls-direction a {
    margin-top: -12px;
}

.modelForm .solutionMobilite.errorField label.checkOff {
    background: url(../../img/common/form/style-check-alert.png) no-repeat scroll right 5px transparent;
    color: red;
}

/* --------------------------------------------------------------------- */
/*                       =  Parcours B                                   */
/* --------------------------------------------------------------------- */
.votrePrestation .msgInfosForfait {
    font-size: 12px;
    line-height: 18px;
    background: #ffffff;
    margin: 10px -17px 18px;
    padding: 30px 17px !important;
    color: #646464;
    font-family: 'ubuntu-r';
}

.carouselPrestation .carouselItem .carouselPrestationCont .title {
    min-height: 12px !important;
    background: url(../../../c/img/common/fleches/bg_caross.png) 166px center no-repeat #fff !important;
    margin: 0;
    border: 0;
    font-family: 'citroen_bold';
    font-size: 10px;
    font-weight: normal;
    color: #646464 !important;
    text-align: left !important;
    padding-left: 7px !important;
    height: 40px !important;
    padding: 2px !important;
    /*border: 1px solid #000000;*/
}

.carouselPrestation .carouselItem .carouselPrestationCont:hover .title {
    border: none;
    padding: 1px !important;
}

.carouselPrestation .carouselItem:hover .carouselPrestationCont {
    background: #fff !important;
}

.carouselPrestation .carouselItem .carouselPrestationCont .title:hover {
    /*padding: 1px !important;*/
}

.bx-wrapper .bx-viewport {
    padding-bottom: 2px !important;
}

.carouselPrestation .carouselItem.active .carouselPrestationCont .title {
    background: url(../../img/common/fleches/arrow-right-btn-blue.png) 166px center no-repeat #fff !important;
    color: #6eccda !important;
}

.carouselPrestation .carouselItem:hover .carouselPrestationCont .title {
    background: url(../../img/common/fleches/arrow-right-btn-blue.png) 166px center no-repeat #fff !important;
    color: #6eccda !important;
}

.carouselPrestation .carouselItem:hover {
    border: 1px solid #000000;
}

.blockDetailsCarousel .titleHeader {
    color: #6eccda;
    font-family: 'citroen_regular';
    font-size: 12px;
    font-weight: normal;
    padding: 20px 0 !important;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
}

.carouselPrestation .carouselItem.active {
    border: 1px solid #000000;
}

.blockDetailsCarousel .detailsCarouselItem .titleDetails .title {
    color: #646464;
    font-weight: normal !important;
    font-family: 'ubuntu-b';
    font-size: 12px !important;
    line-height: 20px;
}

.infosPerso .solutionMobilite label.checkOff {
    background: url(../../../c/img/common/form/style-check-022.png) right 5px no-repeat !important;
    padding: 5px 40px 7px 0;
    cursor: pointer;
    line-height: 14px;
    display: table-cell;
    vertical-align: middle;
    height: 28px;
    font-size: 12px;
}


.infosPerso .solutionMobilite label.checkOn {
    background: url(../../../c/img/common/form/style-check-0223.png) right 5px no-repeat !important;
    height: 28px;
}

.rdvEtapes .blockRecherche label {
    width: 46% !important;
    text-align: center !important;
    float: left;
    color: #6eccda;
    padding: 0 !important;
    line-height: 22px !important;
}

.blockRecherche label,
.rdvEtapes2 .blockRecherche label {
    text-align: center !important;
    float: left;
    color: #6eccda;
    padding: 0 !important;
    line-height: 45px !important;
}

.rdvEtapes .blockRecherche input[type='text'] {
    width: 40% !important;
    border: 1px solid #dbdbdb;
}


/*.blockDetailsCarousel .detailsCarouselItem.open .detailsCarouselItemCont {border-bottom:1px solid #e4e4e4;}*/
.blockDetailsCarousel .blockForfait label.radioOff {
    background: url(../../../img/common/form/style-check-022.png) 0 center no-repeat;
    width: 100px;
    height: 28px;
}

.blockDetailsCarousel .blockForfait label.radioOn {
    background: url(../../../img/common/form/style-check-0223.png) 0 center no-repeat;
    width: 100px;
    height: 28px;
}

.blockDetailsCarousel .modelForm label.checkOff {
    background: url(../../img/common/form/style-check-02.png) 0 center no-repeat;
}

.blockDetailsCarousel .modelForm label.checkOn {
    background: url(../../img/common/form/style-check-active-02.png) 0 5px no-repeat;
}

.blockDetailsCarousel .prixForfait {
    color: #6eccda;
    font-family: 'ubuntu-r';
    font-size: 16px !important;
}

.blockDetailsCarousel .detailsCarouselItem.open .btnDetails .btnF {
    background: #DC002E;
    color: #646464;
}

.blockDetailsCarousel .detailsCarouselItem .btnDetails .btnD, .blockDetailsCarousel .detailsCarouselItem .btnDetails .btnF {
    font-family: 'citroen_bold' !important;
    font-weight: normal !important;
    background: url(../../img/common/fleches/arrow-right-btn-blue.png) 109px center no-repeat #fff !important;
    padding: 5px 24px 6px 14px !important;
    color: #646464;
}

    .blockDetailsCarousel .detailsCarouselItem .btnDetails .btnD:hover, .blockDetailsCarousel .detailsCarouselItem .btnDetails .btnF:hover {
        color: #6eccda !important;
    }

.blockDetailsCarousel .detailsOp .detailsCarouselItem.open > .detailsCarouselItemCont .btnDetails .btnF {
    background: url(../../img/common/fleches/fleshe-003.png) left center no-repeat;
    font-family: 'citroen_regular';
    font-weight: normal;
}

.blockVotreSelection p {
    color: #646464;
}

.blockVotreSelection .titleSelection {
    color: #ffffff;
    background: #6eccda;
    font-family: 'citroen_regular';
    font-size: 12px;
    font-weight: normal;
    padding: 7px 15px !important;
    margin-bottom: 10px;
}

.blockVotreSelection table td {
    padding: 0px 0;
    vertical-align: middle;
}

.blockVotreSelection .msgNoSelect {
    border-bottom: 1px solid #e4e4e4;
}

.changeNumSerieVinCouple, .blockCouple, .blockDetailsCarousel .detailsCarouselItem {
    background: none;
}

.blockVotreSelection .titleDetails {
    font-family: 'citroen_regular';
    color: #4e4e4e;
    font-weight: normal;
}

    .blockVotreSelection .titleDetails p {
        color: #646464;
        font-weight: normal !important;
        font-size: 13px !important;
        font-family: 'ubuntu-r';
    }

.votreRdv .votreRdvDate, .votreRdv .votreRdvAdresse {
    font-size: 13px;
}

.blockForms {
    padding: 2px 0px 5px;
}

.modelForm .formLeft {
    float: left;
    width: 235px;
}

.modelForm .formRight {
    float: right;
    width: 235px;
    margin-right: 30px;
}


.modelForm .pictovalid {
    background: url(../../../img/common/picto/pictovalid-02.png) no-repeat 0 0;
    display: none;
    width: 23px;
    height: 19px;
    position: absolute;
    right: -32px;
    margin-top: -30px;
}

.modelForm .pictoAlert {
    background: url(../../../img/common/picto/picto-alert-02.png) no-repeat 0 0;
    display: none;
    width: 23px;
    height: 19px;
    position: absolute;
    right: -32px;
    margin-top: -30px;
}

.modelForm .errorBlock .pictoAlert {
    display: block;
}

.modelForm .validField .pictovalid {
    display: block;
}

#blocknumSerieVinCoupleCon .estimationExactRight .pictoAlert {
    right: -26px !important;
}

.bx-wrapper .bx-prev {
    left: 0;
    background: url("../../../c/img/common/arrow-left-carousel.png") no-repeat center 0;
}

.bx-wrapper .bx-next {
    right: 0;
    background: url("../../../c/img/common/arrow-right-carousel.png") no-repeat center 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    margin-top: -21px;
    outline: 0;
    width: 17px;
    height: 31px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-controls {
    display: inline-block;
    padding: 0px 78px;
    position: relative;
    width: auto;
}

.blockVotreSelection .supprimer {
    text-align: center;
    width: 4%;
    padding: 7px 0 0 0 !important;
}

body div.rdvEtapes div.carouselPrestation div.carouselItem div.carouselPrestationCont {
    background: #fff;
    border: 4px solid #6eccda;
}

.blockCouple .blockInfo {
    font-family: 'citroen_regular';
    font-weight: normal;
    font-size: 13px;
}

.changeNumSerieVinCouple .blockInfo, .changeNumSerieVinCoupleCon .blockInfo {
    font-family: 'citroen_regular';
    font-weight: normal;
    font-size: 13px;
}

.blockVotreSelection .infosForfait {
    color: #646464;
    font-family: 'ubuntu-r';
}

.blockVotreSelection .prixForfait {
    color: #646464;
    font-family: 'ubuntu-r';
    padding-right: 10px;
}

.blockVotreSelection .titleDetails .colorBleu {
    color: #6eccda;
    font-family: 'ubuntu-b';
    font-size: 16px !important;
}

.blockVotreSelection .colorBleu {
    color: #116973;
    font-family: 'citroen_bold';
}

.blockVotreSelection .blockConfimMsg .numCommande, .blockVotreSelection .blockConfimMsg .mailConfirmation {
    color: #4e4e4e;
}

.blockVotreSelection .supprimer a {
    background: url(../../../c/img/common/btn-fermer-hover.png) center center no-repeat !important;
    width: 27px !important;
    height: 27px !important;
}

    .blockVotreSelection .supprimer a:hover {
        background: url(../../../c/img/common/btn-fermer-012.png) center center no-repeat !important;
        width: 27px !important;
        height: 27px !important;
    }

.blockVotreSelection tr.op .titleDetails p {
    font-weight: normal !important;
    font-family: 'ubuntu-r';
    font-size: 14px !important;
    color: #6eccda;
}

.blockEstimationExact {
    border-bottom: 1px solid #e4e4e4;
}

    .blockEstimationExact .estimationExactLeft p {
        color: #646464;
        font-family: 'ubuntu-r';
        font-size: 13px;
        width: 100%;
    }

    .blockEstimationExact .estimationExactRight label {
        color: #4e4e4e;
    }

    .blockEstimationExact .estimationExactRight .btnShowVin {
        background: url(../../../c/img/common/icon-show-vin.png) center center no-repeat;
        width: 22px;
        height: 22px;
    }

.pictoLoader {
    background: url(../../img/common/loader-02.png) no-repeat center bottom;
}

.blockDetailsCarousel .detailsOp .detailsCarouselItem .btnDetails .btnD {
    background: url(../../img/common/fleches/fleshe-001.png) left center no-repeat;
    font-family: 'citroen_regular';
    font-weight: normal;
}

.blockPasserelle {
    background: none;
    border-top: 1px solid #e4e4e4;
}

    .blockPasserelle > .interne {
        background: none;
    }

.rdvEtapes .besoinsInterventions .blockPasserelle p {
    font-family: 'ubuntu-m';
    font-weight: normal;
    font-size: 14px;
    color: #646464;
}

    .rdvEtapes .besoinsInterventions .blockPasserelle p.info {
        color: #e83795;
        font-family: 'ubuntu-m';
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 30px;
    }

.rdvEtapes .besoinsInterventions .blockPasserelle .controles {
    text-align: center;
    margin-top: 40px;
}

    .rdvEtapes .besoinsInterventions .blockPasserelle .controles a {
        background: #fff;
        color: #aeb3c6;
        box-sizing: border-box;
        font-family: 'ubuntu-r';
        font-size: 14px;
        line-height: 14px;
        width: 105px;
        height: 50px;
        padding: 15px 2px;
        border: 3px solid #aeb3c6;
    }

        .rdvEtapes .besoinsInterventions .blockPasserelle .controles a:hover {
            border: 5px solid #aeb3c6;
            padding: 13px 0px;
        }

        .rdvEtapes .besoinsInterventions .blockPasserelle .controles a.btnOui {
            border: 3px solid #e83795;
            background: #fff;
            color: #e83795;
            box-sizing: border-box;
            font-family: 'ubuntu-r';
            font-size: 14px;
            line-height: 14px;
            width: 105px;
            height: 50px;
            padding: 15px 2px;
        }

            .rdvEtapes .besoinsInterventions .blockPasserelle .controles a.btnOui:hover {
                border: 5px solid #e83795;
                padding: 13px 0px;
            }

.blockEstimationExact .estimationExactRight {
    float: right;
    width: 40.25%;
    position: relative;
    z-index: 100;
    margin-right: 26px;
    margin-top: 4px;
}

.pourRev {
    background: url(../../img/common/border-02.png) no-repeat center top;
}

    .pourRev .blockCouple .blockInfo {
        width: 52%;
    }

.carouselPrestation .carouselItem {
    width: 2.49% !important;
    border: 1px solid transparent !important;
}

.blockControle .blockSubmit input[type=button] {
    background: url(../../img/common/fleches/arrow-right-btn-blue.png) no-repeat 98% center #ffffff;
    color: #646464;
    border-radius: 0 !important;
    font-size: 11px;
    font-weight: normal;
    width: auto;
    box-sizing: border-box;
    height: 50px;
    border: 4px solid #6eccda;
    padding: 5px 40px 5px 14px !important;
    text-align: left;
    font-family: 'citroen_bold';
}

    .blockControle .blockSubmit input[type=button]:hover {
        color: #6eccda;
    }

.loaderCouple {
    background: url(../../img/common/ajax_loader.gif) center center no-repeat;
}

.votrePrestation .itemForm label {
    color: #646464;
    font-family: 'ubuntu-r';
    font-size: 13px;
}

.blockControle .btnTelecharger, .blockControle .btnImpr {
    font-family: 'citroen_bold';
    font-size: 10px;
    border: 1px solid #646464;
    padding: 10px 15px 10px 40px;
    display: inline-block;
    color: #646464;
}

    .blockControle .btnTelecharger:hover, .blockControle .btnImpr:hover {
        border: 4px solid #646464;
        padding: 7px 12px 7px 37px;
    }

.blockControle .btnTelecharger {
    background: url(../../../c/img/common/icon-pdf.png) 10px center no-repeat;
}

    .blockControle .btnTelecharger:hover {
        background: url(../../../c/img/common/icon-pdf.png) 7px center no-repeat;
    }

.blockControle .btnImpr {
    float: right;
    background: url(../../../c/img/common/icon-imp.png) 10px center no-repeat;
    text-transform: uppercase;
}

    .blockControle .btnImpr:hover {
        background: url(../../../c/img/common/icon-imp.png) 7px center no-repeat;
    }

.blockError {
    color: #e83795;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    display: none;
    font-family: 'ubuntu-r';
}

body div.rdvEtapes div.carouselPrestation div.carouselItem div.carouselPrestationCont:hover, body div.rdvEtapes div.carouselPrestation div.carouselItem div.carouselPrestationCont:active {
    background: #fff;
    border: 5px solid #6eccda;
    box-sizing: border-box;
}

.carouselPrestation .carouselItem.active .carouselPrestationCont .title {
    background: #fff;
    /*padding: 1px !important;*/
    /*border: 1px solid #6eccda;*/
}

.renseignerAutreCar {
    font-family: 'citroen_regular';
}

.modelForm .itemSubmit input {
    font-family: 'citroen_regular';
}

.modelForm select.replaced {
    width: 100%;
    line-height: 46px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 10;
    height: 46px;
    border: 0;
    filter: alpha(opacity=0);
    zoom: 1;
    opacity: 0;
    /* behavior: url(css/PIE.htc); */
}

.modelForm .custom-select-container {
    position: relative;
    width: 100%;
    height: 46px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .modelForm .itemSubmit input {
        padding: 7px 28px 6px 12px !important;
    }

    .infosPerso .titleMarqueId2 {
        min-height: 22px;
        display: inline-block;
        position: relative;
        top: 8px;
    }
}


/*   =  Form   */
.modelForm label {
    color: #646464;
    font-family: 'ubuntu-r';
    font-size: 14px;
}

#blocknumSerieVinCouple .estimationExactRight label, #blocknumSerieVinCoupleCon .estimationExactRight label {
    font-family: 'citroen_regular';
    font-size: 8.5px;
}

.modelForm input[type=text], .modelForm input[type=password], .modelForm input[type=tel] {
    color: #646464;
    height: 33px;
}

.rdvEtapes .nouvStyle input[type=email],
.rdvEtapes .nouvStyle input[type=text],
.rdvEtapes .nouvStyle input[type=password],
.rdvEtapes .nouvStyle input[type=tel] {
    font-family: 'ubuntu-r';
    font-size: 14px;
    color: #646464;
    padding: 0 13px;
    height: 46px;
    line-height: 46px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.modelForm .itemSubmit input {
    background: url(../../img/common/fleches/arrow-right-btn.png) no-repeat 92% center #ffffff;
    color: #646464;
    border-radius: 0 !important;
    font-size: 10px;
    font-weight: normal;
    width: auto;
    box-sizing: border-box;
    height: 40px;
    border: 4px solid #6eccda;
    padding: 5px 35px 5px 14px !important;
    text-align: left;
    font-family: 'citroen_bold';
    float: right;
}

.modelForm #blocknumSerieVinCouple .itemSubmit input, .modelForm #blocknumSerieVinCoupleCon .itemSubmit input {
    background: url(../../img/common/fleches/arrow-right-btn.png) no-repeat 92% center #ffffff !important;
    color: #646464 !important;
    border-radius: 0 !important;
    font-size: 10px;
    font-weight: normal;
    width: auto;
    box-sizing: border-box;
    height: 40px;
    border: 4px solid #6eccda;
    padding: 5px 35px 5px 14px !important;
    text-align: left;
    font-family: 'citroen_bold';
    float: right;
}
   .modelForm #blocknumSerieVinCouple .itemSubmit input:hover, .modelForm #blocknumSerieVinCoupleCon .itemSubmit input:hover, .modelForm .itemSubmit input:hover {
        background: url(../../img/common/fleches/arrow-right-btn-blue.png) no-repeat 92% center #ffffff !important;
        color: #6eccda !important;
    }
    .modelForm .itemSubmit.disabled input:hover{
         background:rgb(235, 235, 228) !important;
        color: unset !important;
 }
.modelForm .itemSubmit .annuler {
    background: url(../../img/common/bg-voir-04.png) repeat-x 0 0;
    color: #4e4e4e;
    font-family: 'citroen_bold';
    font-size: 9px;
    padding-right: 12px;
}

.modelForm textarea {
    color: #646464;
    border: 1px solid #dbdbdb !important;
}

/* checkbox */
.modelForm label.checkOff {
    background: url(../../../c/img/common/form/style-check-022.png) 0 5px no-repeat !important;
    height: 28px;
}

.modelForm label.checkOn {
    background: url(../../../c/img/common/form/style-check-0223.png) 0 5px no-repeat !important;
    height: 28px;
}

.errorField .accepteML, .errorField .accepteML a {
    color: #e83795;
}

/* Select */
.rdvEtapes .nouvStyle .custom-select {overflow:hidden;width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.modelForm .custom-select {
    background: #FFFFFF;
    height: 46px;
    color: #646464;
    text-align: left;
}

    .modelForm .custom-select > span {
        background: url(../../img/common/form/bg-select-arrow-01.png) 97% center no-repeat;
        display: block;
        padding: 0 25px 0 6px;
        border: none;
        line-height: 43px;
        height: 46px;
    }

    .modelForm .custom-select span span {
        color: #646464;
        font-family: 'ubuntu-r';
        font-size: 14px;
    }

.blockCouple .choix .custom-select span span {
    font-size: 13px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 2px 2.3em;
    line-height: 1.8em;
    text-align: center;
    font-size: 16px !important;
    color: #aeb3c6;
    text-transform: capitalize;
    font-family: 'citroen_bold';
}

.ui-datepicker-calendar tbody {
    background: #e7e8ee;
}

.ui-datepicker th {
    background: #FFFFFF url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x !important;
    padding: 0.55em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

/*   =  Pop up Content   */
#connexion .titleCnnexion {
    color: #116973;
}

#connexion p {
    color: #4e4e4e;
}

#connexion .passeOublie {
    color: #4e4e4e;
}

#alertHoraire {
    color: #000000;
}

    #alertHoraire .blockBtnLien a {
        background: #DC002E;
        font-size: 15px;
        padding: 12px;
    }

#confirmPayer .header, #confirmPayerSansId .header {
    color: #212020;
    background: none repeat scroll 0 0 #E8E8E8 !important;
    border-radius: 0 0 0 0;
}

    #confirmPayer .header .title, #confirmPayerSansId .header .title {
        color: #212020;
        font-family: 'citroen_bold';
        font-size: 12px;
    }

    #confirmPayer .header .fermerPop, #confirmPayerSansId .header .fermerPop {
        background: url(../../img/common/close_popin-02.png) no-repeat 0 0;
    }

#confirmPayer p {
    color: #4e4e4e;
}



.navDynamic {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    background: url(../../img/common/bg-ombre-0033.png) right top;
    min-height: 100%;
    overflow: hidden;
    z-index: 1000;
}

    .navDynamic > .inner {
        width: 96.73%;
        background: #ffffff;
        height: 100%;
        position: absolute;
    }

    .navDynamic .stUser {
        background: url(../../img/common/bg-ombre-003.png) left top repeat-y #dc002e;
        color: #fff;
        padding: 14px 20px;
        min-height: 71px;
    }

        .navDynamic .stUser .sansId {
            background: url(../../img/common/fleshe-020.png) right center no-repeat;
            padding: 12px 0;
            min-height: 31px;
        }

        .navDynamic .stUser .citId {
            display: block;
            background: url(../../img/common/picto-user.png) left center no-repeat;
            padding: 8px 0 8px 80px;
        }

        .navDynamic .stUser .btnDecon {
            float: right;
            display: inline;
            background: url(../../img/common/btn-close.png) right center no-repeat;
            padding: 0 42px 0 0;
            color: #fff;
            text-decoration: none;
            font-size: 21px;
            text-transform: uppercase;
            height: 35px;
            line-height: 35px;
        }

        .navDynamic .stUser .avecId .citId {
            float: left;
            display: inline;
            padding: 0 0 0 80px;
        }

        .navDynamic .stUser .nameUser {
            font-size: 23px;
            color: #fff;
            padding-top: 10px;
        }

            .navDynamic .stUser .nameUser strong {
                font-weight: bold;
            }

    .navDynamic .navBotom ul {
        background: url(../../img/common/bg-ombre-003.png) left top repeat-y #f7f7f7;
    }

    .navDynamic .navBotom li {
        background: url(../../img/common/fleches/fleshe-005.png) no-repeat right center;
        padding-right: 25px;
        color: #5c5c5c;
        text-transform: uppercase;
        border: none;
        border-bottom: 1px solid #d9d9da;
    }

        .navDynamic .navBotom li a {
            color: #5c5c5c !important;
            font-size: 22px !important;
            font-weight: normal !important;
            padding: 5px 15px !important;
            display: block;
            display: table;
        }

            .navDynamic .navBotom li a .ui-li-count, .navDynamic .navBotom li a .pictoOffre {
                position: relative;
                margin: 0 0 0 20px !important;
                padding: 4px 9px;
                right: auto !important;
                font-size: 22px;
                color: #fff;
                background: #dc002e !important;
                font-weight: normal !important;
                border: none;
                display: inline-block;
                vertical-align: middle;
                top: auto !important;
                -moz-border-radius: 20px !important;
                -webkit-border-radius: 20px !important;
                border-radius: 20px !important;
            }

    .navDynamic .navBotom .text {
        display: inline-block;
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
        font-size: 18px;
    }

    .navDynamic .navTop > ul > li {
        background: #e7e8ee;
        color: #aeb3c6;
        font-size: 22px;
        text-transform: uppercase;
        border: 4px solid #ffffff;
        width: 86.49%;
        margin: 6px auto;
        box-sizing: border-box;
    }

        .navDynamic .navTop > ul > li:hover, .navDynamic .navTop > ul > li.open {
            background: #ffffff;
            border: 4px solid #aeb3c6;
        }

        .navDynamic .navTop > ul > li.open {
            background: #ffffff;
            border: 4px solid #aeb3c6;
            padding-bottom: 4px;
        }

        .navDynamic .navTop > ul > li > span {
            background: url(../../img/common/fleches/fleshe-menu-close.png) right center no-repeat;
            display: block;
            font-size: 18px;
            padding: 17px 20px;
            cursor: pointer;
        }

        .navDynamic .navTop > ul > li.open > span {
            background: url(../../img/common/fleches/fleshe-menu-open.png) right center no-repeat;
        }

    .navDynamic .navTop > ul ul > li {
        background: #e7e8ee;
        border: 4px solid #ffffff;
        color: #aeb3c6;
        font-size: 22px;
        text-transform: uppercase;
        border-bottom: 1px solid #d9d9da;
    }

        .navDynamic .navTop > ul ul > li > a {
            display: block;
            text-decoration: none;
            color: #aeb3c6;
            padding: 15px 20px;
            font-size: 12px;
        }

    .navDynamic .blockInfo .item {
        float: left;
        display: inline;
        width: 50%;
    }

    .navDynamic .blockInfo .inner {
        border-right: 1px solid #fafafa;
    }

    .navDynamic .blockInfo .last .inner {
        border-right: none;
    }

    .navDynamic .blockInfo .item p {
        font-size: 18px;
        color: #5c5c5c;
        text-transform: uppercase;
        text-align: center;
        padding-top: 35px;
    }

    .navDynamic .blockInfo .item span {
        display: block;
        color: #dc002e;
    }

    .navDynamic .blockInfo .item a {
        padding: 25px 0;
        display: block;
    }

    .navDynamic .blockInfo .info1 {
        background: url(../../img/common/picto/bg-info-001.png) center top no-repeat;
    }

    .navDynamic .blockInfo .info2 {
        background: url(../../img/common/picto/bg-info-002.png) center top no-repeat;
    }

    .navDynamic .blockInfo .info3 {
        background: url(../../img/common/picto/bg-info-003.png) center 3px no-repeat;
    }

.blockDetailsCarousel .detailsOp .titreOp {
    color: #646464;
    font-weight: normal;
    font-family: 'ubuntu-b';
    font-size: 14px;
}

.blockDetailsCarousel .detailsOp .infoOp {
    font-family: 'ubuntu-r';
    font-size: 12px;
    color: #b4b4b4;
}

.blockDetailsCarousel .detailsOp .detailsCarouselItem .titleDetails .title {
    font-family: 'ubuntu-r';
    color: #6eccda;
    line-height: 34px;
}

.pac-icon-marker {
    background: url(../../img/common/picto/picto_maps.png) 50% 50% no-repeat !important;
    margin-top: 14px;
    background-size: 100%;
}

.pac-container .pac-item {
    font-size: 12px;
    height: 45px;
    padding-bottom: 1px;
    padding-left: 12px;
    line-height: 45px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.pac-item:hover {
    background: #d3f0f4;
}

.pac-matched {
    color: #bababa;
    font-family: 'ubuntu-r';
    font-weight: normal;
}

.pac-item-query, .pac-item-query .pac-matched {
    color: #646464 !important;
    font-family: 'ubuntu-b' !important;
}

.pac-container {
    border: 1px solid #d9d9d9;
    box-shadow: none;
    box-sizing: border-box;
}


.errorField .errorLienVide2 {
    display: block;
}

.errorLienVide2 {
    position: absolute !important;
    left: 7% !important;
    bottom: 0px !important;
    color: #e83795 !important;
    font-size: 14px !important;
    width: 100% !important;
    display: none;
    text-align: center !important;
    font-family: 'ubuntu-r' !important;
}

.errorLienVide {
    position: absolute !important;
    left: 7% !important;
    bottom: 0px !important;
    color: #e83795 !important;
    font-size: 14px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    font-family: 'ubuntu-r' !important;
}

.pac-container span {
    font-family: 'ubuntu-r';
    font-size: 12px !important;
    color: #b4b4b4;
}

.edealer {
}

    .edealer .pointChoisi {
        border: 1px solid #b4b4b4;
    }

    .edealer .point {
        font-family: 'citroen_regular';
        font-size: 12px;
        line-height: 18px;
        color: #6eccda;
    }

.rdvEtapes .confirmChange {
    text-align: center;
}

    .rdvEtapes .confirmChange p {
        font-family: 'citroen_regular';
        font-weight: normal;
        font-size: 12px;
        color: #000;
        line-height: 15px;
        padding: 0 0 10px;
    }

        .rdvEtapes .confirmChange p.info {
            font-weight: normal;
            font-size: 11px;
            color: #e83795;
            padding: 0;
        }

    .rdvEtapes .confirmChange .controles {
        text-align: center;
    }

        .rdvEtapes .confirmChange .controles a {
            box-sizing: content-box;
            font-size: 9px;
            background: #fff;
            color: #646464;
            text-transform: uppercase;
            margin: 0 10px;
            border: 3px solid #aeb3c6;
            padding: 2px;
        }

            .rdvEtapes .confirmChange .controles a:hover {
                border: 5px solid #aeb3c6;
                padding: 0px;
            }

            .rdvEtapes .confirmChange .controles a.btnOui {
                border: 3px solid #e83795;
                background: #fff;
                color: #e83795;
                box-sizing: content-box;
            }

                .rdvEtapes .confirmChange .controles a.btnOui:hover {
                    border: 5px solid #e83795;
                    background: #fff;
                    color: #e83795;
                    box-sizing: content-box;
                }

.rdvEtapes .modifPoint {
    width: 28%;
    padding: 20px 0 0;
    display:none;
}

    .rdvEtapes .modifPoint a:hover {
        border: 4px solid #646464;
        padding: 9px 9px 9px 24px;
        background: url(../../../c/img/common/icon-edit.png) 7px center no-repeat;
    }

    .rdvEtapes .modifPoint a {
        font-family: 'citroen_bold';
        font-size: 10px;
        text-transform: uppercase;
        border: 1px solid #646464;
        padding: 12px 12px 12px 27px;
        display: inline-block;
        border-radius: 0;
        background: transparent;
        color: #646464;
        background: url(../../../c/img/common/icon-edit.png) 10px center no-repeat;
        text-decoration: none;
        float: left;
        font-weight: normal;
    }
/*	.rdvEtapes .modifPoint a:hover{color:#6eccda;background: url(../../../c/img/common/icon-edit-hover.png) 10px center no-repeat;}
*/






/* ----- END TABLETTE ----- */

.detailsCarouselItem .detailsCarouselItemCont .titleDetails .title {
    font-size: 13px !important;
    font-family: 'citroen_bold' !important;
}

.blockVotreSelection table tr.op.lastTr td {
    padding-bottom: 15px !important;
}

.blockVotreSelection tr.op .titleDetails {
    padding-left: 0px;
}


.changeNumSerieVinCouple .btnModifier, .changeNumSerieVinCoupleCon .btnModifier {
    font-family: 'citroen_bold';
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #646464;
    padding: 13px 13px 13px 41px;
    display: inline-block;
    border-radius: 0;
    background: transparent;
    color: #646464;
    background: url(../../../c/img/common/icon-edit.png) 10px center no-repeat;
}

.blockEstimationExact .estimationExactLeft {
    float: left;
    width: 50%;
    padding: 0;
}

.blockDetailsCarousel .detailsOp .blockForfait {
    width: 36%;
}

#blocknumSerieVinCouple .estimationExactRight, #blocknumSerieVinCoupleCon .estimationExactRight {
    max-width: none;
    width: 53%;
    margin-right: 15px;
}

.modelForm .itemSubmit .errorLine {
    display: none;
}

.modelForm #blocknumSerieVinCouple .itemSubmit input, .modelForm #blocknumSerieVinCoupleCon .itemSubmit input {
    margin-right: 15px;
}

.modelForm .errorBlock .itemForm input {
    border-color: #e83795;
}

.changeNumSerieVinCouple, .changeNumSerieVinCoupleCon {
    padding: 18px 0;
    background: none;
    display: none;
    border-bottom: 1px solid #e4e4e4;
}

.blockDetailsCarousel {
    padding: 0;
}

    .blockDetailsCarousel .detailsOp .detailsCarouselItem .titleDetails {
        height: auto;
        min-height: 24px;
        width: 40.5%;
    }

    .blockDetailsCarousel .detailsOp .detailsCarouselItem {
        background: none;
        border: none;
        padding: 0 12px 8px 0;
    }

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayHorraires .rdvDayItemTitle {
    background: #e7e8ee;
}
/*sidebarTools*/

.sidebarToolsDesktopReview {
    font-family: citroen, Arial, Helvetica, sans-serif;
    padding-bottom: 0;
    position: fixed;
    z-index: 10000;
    height: 100%;
    width: 70px;
    background-color: #f0780a;
    top: 0;
    right: 0;
}

    .sidebarToolsDesktopReview .buttonListWrapper {
        display: table;
        width: 100%;
        height: 100%;
    }

        .sidebarToolsDesktopReview .buttonListWrapper > * {
            display: table-cell;
            vertical-align: middle;
        }

        .sidebarToolsDesktopReview .buttonListWrapper .buttonList {
            width: 70px;
        }

            .sidebarToolsDesktopReview .buttonListWrapper .buttonList li {
                display: inline-block;
                width: 70px;
            }

                .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a {
                    display: block;
                    position: relative;
                    height: 70px;
                }

                    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOutState {
                        border-top: solid #f3933b 1px;
                        background-color: #f0780a;
                        color: #fff;
                        position: relative;
                        font-size: 11px;
                        width: 250px;
                        height: 70px;
                        text-transform: uppercase;
                        text-align: center;
                        left: 0;
                        padding-top: 40px;
                        padding-right: 180px;
                        -o-transition-timing-function: easeOutExpo;
                        -webkit-transition-timing-function: easeOutExpo;
                        -moz-transition-timing-function: easeOutExpo;
                        transition-timing-function: easeOutExpo;
                        -o-transition-property: easeOutExpo;
                        -webkit-transition-property: all;
                        -moz-transition-property: all;
                        transition-property: all;
                        -o-transition-duration: .6s;
                        -webkit-transition-duration: .6s;
                        -moz-transition-duration: .6s;
                        transition-duration: .6s;
                        box-sizing: border-box;
                    }

                        .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOutState .wrapperButton {
                            position: relative;
                            font-size: 9px;
                        }

                            .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOutState .wrapperButton img {
                                max-width: none;
                                min-width: 0;
                                width: 40px;
                                position: absolute;
                                top: -30px;
                                left: 15px;
                            }

                    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOverState {
                        position: absolute;
                        border-top: solid #f3933b 1px;
                        width: 250px;
                        height: 70px;
                        left: 0;
                        top: 0;
                        background-color: #f0780a;
                        text-align: left;
                        padding: 0 80px 0 50px;
                        color: #fff;
                        font-size: 13px;
                        text-transform: uppercase;
                        filter: alpha(Opacity=0);
                        opacity: 0;
                        -o-transition-timing-function: easeOutExpo;
                        -webkit-transition-timing-function: easeOutExpo;
                        -moz-transition-timing-function: easeOutExpo;
                        transition-timing-function: easeOutExpo;
                        -o-transition-property: easeOutExpo;
                        -webkit-transition-property: all;
                        -moz-transition-property: all;
                        transition-property: all;
                        -o-transition-duration: .6s;
                        -webkit-transition-duration: .6s;
                        -moz-transition-duration: .6s;
                        transition-duration: .6s;
                        box-sizing: border-box;
                    }

                        .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOverState .wrapperButton {
                            position: relative;
                        }

                            .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOverState .wrapperButton img {
                                max-width: none;
                                min-width: 0;
                                width: 40px;
                                position: absolute;
                                top: 18px;
                                left: -45px;
                            }

                            .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOverState .wrapperButton .valign > div {
                                height: 70px;
                                /* line-height: 68px; */
                                padding-top: 20px;
                            }

                    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a.active .rollOverState, .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a:hover .rollOverState {
                        left: -182px;
                        filter: alpha(Opacity=100);
                        opacity: 1;
                    }

                    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a.active .rollOutState, .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a:hover .rollOutState {
                        left: -182px;
                    }

                .sidebarToolsDesktopReview .buttonListWrapper .buttonList li:first-child a .rollOutState, .sidebarToolsDesktopReview .buttonListWrapper .buttonList li:first-child a .rollOverState {
                    border: none;
                }

    .sidebarToolsDesktopReview.ds {
        background-color: #AD0040;
    }

        .sidebarToolsDesktopReview.ds .buttonListWrapper .buttonList li a .rollOutState, .sidebarToolsDesktopReview.ds .buttonListWrapper .buttonList li a .rollOverState {
            border-top: solid #B1275A 1px;
            background-color: #AD0040;
        }

        .sidebarToolsDesktopReview.ds .buttonListWrapper .buttonList li:first-child a .rollOutState, .sidebarToolsDesktopReview.ds .buttonListWrapper .buttonList li:first-child a .rollOverState {
            border: none;
        }

.sidebarToolsMobileReview {
    font-family: citroen, Arial, Helvetica, sans-serif;
    padding-bottom: 0;
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: #f0780a;
    left: 0;
    bottom: -1px;
    z-index: 999;
}



/*footer*/

.socials li {
    margin: 0 10px 10px 0;
    background: 0 0;
    border-radius: 2px;
    display: inline-block;
}

.row {
    display: block;
    /*margin-left: 40px;*/
    margin-right: 40px;
}

    .row:after, .row:before {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

.columns {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.column_33 {
    width: 33.33% !important;
}

.footerReviewDesk .mainFooter .columns {
    padding-right: 30px;
}

#footer .inner > .row, #footer .legals {
    margin: auto;
    padding: 0;
    max-width: none;
    text-align: left;
}

#footer .inner .row {
    padding: 0;
}

.list li {
    background: 0 0;
}

.caller {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: left;
    line-height: normal;
    color: #000;
}

    .caller:after {
        display: none;
    }

    .caller, .caller:after {
        background: 0 0;
    }

.list a:before {
    display: none;
}

#footer .parttitle {
    margin: 0;
}

#footer .map .footfold {
    position: static;
    margin: 0;
    max-width: none;
}

    #footer .map .footfold a {
        cursor: pointer;
        position: static;
        top: 0;
        right: 0;
        padding: 0;
        min-width: 0;
        text-align: left;
        line-height: normal;
        background: 0 0;
        border-radius: 0;
    }

#footer .map {
    padding: 0;
    border-bottom: none;
    background: 0 0;
}

.legals .links {
    float: none;
    padding: 0;
    font-size: inherit;
}

.caller .handi {
    bottom: 0;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    background-image: none;
    font-size: 0;
    white-space: nowrap;
    text-align: left;
}

.footerReviewMobile img {
    max-width: none;
    min-width: 0;
}

#footer .caller {
    margin: 0;
}

#footer .inner {
    padding: 0;
}





.footerReviewDesk {
    font-family: citroen, Arial, Helvetica, sans-serif;
}

    .footerReviewDesk .mainFooter {
        margin-bottom: 40px;
    }

        .footerReviewDesk .mainFooter .globalWrapper {
            padding: 0 15px;
            margin: 0 auto;
            max-width: 1280px;
        }

.desktop .footerReviewDesk .mainFooter .globalWrapper {
    min-width: 0;
}

.footerReviewDesk .mainFooter .columns {
    padding-right: 30px;
}

.footerReviewDesk .mainFooter .list li {
    padding-bottom: 5px;
}

    .footerReviewDesk .mainFooter .list li a {
        background: 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        height: auto;
        padding: 16px 11px;
        border: 4px solid #f7f7f9;
        background-color: #f7f7f9;
        color: #646464;
        font-family: ubuntu, Arial, Helvetica, sans-serif;
        font-size: 15px;
        line-height: 15px;
        text-transform: uppercase;
        display: block;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        padding-right: 35px;
        width: 100%;
        max-width: 300px;
    }

        .footerReviewDesk .mainFooter .list li a::-webkit-input-placeholder {
            filter: alpha(Opacity=70);
            opacity: .7;
        }

        .footerReviewDesk .mainFooter .list li a:-moz-placeholder {
            filter: alpha(Opacity=70);
            opacity: .7;
        }

        .footerReviewDesk .mainFooter .list li a::-moz-placeholder {
            filter: alpha(Opacity=70);
            opacity: .7;
        }

        .footerReviewDesk .mainFooter .list li a:-ms-input-placeholder {
            filter: alpha(Opacity=70);
            opacity: .7;
        }

.fullUbuntu .footerReviewDesk .mainFooter .list li a {
    padding-top: 16px;
    padding-bottom: 16px;
}

.footerReviewDesk .mainFooter .list li a:after {
    content: "";
    width: 11px;
    height: 15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    background: url(../../img/common/picto/footer_link_bg.png) no-repeat center center;
}

.footerReviewDesk .mainFooter .list li a:active, .footerReviewDesk .mainFooter .list li a:hover {
    color: #646464;
    background-color: #f7f7f9;
    border-color: #646464;
}

.footerReviewDesk .caller {
    font-weight: 700;
    font-size: 13px;
    color: #646464;
    text-transform: uppercase;
}

    .footerReviewDesk .caller small {
        display: block;
        text-transform: none;
        padding-bottom: 10px;
    }

    .footerReviewDesk .caller strong {
        color: #f0780a;
        display: block;
        font-family: citroen, Arial, Helvetica, sans-serif;
        font-size: 24px;
        padding-bottom: 10px;
    }

    .footerReviewDesk .caller .handi {
        background-color: #dfe0ea;
        display: inline-block;
        text-transform: none;
        font-weight: 400;
        padding: 8px 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
    }

        .footerReviewDesk .caller .handi:hover {
            background-color: #334a96;
        }

.footerReviewDesk .newsletter legend {
    font-weight: 700;
    margin-bottom: 10px;
}

.footerReviewDesk .newsletter input {
    background: 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    height: auto;
    border: none;
}

    .footerReviewDesk .newsletter input::-webkit-input-placeholder {
        filter: alpha(Opacity=70);
        opacity: .7;
    }

    .footerReviewDesk .newsletter input:-moz-placeholder {
        filter: alpha(Opacity=70);
        opacity: .7;
    }

    .footerReviewDesk .newsletter input::-moz-placeholder {
        filter: alpha(Opacity=70);
        opacity: .7;
    }

    .footerReviewDesk .newsletter input:-ms-input-placeholder {
        filter: alpha(Opacity=70);
        opacity: .7;
    }

    .footerReviewDesk .newsletter input[type=email], .footerReviewDesk .newsletter input[type=text] {
        padding: 10px 20px;
        border: 1px solid #b4b4b4;
        color: #646464;
        float: left;
        width: 100%;
        height: 45px;
    }

    .footerReviewDesk .newsletter input[type=submit] {
        margin: 0;
        font-family: citroen, Arial, Helvetica, sans-serif;
        color: #fff;
        padding: 16px 15px 14px;
        font-size: 15px;
        background-color: #afadc3;
        width: auto;
        text-transform: uppercase;
        font-weight: 700;
        height: 45px;
    }

        .footerReviewDesk .newsletter input[type=submit]:hover {
            border: 4px solid #afadc3;
            background-color: #fff;
            color: #afadc3;
            padding: 12px 11px 10px;
        }

.footerReviewDesk .inner.map .columns {
    padding: 0 20px;
}

.footerReviewDesk .inner.map .footfold {
    position: relative;
    text-align: center;
    border-bottom: #f7f7f9 solid 2px;
    padding-bottom: 20px;
}

    .footerReviewDesk .inner.map .footfold a {
        display: inline-block;
        background-color: #fff;
        color: #646464;
        font-size: 14px;
        text-transform: uppercase;
        padding: 5px 85px 20px;
        border: 4px solid #afadc3;
        position: relative;
        background-image: none;
    }

        .footerReviewDesk .inner.map .footfold a:before {
            background-position: 0 -29px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 24px;
            height: 18px;
            content: "";
            position: absolute;
            top: 100%;
            margin-top: -18px;
            margin-left: -12px;
            left: 50%;
        }

        .footerReviewDesk .inner.map .footfold a:hover {
            background-color: #fff;
        }

    .footerReviewDesk .inner.map .footfold.open a {
        position: relative;
        background-image: none;
    }

        .footerReviewDesk .inner.map .footfold.open a:before {
            background-position: 0 -46px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 24px;
            height: 18px;
            content: "";
            position: absolute;
            top: 100%;
            margin-top: -18px;
            margin-left: -12px;
            left: 50%;
        }

.footerReviewDesk .legals {
    background-color: #f7f7f9;
}

    .footerReviewDesk .legals .links {
        padding: 10px 0;
        text-align: center;
    }

.footerReviewDesk .parttitle {
    color: #868689;
    font-family: citroen_light, Arial, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 30px;
    font-style: normal;
    padding-bottom: 25px;
    display: block;
    font-weight: lighter;
}

.footerReviewDesk .socials {
    max-width: 300px;
    margin: 0 0 75px;
}

    .footerReviewDesk .socials img {
        width: 40px;
    }

.sliceNew.footerReviewMobile {
    font-family: citroen, Arial, Helvetica, sans-serif;
    padding-bottom: 60px;
}

    .sliceNew.footerReviewMobile .wrapperSocial .parttitle {
        font-weight: 700;
        margin-bottom: 0;
        text-transform: none;
        color: #4b4a4d;
        padding-bottom: 10px;
    }

    .sliceNew.footerReviewMobile .listSocials {
        margin-bottom: 10px;
    }

        .sliceNew.footerReviewMobile .listSocials li {
            padding: 0 5px 5px;
            display: inline-block;
        }

            .sliceNew.footerReviewMobile .listSocials li img {
                max-width: 50px;
            }

    .sliceNew.footerReviewMobile .newsletter {
        padding-bottom: 20px;
    }

        .sliceNew.footerReviewMobile .newsletter legend {
            font-weight: 700;
            margin-bottom: 0;
            color: #4b4a4d;
            padding-bottom: 10px;
        }

        .sliceNew.footerReviewMobile .newsletter .field {
            max-width: 76%;
            min-width: 76%;
            float: left;
        }

        .sliceNew.footerReviewMobile .newsletter input {
            background: 0 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            height: auto;
            border: none;
        }

            .sliceNew.footerReviewMobile .newsletter input::-webkit-input-placeholder {
                filter: alpha(Opacity=70);
                opacity: .7;
            }

            .sliceNew.footerReviewMobile .newsletter input:-moz-placeholder {
                filter: alpha(Opacity=70);
                opacity: .7;
            }

            .sliceNew.footerReviewMobile .newsletter input::-moz-placeholder {
                filter: alpha(Opacity=70);
                opacity: .7;
            }

            .sliceNew.footerReviewMobile .newsletter input:-ms-input-placeholder {
                filter: alpha(Opacity=70);
                opacity: .7;
            }

            .sliceNew.footerReviewMobile .newsletter input[type=email], .sliceNew.footerReviewMobile .newsletter input[type=text] {
                padding: 16px 20px;
                border: 1px solid #b4b4b4;
                color: #646464;
                width: 100%;
                font-size: 12px;
                height: 45px;
            }

            .sliceNew.footerReviewMobile .newsletter input[type=submit] {
                float: left;
                margin: 0;
                font-family: citroen, Arial, Helvetica, sans-serif;
                padding: 16px 15px 14px;
                margin-left: 10px;
                font-size: 15px;
                line-height: 16px;
                background-color: #afadc3;
                width: auto;
                text-transform: uppercase;
                font-weight: 700;
                height: 45px;
                color: #fff;
            }

                .sliceNew.footerReviewMobile .newsletter input[type=submit]:hover {
                    border: 4px solid #afadc3;
                    background-color: #fff;
                    color: #afadc3;
                    padding: 12px 11px 10px;
                }

    .sliceNew.footerReviewMobile .ctaWrapper ul li {
        padding-bottom: 10px;
    }

        .sliceNew.footerReviewMobile .ctaWrapper ul li a {
            background: 0 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            height: auto;
            padding: 16px 11px;
            border: 4px solid #f7f7f9;
            background-color: #f7f7f9;
            color: #646464;
            font-family: ubuntu, Arial, Helvetica, sans-serif;
            font-size: 15px;
            line-height: 15px;
            text-transform: uppercase;
            display: block;
            font-weight: 700;
            cursor: pointer;
            position: relative;
            padding-right: 35px;
        }

            .sliceNew.footerReviewMobile .ctaWrapper ul li a::-webkit-input-placeholder {
                filter: alpha(Opacity=70);
                opacity: .7;
            }

            .sliceNew.footerReviewMobile .ctaWrapper ul li a:-moz-placeholder {
                filter: alpha(Opacity=70);
                opacity: .7;
            }

            .sliceNew.footerReviewMobile .ctaWrapper ul li a::-moz-placeholder {
                filter: alpha(Opacity=70);
                opacity: .7;
            }

            .sliceNew.footerReviewMobile .ctaWrapper ul li a:-ms-input-placeholder {
                filter: alpha(Opacity=70);
                opacity: .7;
            }

.fullUbuntu .sliceNew.footerReviewMobile .ctaWrapper ul li a {
    padding-top: 16px;
    padding-bottom: 16px;
}

.sliceNew.footerReviewMobile .ctaWrapper ul li a:after {
    content: "";
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
}

.sliceNew.footerReviewMobile .ctaWrapper ul li a:active, .sliceNew.footerReviewMobile .ctaWrapper ul li a:hover {
    color: #646464;
    background-color: #f7f7f9;
    border-color: #646464;
}


/* rajout refonte etape 1*/
.rdvEtapes .nouvStyle .rechPar {
    position: relative;
    padding: 0 6px;
}

    .rdvEtapes .nouvStyle .rechPar input[type="radio"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        visibility: hidden;
    }

    .rdvEtapes .nouvStyle .rechPar span {
        font-family: 'ubuntu-r';
        font-weight: normal;
        font-size: 14px;
        color: #646464;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .rdvEtapes .nouvStyle .rechPar label {
        font-family: 'citroen_bold';
        font-size: 12px;
        text-transform: uppercase;
        color: #aeb3c6;
        background: #f9f9f9;
        padding: 10px 30px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

    .rdvEtapes .nouvStyle .rechPar input[type="radio"]:checked + label {
        background: #6eccda;
        color: #fff;
    }

.rdvEtapes .nouvStyle .btnShowVin {
    background: url(../../../c/img/common/icon-show-vin.png) center center no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.rdvEtapes .nouvStyle .showVin {
    padding-top: 8px;
    position: absolute;
    left: 0;
    display: none;
    z-index: 100;
}

    .rdvEtapes .nouvStyle .showVin.hover {
        display: block;
    }

    .rdvEtapes .nouvStyle .showVin img {
        max-width: 100%;
    }

.rdvEtapes .nouvStyle .erreurMsg {
    font-family: 'ubuntu-r';
    font-size: 14px;
    line-height: 20px;
    color: #e93493;
    display: none;
}

    .rdvEtapes .nouvStyle .erreurMsg span {
        font-family: 'ubuntu-r';
        font-size: 14px;
        line-height: 20px;
        color: #e93493;
        display: none;
    }

.rdvEtapes .nouvStyle .pictoAlert {
    background: url(../../../img/common/picto/picto-alert-02.png) no-repeat 0 0;
    display: block;
    width: 23px;
    height: 19px;
    position: absolute;
    right: -30px;
    margin-top: -33px;
}

.rdvEtapes .nouvStyle .pictovalid {
    background: url(../../../img/common/picto/pictovalid-02.png) no-repeat 0 0;
    display: none;
    width: 23px;
    height: 19px;
    position: absolute;
    right: -30px;
    margin-top: -33px;
}

.rdvEtapes .nouvStyle .btnSub {
    text-align: right;
    padding: 0 0 18px;
}

.rdvEtapes .nouvStyle .etape1_2 .btnSub {
    padding: 0;
}

.rdvEtapes .nouvStyle .btnModif,
.rdvEtapes .nouvStyle .btnValider {
    background: url(../../../c/img/common/bg-flesh-001.png) right center no-repeat;
    font-family: 'citroen_bold';
    font-size: 10px;
    text-transform: uppercase;
    color: #646464;
    border: 3px solid #7bd0dd;
    padding: 7px 24px 7px 7px;
    display: inline-block;
}

    .rdvEtapes .nouvStyle .btnModif:hover,
    .rdvEtapes .nouvStyle .btnValider:hover, .addPresta:hover {
        background: url(../../../c/img/common/bg-flesh-002.png) right center no-repeat;
        color: #7bd0dd;
    }

.modelForm label {
    color: #646464;
    font-family: 'ubuntu-r';
    font-size: 14px;
}

/*.rdvEtapes .nouvStyle .identifyVehicle_1 {
    padding: 0 20px 0 0;
}

.rdvEtapes .nouvStyle .identifyVehicle_2 {
    padding: 0 20px 0 0;
}

.rdvEtapes .nouvStyle .identifyVehicle_3 {
    padding: 0 20px 0 0;
}*/

.rdvEtapes .nouvStyle .infoRecap {
    font-family: 'ubuntu-b';
    font-weight: normal;
    font-size: 14px;
    color: #6eccda;
    padding: 0 0 18px;
}

.rdvEtapes .nouvStyle .recap_etape .label {
    padding: 0;
}

.rdvEtapes .nouvStyle .infosChamp {
    font-family: 'ubuntu-r';
    color: #4e4e4e;
    font-size: 11px;
    padding: 5px 0 0;
}

.rdvEtapes .nouvStyle .infosChampOblig {
    font-family: 'citroen_regular';
    color: #4e4e4e;
    font-size: 9px;
    padding: 16px 0;
}

.rdvEtapes .nouvStyle .blockRecherche {
    text-align: left;
}

    .rdvEtapes .nouvStyle .blockRecherche input[type='text'] {
        font-family: 'ubuntu-r';
        font-size: 13px !important;
        height: 46px;
        line-height: 46px;
        color: #646464 !important;
        margin: 0;
        padding: 0 13px;
        width: 100% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        flex: 1;
    }

.rdvEtapes .nouvStyle .blockRecherche, .rdvEtapes2 .nouvStyle .blockRecherche {
    padding: 0 0 18px;
}

.rdvEtapes .nouvStyle .blockRecherche,
.rdvEtapes2 .nouvStyle .blockRecherche {
    left: auto;
    padding: 0;
}

.rdvEtapes .nouvStyle .errorItem .custom-select,
.rdvEtapes .nouvStyle .errorItem input[type=email],
.rdvEtapes .nouvStyle .errorItem input[type=text],
.rdvEtapes .nouvStyle .errorItem input[type=password],
.rdvEtapes .nouvStyle .errorItem input[type=tel] {
    border: 1px solid #ff0000 !important;
}


.sansId .etape1Id, .sansId .etape2Id, .avecId .etape2Id, .sousEtape.identifyVehicle_1, .sousEtape.identifyVehicle_2, .sousEtape.identifyVehicle_3 {
    display: none;
}
.rdvEtapes .nouvStyle .etape1_2, 
.rdvEtapes .nouvStyle .etape1_3, 
.rdvEtapes .nouvStyle .recap_etape, 
.rdvEtapes .nouvStyle .sousEtape {display:none;}

.detailPresta {
    display: none;
    min-height: 50px;
    position: relative;
    margin: 0 40px 20px;
    border: 3px solid #6eccda;
    padding: 26px 10px 10px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .detailPresta.withPromo {
        border-color: #fd7c04;
        position: relative;
    }

.listePresta .item.withPromo .interne { /*border-color:#fd7c04;*/
    position: relative;
}

.detailPresta.withPromo .liste .prix {
    color: #fd7c04;
}

.listePresta .item.withPromo .sousTitre {
    color: #fd7c04;
    background: url(../../../c/img/common/bg-flesh-promo-001.png) right center no-repeat;
}

.labelPromo {
    font-family: 'citroen_regular';
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    padding: 6px 10px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fd7c04;
    color: #fff;
}

    .labelPromo sup {
        font-size: 11px;
        vertical-align: top;
    }

.detailPresta.avecVin .liste {
    display: none;
}

.detailPresta.active {
    display: block;
}

.detailPresta .btnClose {
    position: absolute;
    top: 8px;
    right: 10px;
}

.detailPresta .cadreImg {
    border-bottom: 1px solid #ad9d92;
    padding: 0 0 20px;
    margin: 0 0 20px;
}

.detailPresta img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.detailPresta .sousTitre {
    font-family: 'citroen_regular';
    font-weight: bold;
    font-size: 12px;
    color: #6eccda;
    text-transform: uppercase;
    padding: 0 0 10px;
    border: none;
    /*margin: 0 0 18px;*/
    /*min-height: 30px;*/
    text-align: center;
    /*border-bottom: 1px solid #dbdbdb;*/
}

.detailPresta .info p {
    font-family: 'ubuntu-r';
    font-size: 12px;
    line-height: 14px;
    color: #646464;
    padding: 0 !important;
}

.detailPresta .zoneD {
    font-family: 'citroen_regular';
    font-size: 12px;
    color: #646464;
    background: #bddcec;
    position: relative;
    margin-left: -14px;
    width: 100%;
    padding: 16px;
    clear: both;
    display: none;
}

    .detailPresta .zoneD p {
        font-family: 'citroen_regular';
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #646464;
        padding: 0 14px 0 30px !important;
    }

.detailPresta li li .zoneD {
    margin-left: -44px;
    padding: 16px 30px;
}

    .detailPresta li li .zoneD p {
        padding: 0 14px 0 48px !important;
    }

.detailPresta .liste li {
    padding: 0 0 10px !important;
    display: block;
}

.detailPresta .liste ul ul {
    display: none;
    /*padding: 14px 0 0 30px !important;*/
}

.detailPresta .liste ul ul li {
    padding: 14px 0 0 20px !important;
}
.detailPresta .liste .nom {
    font-family: 'ubuntu-r';
    font-weight: normal;
    float: left;
    width: 60%;
    padding: 0 0 6px 36px;
    font-size: 14px;
    line-height: 18px;
    color: #646464;
    min-height: 28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.detailPresta .liste input[type="radio"],
.detailPresta .liste input[type="checkbox"] {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    height: 1px;
    width: 1px;
}

    .detailPresta .liste input[type="checkbox"] + label {
        background: url(../../img/common/form/style-check.png) left top no-repeat;
        cursor: pointer;
    }

    .detailPresta .liste input[type="checkbox"]:checked + label {
        background: url(../../img/common/form/style-check-0223.png) left top no-repeat;
    }

    .detailPresta .liste input[type="radio"] + label {
        background: url(../../img/common/form/style-radio.png) left top no-repeat;
        cursor: pointer;
    }

    .detailPresta .liste input[type="radio"]:checked + label {
        background: url(../../img/common/form/style-radio-active.png) left top no-repeat;
    }

.detailPresta .liste ul.show {
    display: block;
}

.detailPresta .liste .prix {
    font-family: 'ubuntu-b';
    font-weight: normal;
    float: left;
    text-align: center;
    width: 20%;
    color: #6eccda;
    font-size: 14px;
}

.detailPresta .liste .btnDetails {
    float: left;
    width: 20%;
    text-align: right;
}

    .detailPresta .liste .btnDetails a {
        font-family: 'citroen_regular';
        font-weight: bold;
        font-size: 12px;
        color: #646464;
    }

        .detailPresta .liste .btnDetails a:hover {
            color: #6eccda;
        }

    .detailPresta .liste .btnDetails .btnF {
        text-transform: uppercase;
        display: none;
    }

.modelForm .detailPresta .formLeft {
    float: left;
    width: 50%;
    padding: 0 24px 20px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.modelForm .detailPresta .formRight {
    float: right;
    width: 50%;
    margin: 0;
    padding-right: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rdvEtapes .detailPresta .nouvStyle .pictoAlert {
    right: -6px;
}

.rdvEtapes .detailPresta .nouvStyle .btnShowVin {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 18px;
    height: 18px;
    background-size: 100% auto;
}

.rdvEtapes .detailPresta .pourRev {
    border: none;
    background: none;
}

.rdvEtapes .detailPresta .nouvStyle .erreurMsg {
    padding: 0 0 20px;
}

.rdvEtapes .detailPresta .changeNumSerieVinCouple,
.rdvEtapes .detailPresta .changeNumSerieVinCoupleCon {
    padding: 0 0 18px;
}

.listePresta {
    margin: 0 40px;
    overflow: hidden;
}

    .listePresta .item {
        padding: 0 10px 20px;
        float: left;
        width: 33.33%;
        width: calc(100% / 3);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .listePresta .item .interne {
            border: 1px solid #b4b4b4;
            cursor: pointer;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .listePresta .item img {
            display: block;
            width: 100%;
            height: auto;
            margin: 0 auto;
        }

        .listePresta .item .sousTitre {
            background: url(../../../c/img/common/bg-flesh-001.png) right center no-repeat;
            font-family: 'citroen_regular';
            font-weight: normal;
            font-size: 10px;
            text-transform: uppercase;
            color: #646464;
            padding: 0 16px 0 0;
            border: none;
            margin: 0 10px;
            height: 44px;
            overflow: hidden;
        }

            .listePresta .item .sousTitre span {
                display: inline-block;
                max-width: 98%;
                max-width: calc(100% - 1px);
                vertical-align: middle;
                /*line-height:12px;*/
            }

            .listePresta .item .sousTitre:after {
                content: '';
                display: inline-block;
                max-width: 1px;
                vertical-align: middle;
                height: 44px;
            }

        .listePresta .item.active .interne,
        .listePresta .item .interne:hover {
            background: #ececec;
        }

        .listePresta .item.active {
            display: none;
        }



.listeRecap {
}

.rdvEtapes .listeRecap ul {
    padding: 0 !important;
}

.rdvEtapes .listeRecap li {
    overflow: hidden;
    display: block;
    padding: 0 0 10px !important;
}

    .rdvEtapes .listeRecap li.sousPresta {
        padding: 0 0 10px 20px !important;
    }

    .rdvEtapes .listeRecap li:last-child {
        padding: 0 !important;
    }

    .rdvEtapes .listeRecap li.sousPresta:last-child {
        padding: 0 0 0 20px !important;
    }

.listeRecap .sousPresta .nom {
    font-size: 13px;
    font-style: italic;
}

.listeRecap .btnClose {
    float: right;
}

    .listeRecap .btnClose.btnLeft {
        display: none;
    }

.zoneRecap {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #dbdbdb;
}

    .zoneRecap .titreSelet {
        font-family: 'citroen_regular';
        font-weight: normal;
        font-size: 12px;
        color: #fff;
        margin: 0 0 20px;
        background: #6eccda;
        padding: 8px 18px;
        text-transform: uppercase;
    }

.cadreBtn {
    text-align: right;
    /*padding:20px 0 0;*/
}


.styleClose {
    display: inline-block;
    background: url(../../../c/img/common/bt-close.png) center center no-repeat;
    border: 2px solid #a8adc2;
    text-indent: -99999px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .styleClose:hover {
        display: inline-block;
        background: url(../../../c/img/common/btn-fermer-012.png) center center no-repeat !important;
        text-indent: -99999px;
        width: 27px;
        height: 27px;
        cursor: pointer;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


.changeNumSerieVinCouple .blockInfo, .changeNumSerieVinCoupleCon .blockInfo {
    font-family: 'citroen_regular';
    font-weight: normal;
    font-size: 13px;
}

.changeNumSerieVinCouple,
.changeNumSerieVinCoupleCon {
    background: none;
    border-bottom: 1px solid #ad9d92;
}

.blockCouple {
    background: none;
}


.rdvEtapes .nouvStyle.zoneVinBas .btnShowVin {
    position: absolute;
    right: 50px;
    bottom: 20px;
    width: 18px;
    height: 18px;
    background-size: 100% auto;
}

.rdvEtapes .nouvStyle.zoneVinBas .btnShowVin {
    bottom: auto;
    margin-top: -18px;
}

.rdvEtapes .detailPresta .nouvStyle .btnShowVin {
    right: 30px;
    bottom: auto;
    background-size: 100% auto;
    margin-top: -18px;
}

.rdvEtapes .votrePrestation .nouvStyle .zoneCalcCouple .showVin {
    right: 10px;
}

.rdvEtapes .cadreTitre {
    padding: 0 0 20px;
    overflow: hidden;
}

.cadreTitre .voirSel {
    float: right;
    max-width: 36%;
}

.cadreTitre .voirSel, .addPresta,.btnAddPresta {
    background: url(../../../c/img/common/bg-flesh-001.png) right center no-repeat;
    font-family: 'citroen_bold';
    font-size: 10px;
    text-transform: uppercase;
    color: #646464;
    border: 3px solid #7bd0dd;
    padding: 7px 24px 7px 7px;
    display: inline-block;
    text-align: right;
}

/*.btnAddPresta {
    font-family: 'citroen_bold';
    font-size: 10px;
    display: inline-block;
    background: url(../../../c/img/common/bg-flesh-001.png) right center no-repeat;
    color: #646464;
    padding: 0 24px 0 0;
}*/
.listeRecap .btnClose.btnRight {
    display: inline-block;
    vertical-align: middle;
}

.listeRecap .nom {
    font-weight: normal !important;
    font-size: 14px !important;
    font-family: 'ubuntu-r';
    float: none;
    width: calc(100% - 130px) !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    color: #646464;
}

.listeRecap .prixForfait {
    font-weight: normal !important;
    font-size: 14px !important;
    font-family: 'ubuntu-b';
    float: none;
    width: 84px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    color: #646464;
}

.tableForfaitResume .prixForfait {
    font-size: 14px;
    font-family: 'ubuntu-b';
    text-align: right;
    padding-top: 7px !important;
    padding-right: 10px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    font-weight: normal !important;
}

.rdvEtapes .nbrPresta .spanS{display:none;}

@media screen and (max-width:1024px) {
    #footer .map {
        padding-left: 0 !important;
        width: auto !important;
    }

    #footer .inner .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media only screen and (max-device-width:1024px) and (min-device-width:769px) {
    #footer .map .footfold a {
        right: auto !important;
    }
}

@media screen and (max-width: 1023px) {
    .flottant {
        /*padding-bottom: 461px;*/
        padding-right: 0px;
    }

    .hidemob {
        display: none !important;
    }

    .sidebarToolsDesktopReview {
        position: fixed;
        width: 100%;
        bottom: 0;
        top: auto;
        height: auto;
    }

        .sidebarToolsDesktopReview .buttonListWrapper {
            width: 100%;
        }

            .sidebarToolsDesktopReview .buttonListWrapper .buttonList {
                width: 100%;
            }

                .sidebarToolsDesktopReview .buttonListWrapper .buttonList li {
                    display: inline-block;
                    width: 49%;
                }

   .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOverState .wrapperButton .valign > div {
        padding-top: 0;
    }

    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOverState .wrapperButton .valign > div {
        padding-top: 0px;
    }


    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOverState {
        padding: 0 0px 0 42px;
        line-height: 70px;
        font-size: 12px;
        background: url(../../img/common/picto/sidebarTools_link_bg.png) right 3px center no-repeat;
    }

    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOutState {
        padding: 0 0px 0 42px;
        line-height: 70px;
        font-size: 12px;
        background: url(../../img/common/picto/sidebarTools_link_bg.png) right 3px center no-repeat;
    }

    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li.first a .rollOverState {
        border-right: 1px solid #f28d30;
    }

    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOutState {
        display: none;
    }

    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOverState {
        width: 100%;
        opacity: 1;
        filter: alpha(Opacity=1);
    }

    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a.active .rollOverState,
    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a:hover .rollOverState {
        left: 0;
        padding: 0 0px 0 42px;
        line-height: 70px;
    }

    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a.active .rollOutState,
    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a:hover .rollOutState {
        left: 0;
        padding: 0 0px 0 42px;
        line-height: 70px;
    }
}
@media screen and (max-width: 1023px) {
    .footerReviewDesk .mainFooter .columns {
        width: 100% !important;
    }

    .footerReviewDesk .socials {
        margin: 0 0 10px;
    }

    #footer .inner .row {
        margin: 0;
    }

    .desktop .footerReviewDesk .mainFooter .globalWrapper {
        padding: 0 10px 0 10px;
    }

    .footerReviewDesk .mainFooter .list li a {
        width: 92%;
        max-width: 92%;
    }

    .footerReviewDesk .parttitle {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 1023px) {
    .rdvEtapes {border:none !important;}
    .rdvEtapes .rdvEtapesItem {padding:17px 0;}
    .rdvEtapes .nouvStyle .rechPar {padding:0 0 16px;}
	.rdvEtapes .nouvStyle .rechPar label {display:block;text-align:center;}
        .rdvEtapes .nouvStyle .rechPar span {
            display: block !important;
            text-align: center;
            margin:0;
            padding:8px 0;
        }
       .rdvEtapes .nouvStyle .rechPar #SpanImmat{
           padding:0;
        }
	.rdvEtapes .nouvStyle .etape1_2 label {min-height:1px;}
    .rdvEtapes .nouvStyle .itemForm {padding:0 0 16px;margin:0;}
    .rdvEtapes .nouvStyle .btnModif, .rdvEtapes .nouvStyle .btnValider {font-size: 12px;padding: 17px 24px 18px 10px;}
    .rdvEtapes .nouvStyle .label {padding:0 0 8px;}
     .rdvEtapes2 .nouvStyle .modifPoint {padding:0;}
    .rdvEtapes .nouvStyle .pictoAlert,
    .rdvEtapes .nouvStyle .pictovalid,
    .rdvEtapes2 .nouvStyle .pictoAlert,
    .rdvEtapes2 .nouvStyle .pictovalid {
        right: 10px !important;
        z-index: 100;
    }
	

    .listePresta {
        margin: 0;
        padding: 0 0 14px;
    }
        .listePresta .item:nth-child(even) {
            float: right;
            padding: 0 0 12px 6px;
        }
        .listePresta .item {
            padding: 0 6px 12px 0;
            width: 50%;
        }
            /*.listePresta .item:nth-child(even){float:right;padding: 0 0 12px 6px;}*/
            .listePresta .item .sousTitre {
                font-size: 12px;
            }

    .rdvEtapes .nbrPresta {
        float: none;
        max-width: 100%;
        padding: 0 0 18px !important;
        font-size: 16px !important;
    }
    /*.voirSel{font-size:15px;padding:8px 10px;}*/
    .cadreTitre .voirSel,.btnAddPresta {
        max-width: 100%;
         font-size: 12px;
        padding: 17px 24px 18px 10px;
    }
   
    .listeRecap .prix {
        font-size: 16px;
    }
    /*.rdvEtapes .listeRecap li {padding:0 0 20px !important;}*/
    .rdvEtapes .listeRecap li.sousPresta {
        padding: 0 0 20px 20px !important;
    }

    .listeRecap .nom {
        font-size: 16px;
        float: none;
        width: calc(100% - 130px) !important;
        display: inline-block;
        vertical-align: middle;
        line-height: 16px;
    }

    .listeRecap .prix {
        font-size: 16px;
        float: none;
        width: 82px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

    .listeRecap .sousPresta .nom {
        font-size: 15px;
    }

    .listeRecap .btnClose {
        display: none;
    }

        .listeRecap .btnClose.btnRight {
            float:none;
             display: inline-block;
            vertical-align: middle;
        }

    .styleClose, .styleClose:hover {
        background: url(../../../c/img/common/bt-close-mobile.png) center center no-repeat;
        border: 3px solid #a8adc2;
        height: 40px;
        width: 40px;
    }

    /*.rdvEtapes .nouvStyle .btnValider {font-size:15px;padding:8px 10px;}*/
    .pourRev .blockCouple .blockInfo {
        width: auto;
    }

    .changeNumSerieVinCouple,
    .changeNumSerieVinCoupleCon {
        background: none;
        border-bottom: 1px solid #ad9d92;
    }

    .blockCouple {
        background: none;
    }

 

    .rdvEtapes .zoneRecap .vide {
        font-size: 16px;
    }

    .detailPresta {
        margin: 0 0 20px;
    }

        .detailPresta .sousTitre {
            padding: 0 46px 6px;
        }

        .detailPresta .btnClose {
            top: 12px;
            right: 12px;
        }

    .voirSel {
        font-size: 12px;
        padding: 17px 24px 18px 10px;
    }

    .detailPresta .liste li {
        padding: 0 0 20px !important;
    }

    .detailPresta .liste .nom {
        font-size: 16px;
        float: left;
        width: 60%;
        padding: 0 0 0 50px;
        min-height: 46px;
    }

    .detailPresta .liste input[type="checkbox"] + label {
        background: url(../../../c/img/common/check-off-mobile.png) left 3px no-repeat;
    }

    .detailPresta .liste input[type="checkbox"]:checked + label {
        background: url(../../../c/img/common/check-on-mobile.png) left 3px no-repeat;
    }

    .detailPresta .liste input[type="radio"] + label {
        background: url(../../../c/img/common/radio-off-mobile.png) left 3px no-repeat;
    }

    .detailPresta .liste input[type="radio"]:checked + label {
        background: url(../../../c/img/common/radio-on-mobile.png) left 3px no-repeat;
    }

    .detailPresta .liste label:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 1px; /*height:42px;*/
    }

    .detailPresta .liste label span {
        display: inline-block;
        vertical-align: middle;
        max-width: calc(100% - 5px);
    }

    .modelForm .detailPresta .formLeft {
        float: none;
        width: 100%;
        padding: 0 20px 20px 0 !important;
    }

    .modelForm .detailPresta .formRight {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0 30px 20px 0 !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .rdvEtapes .detailPresta .nouvStyle .btnShowVin {
        right: 30px;
        bottom: auto;
        background-size: 100% auto;
        margin-top: -18px;
    }

    .rdvEtapes .detailPresta .nouvStyle .btnSub {
        padding: 0 0 20px;
    }

    .rdvEtapes .nouvStyle .erreurMsg {
        font-size: 14px !important;
    }

    .pourRev .blockCouple .blockInfo {
        width: auto;
    }
}
/* ----- 2 = TABLETTE ----- */
@media screen and (min-width: 770px) and (max-width: 1023px) {


    .navDynamic {
        display: block;
    }

    .centred, #header .centred, #footerContent .centred, #main {
        width: 100%;
        padding-left: 0;
        min-width: 100%;
    }

    .centred {
        width: 100% !important;
        padding-left: 0;
        min-width: 100%;
    }

    .toolbox {
        display: none;
    }

    #smallmenu {
        display: none;
    }

    .headerContener {
        height: auto;
        margin-top: 0;
        position: relative;
        width: 100%;
    }

    .headerText {
        bottom: auto;
        margin-bottom: 0;
        position: relative;
        width: 100%;
    }

    .description {
        padding: 0 20px 10px;
    }

    .blockTitleId {
        padding: 18px 20px 10px;
    }

    .infosAsterisques {
        padding: 5px 20px 16px;
    }

    #content .breadcrumb {
        display: none;
    }

    .modelForm .formLeft {
        float: none;
        padding-bottom: 20px;
        width: auto;
    }

    .modelForm .formRight {
        float: none;
        width: auto;
    }

    .btnMarqueId {
        padding: 8px 20px 0 0;
    }

    #footerContent ul:first-child {
        padding: 0 0 0 2%;
    }

    ul.socialShare {
        padding: 0 2% 0 0;
    }

    .groupLink {
        display: none;
    }

    #footerContent {
        background: none;
    }

    .groupeCheck .itemForm.lastline {
        margin-right: 5px;
        width: 196px;
    }

    .description {
        padding: 0 20px 10px;
    }

    .blockTitleId {
        padding: 18px 20px 10px;
    }

    .modelForm .formLeft {
        float: none;
        width: auto;
        padding-bottom: 20px;
        margin-right: 30px;
    }

    .modelForm .formRight {
        float: none;
        width: auto;
    }

    .groupeCheck .itemForm.lastline {
        margin-right: 5px;
        width: 196px;
    }

    .blockBtnLien {
        text-align: center;
    }

    .calendarList {
        padding-bottom: 15px;
    }

    .blockBtnLien .btnImprimer { /*margin-top: 12px;*/
    }

    .infosAsterisques {
        padding: 5px 20px 16px;
    }

    .carouselPrestation .carouselItem {
        width: 2.48% !important;
    }

    .navRdv .btnCalendar {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .navRdvCont {
        display: none;
    }

    .rdvCont .arrowLeft, .rdvCont .arrowRight {
        display: block;
        cursor: pointer;
    }

    .blockBtnCalendar {
        float: none;
        margin: 0 auto;
    }

    .phone a.btnReturn {
        width: 214px;
    }

    #header h1 {
        top: 24px;
        left: 81px;
    }

    #header.local.dealer h1 {
        left: 0px;
    }

    #header h1 a {
        color: #c80030;
        text-decoration: none;
        background: none;
        padding-left: 0;
    }

    #header.dealer h1 a {
        background: url(../../../c/img/common/puce-05.png) 0% 30% no-repeat;
        padding-left: 30px;
    }

    #header h1 a .mobvis {
        display: block;
    }

    #header span.subTitle {
        top: 66px;
        left: 116px;
    }

    #header.national {
        position: relative;
        z-index: 999;
        height: 140px;
        border-bottom: 1px solid #e4e4e4;
        margin-bottom: 20px;
    }

    #header {
        height: 130px;
        border: none !important;
        border-bottom: 1px solid #e4e4e4;
        overflow: hidden;
    }

    #logo {
        float: left;
        left: auto;
        position: absolute;
        text-align: inherit;
        top: 15px;
        width: 10%;
    }

    #menuTop {
        display: none;
        border-bottom: 0;
        height: auto;
        letter-spacing: normal;
        margin-bottom: 0;
        padding-bottom: 10px;
        position: inherit;
        top: auto;
        width: 100%;
        float: left;
    }

        #menuTop ul {
            height: auto !important;
            float: none !important;
            padding-left: 0 !important;
        }

            #menuTop ul li {
                float: none;
                height: auto !important;
                width: 100% !important;
                border: none !important;
                margin-bottom: 0 !important;
                text-align: left !important;
            }

                #menuTop ul li a {
                    text-align: left;
                    background: url(../../img/common/fleches/fleshe-menu-close.png) no-repeat right center #3499AB;
                    border-bottom: 1px solid #FFFFFF !important;
                    display: block;
                    color: #ffffff;
                    font-size: 15px;
                    padding: 15px !important;
                }

                #menuTop ul li.open a {
                    background: url(../../img/common/fleches/fleshe-menu-open.png) no-repeat right center #3499AB;
                }

                #menuTop ul li a img {
                    display: none;
                }

                #menuTop ul li.hover a {
                    border: none;
                    color: #ffffff;
                    display: inherit;
                    background: url(../../img/common/fleches/fleshe-menu-close.png) no-repeat right center #3499AB;
                    position: relative;
                    z-index: 100;
                    height: auto;
                }

                #menuTop ul li.open.hover a {
                    border: none;
                    color: #ffffff;
                    display: inherit;
                    background: url(../../img/common/fleches/fleshe-menu-open.png) no-repeat right center #3499AB;
                    position: relative;
                    z-index: 100;
                    height: auto;
                }

                #menuTop ul li.hover .dropdown {
                    display: none;
                    border: 0;
                    position: relative;
                    top: auto;
                    left: auto;
                    background: none;
                    padding: 0;
                    z-index: 0;
                    width: 100%;
                }

                #menuTop ul li.hover {
                    background: none;
                    border: 0;
                    cursor: pointer;
                    padding-top: 0;
                    font-size: 11px;
                    margin-top: 0;
                    margin-right: 0;
                    padding-bottom: 0;
                }

                #menuTop ul li .dropdown {
                    display: none;
                }

                    #menuTop ul li .dropdown ul li a {
                        text-decoration: none;
                        color: #595959;
                        display: inline-block;
                        background: url('../img/common/listBulletNav1-new.png') no-repeat left top;
                        min-width: auto;
                        padding: 0 0 0 15px !important;
                        margin-left: 15px;
                    }

                #menuTop ul li.hover .pushed ul {
                    float: none;
                    margin-right: 0;
                    margin-top: 0;
                }

                #menuTop ul li .push {
                    display: none;
                }

        #menuTop .dropdown .submenu li {
            margin: 15px 0 !important;
        }

    #menu_button {
        display: block;
        width: 90px;
        left: 0;
    }

    .submenu, .pushed {
        min-height: auto;
        text-align: left;
    }

    #logo a img {
        height: 90px;
        position: relative;
        top: -12px;
    }

    .flRight {
        float: right !important;
        width: 30% !important;
        margin-right: 6px;
    }

    .navDynamic {
        min-height: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        z-index: 1000;
    }

    .flottant {
        left: auto;
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
    }

    .infosPersoConfirm .confirmPicto {
        background: url(../../img/common/img-bonhommes-citroen.png) no-repeat 0 bottom;
        background-size: 97% !important;
    }

    .votrePrestation .blockError {
        margin: 0 15px;
    }

    .navDynamic .blockInfo .item a {
        padding: 19px 0 18px;
    }
}

@media screen and (max-width: 769px) {


    #blocknumSerieVinCouple .estimationExactRight, #blocknumSerieVinCoupleCon .estimationExactRight {
        max-width: none;
        width: 100% !important;
    }

    .blockRecherche label {
        width: 230px !important;
        display: inline-block !important;
        padding: 0 !important;
        line-height: 16px !important;
        padding-left: 5px !important;
        margin-bottom: 5px;
        font-family: 'ubuntu-r';
        font-size: 14px !important;
        float: none;
        text-align: center !important;
    }

    .headerlc {
        width: 100%;
    }

    .headerOr {
        box-sizing: border-box;
    }

    #headerContent {
        display: block;
    }

    .rdvEtapes .resultatItem {
        padding: 16px 16px 15px 0;
        width: auto;
        float: none;
        max-width: 100%;
        min-height: 10px;
        background: none;
        border: none;
    }

    .rdvEtapes #cntDelear .resultatItem {
        padding-left: 12px;
        width: 80%;
    }

    .rdvEtapes .resultatItem .title a {
        color: #646464 !important;
        padding: 0 0 0 35px !important;
    }

    .phone .blockControle .blockSubmit input[type=button] {
        font-size: 12px;
        height: auto;
    }

    .blockDetailsCarousel .blockForfait label.radioOn {
        padding-left: 45px;
    }

    .phone .blockEstimationExact .estimationExactRight {
        float: none;
    }

    .infosPerso .blockBtnLien .blockBtnLienCont a {
        margin: 0;
        padding: 0;
        float: none !important;
        display: inline-block;
        color: #6eccda;
        width: 100% !important;
        padding-left: 19px !important;
        padding-top: 0px !important;
    }

    .infosPerso .blockBtnLien .blockBtnLienCont {
        padding: 0;
    }

    .infosPersoConfirm .infosConfirm span.name {
        color: #646464 !important;
    }

    .phone .infosPersoConfirm .infosConfirm span {
        color: #646464 !important;
    }

    .votreRdv .votreRdvDate span {
        color: #6eccda !important;
    }

    .blockDetailsCarousel .titleHeader {
        text-align: left;
    }

    .phone .blockDetailsCarousel .detailsOp .detailsCarouselItem {
        padding: 0 0 0 0px;
    }

    .phone .blockDetailsCarousel .blockForfait label.radioOff {
        padding-left: 45px;
    }

    .phone .blockDetailsCarousel .blockForfait label.radioOn {
        padding-left: 45px;
    }


    #menu_button {
        right: auto;
        left: 0;
    }

    #header #top-links {
        right: 86px;
        top: 1px;
        font-size: 16px;
        display: none;
    }

    #content .centred, .centred, #header .centred, #main {
        width: 100%;
        padding: 0;
        min-width: 100%;
    }

    #footerContent .centred {
        width: 100%;
        padding: 0;
        height: auto;
    }

    #right {
        display: none;
    }

    #menuTop {
        display: none;
    }

    .toolbox {
        display: none;
    }

    .blockRdvEtapes {
        margin-right: 0;
        vertical-align: baseline;
        width: 100% !important;
        padding-top: 0;
    }

    #smallmenu {
        display: none;
    }

    #header h1 {
        top: 0;
        width: 63%;
        font-size: 18px;
    }

    .headerContener {
        height: 40px;
        margin-top: 0;
        position: relative;
        width: 100%;
        line-height: 11px;
    }

    #header span.subTitle {
        top: 43px;
    }

    .headerText {
        bottom: 12%;
        margin-bottom: 0;
        position: absolute;
        width: 100%;
    }

    .description {
        padding: 0 20px 10px;
    }

    .blockTitleId {
        padding: 18px 20px 10px;
    }

    .infosAsterisques {
        padding: 5px 20px 16px;
    }

    #content .breadcrumb {
        display: none;
    }

    /*.modelForm .formLeft {
        float: none;
        padding-bottom: 20px;
        width: 40% !important;
    }*/

    .modelForm .formRight {
        float: none;
        width: auto;
    }

    .btnMarqueId {
        padding: 8px 20px 0 0;
    }

    #footerContent ul:first-child {
        padding: 0 0 0 2%;
    }

    ul.socialShare {
        padding: 0 2% 0 0;
        text-align: right;
        float: right;
    }

    #footerContent .socialShare li {
        width: 25px;
        height: 25px;
        display: inline-block;
        padding-top: 2px;
        padding-left: 2px;
    }

    #footerContent ul li a {
        color: #595959;
        text-decoration: none;
        font-family: 'ubuntu-r';
        font-size: 9px;
        width: 25px;
        height: 25px;
        background-size: 100%;
    }

    .groupLink {
        display: none;
    }

    #div_socialShareTxt {
        float: none;
        display: inline;
    }

    #content {
        width: 100%;
    }

    .infosPerso .formLeft {
        padding-bottom: 0;
    }

    .votrePrestation .blockError {
        margin: 0 15px;
    }

    .description {
        padding: 0 15px 22px;
        margin-bottom: 0; /*background: #f8f8f8;*/
    }

    .btnMarqueId .btn {
        float: none;
    }

    header {
        margin-bottom: 0 !important;
    }

    .btnMarqueId {
        text-align: center;
    }

    .blockTitleId {
        padding: 18px 15px 10px;
        margin: 0;
        background: #ffffff;
    }

    .rdvEtapes {
        padding: 0;
        width: 100%;
        border: 0;
        box-sizing: border-box;
    }

        .rdvEtapes .rdvEtapesItemHeader {
            border-radius: 0;
            font-size: 11px;
            line-height: 16px;
        }

    .rdvCont .arrowLeft, .rdvCont .arrowRight {
        display: block;
        cursor: pointer;
    }

    .description h3 {
        font-size: 14px !important;
        line-height: 26px;
        padding-top: 10px;
    }

    .description p, .blockTitleId p {
        font-size: 13px !important;
        line-height: 14px;
    }

    .titlePeugeotId2 {
        font-size: 13px;
    }

    .navRdv .btnCalendar, .navRdv .btnCalendar {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .navRdvCont {
        display: none;
    }

    .btnEtapeSv {
        text-align: center;
    }

        .btnEtapeSv a {
            float: none;
            display: inline-block;
        }

    .txtHappyHour {
        display: none;
    }

        .txtHappyHour.mobile {
            display: block;
        }

    .blockForms {
        overflow: hidden;
        padding: 0;
    }

    .rdvInfosValid {
        padding: 10px 15px;
    }

    .rdvEtapes .rdvEtapesItemCont {
        padding: 15px;
    }

    .modelForm .formLeft, .modelForm .formRight {
        float: none;
        width: 100%;
    }

    .rdvEtapes .rdvEtapesItem {
        margin: 0 0 5px !important;
    }

    .formLeft .renseignerAutreCar {
        margin-bottom: 18px;
    }

    .groupeCheck .itemForm.lastline, .groupeCheck .itemForm {
        width: 100%;
        padding-bottom: 2px;
    }

    .groupeCheck {
        padding: 0 0 15px;
    }

    .rdvEtapes .myCar .textYourCar span {
        display: block;
    }

    .modelForm .itemSubmit {
        text-align: center;
    }

        .modelForm .itemSubmit input {
            float: right !important;
            margin: 0 !important;
        }

    .infosPerso .blockBtnLien a {
        float: right !important;
        margin: 0 !important;
        padding: 7px 28px 7px 12px;
        width: 100%;
        font-weight: normal;
        clear: right;
    }

    .infosPerso .blockBtnLien .blockBtnLienCont a {
        float: right !important;
        margin: 0 0 6px 20px !important;
        padding: 0 9px;
        !important;
        width: auto;
    }

    .infosPerso .blockBtnLien .blockBtnLienCont {
        padding: 12px 0 0 !important;
    }

    .blockBtnLien {
        text-align: center;
    }

        .blockBtnLien a {
            float: right !important;
            margin: 0 !important;
        }

        .blockBtnLien .btnCreeCompte {
            min-width: 140px !important;
            float: left !important;
        }

    .calendarList {
        padding-bottom: 15px;
    }

    .recevoirInfos {
        padding-bottom: 0;
    }

    .msgConfirmation .date {
        font-weight: bold;
        color: #116973;
    }

    .infosPersoConfirm .infosConfirm span {
        color: #116973 !important;
    }

    .infosPersoConfirm .btnAgenda span {
        background: url(../../img/common/picto/picto-agenda-01.png) no-repeat 0 center;
    }

    .infosPersoConfirm .confirmCont {
        background: none;
        padding: 0 0 15px;
        min-height: auto;
        width: 100%;
    }

    .blockBtnLien .btnImprimer {
        display: none;
    }

    a.btnReturn {
        background: url(../../img/common/fleches/fleche-return-02.png) no-repeat 10px center #e7e8ec;
        margin: 15px auto;
        padding: 13px 9px !important;
        width: 235px !important;
    }

    .infosPersoConfirm .infosConfirm {
        left: 0 !important;
        position: relative;
        width: 100% !important;
        margin-top: 25px;
    }

    .blockImpression .infosPersoConfirm .infosConfirm {
        left: auto;
        position: relative;
        width: 100%;
        margin-top: 0;
    }

    .modelForm label {
        font-size: 12px;
    }

    #confirmPayer .blockBtnLien .separ {
        display: block;
        padding: 6px 4px;
    }

    #confirmPayerSansId .blockBtnLien .separ {
        display: block;
        padding: 6px 4px;
    }

    #connexion .connexionRight {
        padding: 30px 5% 20px;
        width: 90%;
    }

    #connexion .connexionLeft {
        width: 100%;
        padding-top: 35px;
    }

        #connexion .connexionLeft img {
            width: 37%;
        }

    #connexion .pictoConnexionId {
        width: 120%;
    }

    #connexion .itemSubmit {
        padding: 0;
    }

    .infosPerso p.descForm {
        font-size: 10px;
    }

    /*.rdvEtapes p {
        font-size: 12px !important;
        font-weight: normal !important;
    }*/

    .rdvEtapes .introPhars {
        color: #646464;
        font-family: 'ubuntu-b';
        font-size: 14px !important;
        font-weight: bold;
        padding-bottom: 0;
    }

    .infosPersoConfirm .bold, .infosPersoConfirm .titleList {
        font-size: 14px !important;
        font-weight: bold !important;
        font-family: 'ubuntu-b';
        text-align: justify;
    }

    .infosPersoConfirm ul li {
        font-size: 14px !important;
        font-weight: normal !important;
        font-family: 'ubuntu-r';
        text-align: justify;
    }

    .infosPersoConfirm .titleCreerCompte {
        color: #646464 !important;
        font-size: 20px !important;
        line-height: 17px;
        text-transform: uppercase;
        font-family: 'ubuntu-r';
    }

    .modelForm textarea {
        width: 95.2%;
    }

    .blockVotreSelection .infosForfait {
        font-weight: normal;
    }

    .rdvEtapes .myCar .textYourCar {
        font-size: 12px;
        font-weight: normal;
    }

    .rdvEtapes .besoinsInterventions li {
        font-size: 12px;
    }

    .votreRdv .horraireNonDisponible {
        display: none;
    }

    .blockBtnLienCont {
        padding: 12px 15px 0;
    }

    .infosAsterisques {
        padding: 5px 20px 16px;
    }

    .navRdv .btnCalendar {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .navRdvCont {
        display: none;
    }

    .rdvCont .arrowLeft, .rdvCont .arrowRight {
        display: block;
        cursor: pointer;
    }

    .infosPersoConfirm p.txtconfirm {
        margin-bottom: 20px;
    }

    .blockBtnCalendar {
        float: none;
        margin: 0 auto;
    }

        .blockBtnCalendar .ui-datepicker {
            left: -34px !important;
        }

    .container section {
        width: 100%;
        margin-right: 0;
        display: block;
    }

    .btnConnecteId {
        background: #ffffff;
    }

    .infosPersoConfirm .infosConfirm span.tel .color {
        color: #116973 !important;
        display: inline-block;
    }

    .infosPerso .itemSubmit input {
        float: none;
        width: 100%;
        margin-left: 20px;
        font-weight: normal;
    }


    #header h1 { /*display: none;*/
        top: 13px;
        position: relative;
        left: 40px;
        width: 58%;
        float: left;
    }

    #header.local.dealer h1 {
        left: 0px;
    }

    #header h1 a {
        color: #c80030;
        text-decoration: none;
        font-size: 9px;
        background: none;
        padding-left: 0px;
    }

    #header.dealer h1 a {
        background: url(../../../c/img/common/puce-05.png) 0% 30% no-repeat;
        padding-left: 13px;
        background-size: 6%;
    }

    #header h1 a .mobvis {
        display: block;
        font-size: 12px;
    }

    #header span.subTitle {
        display: block;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        padding: 0 0 35px 0;
        position: absolute;
        top: 43px;
        left: 69px;
    }

    #header {
        background: none;
        padding-bottom: 5px;
    }

        #header.national {
            position: relative;
            z-index: 999;
            height: 80px;
            border: none;
            background: url(../../img/common/bg-ombre-001.png) left 74px repeat-x;
            margin-bottom: 0;
        }

    .phone .description {
        background: #fff;
    }

    #header {
        height: auto;
        overflow: hidden;
        width: 100% !important;
        height: 54px;
        border: none !important;
    }

    #logo {
        left: auto;
        position: relative;
        text-align: inherit;
        top: 0px;
        width: 83px;
        right: auto;
        float: right;
    }

        #logo a {
            background: none;
            width: auto;
            height: auto;
        }

            #logo a img {
                width: 80%;
                display: block;
            }

    #menuTop {
        display: none;
        border-bottom: 0;
        height: auto;
        letter-spacing: normal;
        margin-bottom: 0;
        padding-bottom: 0;
        position: inherit;
        top: auto;
        width: 100%;
        float: left;
    }

        #menuTop ul {
            height: auto !important;
            float: none !important;
            padding-left: 0 !important;
        }

            #menuTop ul li {
                float: none;
                height: auto !important;
                width: 100% !important;
                border: none !important;
                margin-bottom: 0 !important;
                text-align: left !important;
            }

                #menuTop ul li a {
                    text-align: left;
                    background: url(../../img/common/fleches/fleshe-menu-close.png) no-repeat right center #3499AB;
                    border-bottom: 1px solid #FFFFFF !important;
                    display: block;
                    color: #ffffff;
                    font-size: 14px;
                    padding: 15px !important;
                }

                #menuTop ul li.open a {
                    background: url(../../img/common/fleches/fleshe-menu-open.png) no-repeat right center #3499AB;
                }

                #menuTop ul li a img {
                    display: none;
                }

                #menuTop ul li.hover a {
                    border: none;
                    color: #ffffff;
                    display: inherit;
                    background: url(../../img/common/fleches/fleshe-menu-close.png) no-repeat right center #3499AB;
                    position: relative;
                    z-index: 100;
                    height: auto;
                }

                #menuTop ul li.open.hover a {
                    border: none;
                    color: #ffffff;
                    display: inherit;
                    background: url(../../img/common/fleches/fleshe-menu-open.png) no-repeat right center #3499AB;
                    position: relative;
                    z-index: 100;
                    height: auto;
                }

                #menuTop ul li.hover .dropdown {
                    display: none;
                    border: 0;
                    position: relative;
                    top: auto;
                    left: auto;
                    background: none;
                    padding: 0;
                    z-index: 0;
                    width: 100%;
                }

                #menuTop ul li.hover {
                    background: none;
                    border: 0;
                    cursor: pointer;
                    padding-top: 0;
                    font-size: 11px;
                    margin-top: 0;
                    margin-right: 0;
                    padding-bottom: 0;
                }

                #menuTop ul li .dropdown {
                    display: none;
                }

                    #menuTop ul li .dropdown ul li a {
                        text-decoration: none;
                        color: #595959;
                        display: inline-block;
                        background: url('../img/common/listBulletNav1-new.png') no-repeat left top;
                        min-width: auto;
                        padding: 0 0 0 15px !important;
                        margin-left: 15px;
                    }

                #menuTop ul li.hover .pushed ul {
                    float: none;
                    margin-right: 0;
                    margin-top: 0;
                }

                #menuTop ul li .push {
                    display: none;
                }

        #menuTop .dropdown .submenu li {
            margin: 15px 0 !important;
        }

    #menu_button {
        display: block;
        width: 54px;
    }

    .submenu, .pushed {
        min-height: auto;
        text-align: left;
    }


    #confirmPayer .header .title, #confirmPayerSansId .header .title {
        font-size: 11px;
        font-weight: normal;
    }

    #confirmPayer .blockBtnLien a, #confirmPayerSansId .blockBtnLien a {
        display: inline-block;
        float: none !important;
        width: 205px;
    }

    .blockDetailsCarousel .detailsCarouselItem .titleDetails {
        float: none;
        width: 100%;
    }

    .blockDetailsCarousel .blockForfait {
        width: 70%;
    }

    .blockDetailsCarousel .detailsCarouselItem .btnDetails {
        float: right;
        width: 15%;
    }

        .blockDetailsCarousel .detailsCarouselItem .btnDetails a:hover {
            color: #6eccda !important;
        }

    .blockVotreSelection .supprimer {
        text-align: right;
        width: 10%;
    }

    .blockVotreSelection .prixForfait {
        width: 20%;
        font-weight: normal;
    }

    .blockVotreSelection .titleDetails {
        padding-right: 3%;
    }

    .carouselPrestation .carouselItem {
        width: 1.86% !important;
    }

        .carouselPrestation .carouselItem .carouselPrestationCont .title {
            text-align: center;
            padding: 8px 0 6px;
            font-size: 11px;
        }

    .infosPersoConfirm .infosConfirm.item2 {
        margin-top: 34px;
    }

    .blockEstimationExact .estimationExactRight {
        width: 100%;
    }

    .blockEstimationExact .estimationExactLeft {
        padding: 14px 0;
        width: 100%;
    }

    #footer {
        display: block;
    }

    .footerMobile {
        display: none;
    }

    .suivezNous .titre {
        font-size: 12px;
    }

    .navBas a {
        font-size: 12px;
    }

    .langues a {
        font-size: 16px;
    }

    #connexionCitroen .size1of2 {
        width: 56%;
        margin-right: 1%;
    }

    #connexionCitroen .size1of1 {
        margin-right: 3%;
        width: 40%;
    }

        #connexionCitroen .size1of1 .imageBlock img {
            display: block;
            width: 100%;
        }

    #connexionCitroen .imageBlock {
        margin: 0 0 15px 0 !important;
        text-align: center;
    }

    #connexionCitroen .textInput {
        width: 100%;
    }

    #connexionCitroen .btnGrey {
        margin-bottom: 5px;
        width: 56px;
        margin-right: 0;
    }

    #connexionCitroen .btnRed {
        vertical-align: top;
    }

    .loginForm .inputForm {
    }

    #head .inner {
        background: url("../img/backgrounds/bgk-head.png") no-repeat scroll 370% top #DC002D !important;
    }

    .infosPersoConfirm .titleCreerCompte {
        color: #000000;
    }

    .navDynamic {
        min-height: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        z-index: 1000;
    }

    .flottant {
        left: auto;
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
    }

    .infosPersoConfirm .confirmPicto {
        background: url(../../img/common/img-bonhommes-citroen.png) no-repeat 0 top;
        background-size: 97% !important;
        clear: both;
        float: none;
        padding: 0 0 14% 0;
        height: auto;
    }

    .navDynamic .navTop > ul > li > span {
        font-size: 10px;
        padding: 15px 43px 15px 20px;
        background: url(../../img/common/fleshe-menu-close-small.png) no-repeat right center;
    }

    .navDynamic .navBotom .text {
        font-size: 10px;
    }

    .navDynamic .navTop > ul ul > li > a {
        font-size: 9px;
    }

    .navDynamic .blockInfo .item p {
        font-size: 9px;
        padding-top: 28px;
    }

    .navDynamic .blockInfo .item a {
        padding: 8px 0 9px;
    }

    .navDynamic .navBotom li a img {
        width: 25px;
    }

    .navDynamic .navBotom li a {
        padding: 8px 15px !important;
    }

    .navDynamic .navBotom li {
        background: url(../../img/common/fleches/fleshe-005-small.png) no-repeat right center;
    }

    .navDynamic .navTop > ul > li.open > span {
        background: url(../../img/common/fleshe-menu-open-small.png) no-repeat right center;
    }

    .navDynamic {
        display: block;
    }
}
/* ----- END MOBILE ----- */
/* ----- 1 = MOBILE ----- */
@media screen and (max-width: 769px) {


    .modelForm .pictovalid {
        right: -25px !important;
    }

    .modelForm .pictoAlert {
        right: -25px !important;
    }

    .phone .blockForms {
        overflow: visible;
        padding: 0;
    }
}

@media screen and (max-width: 650px) {
    .bx-controls {
        display: inline-block;
        padding: 0px 0px;
        position: relative;
        width: 100%;
    }

    body div.rdvEtapes div.carouselPrestation div.carouselItem div.carouselPrestationCont .title {
        width: 230px;
        background: url(../../../c/img/common/fleches/bg_caross.png) 227px center no-repeat #fff !important;
    }
}

@media screen and (max-width: 555px) {
    #footerContent ul:first-child {
        padding: 0 0 0 2%;
        float: left;
        text-align: left;
    }

}

/* ----- 1 = MOBILE ----- */
@media screen and (max-width: 480px) {


    .socialShare li .tw {
        background-size: 100%;
    }

    .socialShare li .fb {
        background-size: 100%;
    }

    .socialShare li .yb {
        background-size: 100%;
    }

    .socialShare li a {
        width: 20px;
        height: 20px;
    }

    #footerContent, #footer {
        height: 55px;
    }

    ul.socialShare {
        padding: 0;
        right: 6px;
    }

    #footerContent ul:first-child {
        line-height: 15px;
        width:70%;
    }

    #footerContent ul li a {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 402px) {
    .sidebarToolsDesktopReview .buttonListWrapper .buttonList li a .rollOverState .wrapperButton .valign > div {
        padding-top: 21px;
        line-height: 15px;
        font-size: 12px;
    }
}

#popupconfirmation {
    font-size:15px;
    font-family:'Citroen';
}
/*Style popoup*/
#popupconfirmation {
    font-size:15px;
    font-family: 'citroen_regular';
}
 
#popupconfirmation ul >li{
    list-style:none !important;
}
#popupconfirmation ul >li:before{
    content:">";
    color:#6eccda !important;
    padding-right:5px;

}
.ui-dialog {
    background: #fff !important;
    padding: 0px !important;
        border-color: #bed44a !important;
         font-family: 'citroen_regular';
    border-radius:0px !important;
    left: calc(50% - 300px);
    top: calc(100% - 650px);
    position: fixed;
}
.ui-widget-overlay{
    background: rgba(0,0,0,0.4) !important;
}
.ui-dialog .ui-dialog-titlebar-close {
display:none !important;
}
.ui-draggable .ui-dialog-titlebar{
    border: 0px !important;
    background: #bed44a !important;
    border-radius: 0px !important;
    padding: 1.3em 1.5em !important;

}
.ui-dialog .ui-dialog-buttonpane{
    border: none !important;
    background: none !important;
}
.ui-dialog .ui-dialog-buttonpane button.ui-widget {
    color: #646464 !important;
    border: 2px solid #bed44a !important;
    padding: 7px 20px 7px 20px !important;
    background:none !important;
    font-weight:normal !important;
    text-transform: uppercase !important;
    border-radius: 0px !important   
}
.ui-dialog .ui-dialog-buttonpane button.ui-widget:hover{
     color: #bed44a !important;
    border: 2px solid  #646464 !important;
}
.ui-dialog #popupconfirmation{
    margin-top: 1em;
}
.ui-dialog #popupconfirmation h1{
    text-align: center !important;
}
.ui-dialog .ui-button-text{
    padding: 0px !important;
}
.ui-dialog .ui-dialog-title{
        color:#fff !important;
font-size:
16px
;
    text-transform:uppercase;
}