html,body {
    font-family: "DSAutomobiles-Regular",Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

p{
    font-family: "DSAutomobiles-Regular",Arial, sans-serif;
}
#cboxOverlay {
    position: fixed !important
}

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

.cluster {
    text-align: center
}

.blockRechercheVente {
    margin: 0 auto;
    width: 944px;
    overflow: hidden;
    border: none !important
}

.rdvEtapes .blockRechercheVente, .rdvEtapes2 .blockRechercheVente {
    width: auto;
    overflow: hidden
}

.blockRecherche {
    background: transparent;
    text-align: center;
    padding: 20px 0
}

    .blockRecherche label {
        font-size: 13px;
        color: #fff;
        vertical-align: top;
        padding-right: 18px;
        line-height: 36px;
        display: inline
    }

    .blockRecherche input[type='text'] {
        /*border: none;
        vertical-align: top;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        padding: 11px 10px;
        width: 260px*/

        
     width: 45% !important; 
     border: 1px solid #dbdbdb; 
     font-size: 14px !important; 
     height: 45px; 
     color: #646464 !important; 
     padding: 6px 8px; 
     font-family: 'ubuntu-r'; 


    }

    .blockRecherche input.submit {
        background: #f3f3f6;
        border: none;
        overflow: visible;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        color: #4b4a4d;
        text-transform: uppercase;
        font-size: 13px;
        overflow: visible;
        vertical-align: top;
        padding: 9px 10px;
        margin-left: 8px;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none
    }

.blockRechercheCont {
    margin-top: 23px;
    position: relative
}

.blockResultats {
    float: left;
    width: 240px;/*287px; 300px !important 278px*/;
    padding: 20px 0 0
}

    .blockResultats .titleResultat {
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
        margin: 0 0 25px
    }

.rdvEtapes .blockRecherche input[type='text'], .rdvEtapes2 .blockRecherche input[type='text'] {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 8px;
    font-size: 9px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.rdvEtapes .blockRecherche label, .rdvEtapes2 .blockRecherche label {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    text-align: left;
    padding-right: 4%
}

.rdvEtapes .blockRecherche input[type='submit'], .rdvEtapes2 .blockRecherche input[type='submit'] {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4%;
    padding: 6px 11px;
    font-size: 9px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.rdvEtapes .blockRecherche, .rdvEtapes2 .blockRecherche {
    padding: 16px 0 18px;
    position: relative
}

.rdvEtapes #blockMap, .rdvEtapes .blockResultatsMap, .rdvEtapes .blockResultatsMap #mapBloc, .rdvEtapes .blockResultatsMap #mapBloc2 {
    width: 100%;
    height: 408px;
    float: none
}

.rdvEtapes2 #blockMap, .rdvEtapes2 .blockResultatsMap, .rdvEtapes2 .blockResultatsMap #mapBloc, .rdvEtapes2 .blockResultatsMap #mapBloc2 {
    width: 100%;
    height: 408px;
    float: none
}

.rdvEtapes #blockMap, .rdvEtapes #blockMap2 {
    display: none
}

.rdvEtapes2 #blockMap, .rdvEtapes2 #blockMap2 {
    display: block;
    height: 695px
}

.rdvEtapes .blockResultats, .rdvEtapes2 .blockResultats {
    float: none;
    width: 100%;
    padding: 20px 0 0
}

.rdvEtapes .resultatItem, .rdvEtapes2 .resultatItem {
    padding: 10px 0 10px 3%;
    width: 47%;
    float: left;
    max-width: 246px;
    min-height: 114px;
    cursor: pointer
}

    .rdvEtapes .resultatItem:hover, .rdvEtapes2 .resultatItem:hover {
        background: #efefef
    }

.rdvEtapes #cntDelear, .rdvEtapes2 #cntDelear {
    overflow: hidden
}

    .rdvEtapes #cntDelear > div:nth-child(even), .rdvEtapes2 #cntDelear > div:nth-child(even) {
        float: right
    }

.rdvEtapes .resultatList .overview, .rdvEtapes2 .resultatList .overview {
    padding: 0 8px 0 0
}

.rdvEtapes .resultatItem .title, .rdvEtapes2 .resultatItem .title {
    background: url(../../home_files/images/fleche-001.png) left center no-repeat;
    margin-bottom: 6px;
    min-height: 30px
}

    .rdvEtapes .resultatItem .title a img, .rdvEtapes2 .resultatItem .title a img {
        margin: 0 0 0 -40px
    }

.rdvEtapes .resultatItem .resultatItemCont, .rdvEtapes2 .resultatItem .resultatItemCont {
    padding: 0 0 0 12px
}

.rdvEtapes .resultatItem p, .rdvEtapes2 .resultatItem p {
    padding-bottom: 0
}

.rdvEtapes .resultatList, .rdvEtapes2 .resultatList {
    height: 366px
}

    .rdvEtapes .resultatList .viewport, .rdvEtapes2 .resultatList .viewport {
        height: 380px
    }

.rdvEtapes div.popup-content, .rdvEtapes2 div.popup-content {
    padding: 32px 20px 0 20px;
    width: auto;
    height: auto !important;
    position: relative
}

.rdvEtapes .mapnbr, .rdvEtapes2 .mapnbr {
    width: 47px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    top: 36px;
    left: 20px
}

.rdvEtapes .blockRechercheCont, .rdvEtapes2 .blockRechercheCont {
    margin: 0
}

.rdvEtapes div.popup-contentHome .btnPrendreRdv, .rdvEtapes2 div.popup-contentHome .btnPrendreRdv, div.popup-content .btnPrendreRdv {
    margin-top: 20px !important
}

.rdvEtapes .errorLienVide {
    position: absolute;
    left: 9% !important;
    bottom: -16px;
    color: #f00;
    font-size: 12px;
    width: 88%;
    text-align: right
}

.rdvEtapes2 .errorLienVide {
    position: absolute;
    left: 7% !important;
    bottom: -16px;
    color: #f00;
    font-size: 12px;
    width: 88%;
    text-align: right
}

.resultatList {
    height: 614px;
    position: relative;

}

    .resultatList .viewport {
        height: 595px;
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .resultatList .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        /*padding: 0 30px 0 0*/
        width: 100%;
    }

    .resultatList .scrollbar {
        background: #f3f3f6;
        position: relative;
        background-position: 0 0;
        float: right;
        width: 10px
    }

    .resultatList .track {
        height: 100%;
        width: 10px;
        position: relative
    }

    .resultatList .thumb {
        background: #cececf;
        height: 20px;
        width: 10px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px
    }

        .resultatList .thumb .end {
            overflow: hidden;
            height: 5px;
            width: 25px
        }

    .resultatList .disable {
        display: none
    }

.resultatItem {
    padding: 12px 0;
    width: 100%;
    margin: 0px !important;
}

    .resultatItem .resultatItemCont {
        padding: 0 0 0 15px
    }

    .resultatItem p {
        font-family: Arial;
        color: #868689;
        font-size: 12px;
        line-height: 16px
    }

    .resultatItem .title {
        /*color: #333235;*/
        color: #646464;
        font-family: 'ubuntu-r';
        font-size: 12px;
        line-height: 13px;
        position: relative;
        text-transform: uppercase;
        /*background: url(../../home_files/images/fleche-01.png) no-repeat 0 center;
        padding: 0 0 0 15px;*/
        margin-bottom: 6px;
        display: table;
        padding: 5px 0 0px 0px;
        background: url(../home_files/images/flech_maps.png) left center no-repeat;
    }

        .resultatItem .title a {
            padding: 0 0 0 30px;
            display: table-cell;
            height: 24px;
            color: #333235;
            min-height: 24px;
            vertical-align: middle
        }

            .resultatItem .title a img {
                position: absolute;
                margin: 0 0 0 -30px;
                top: 0
            }

    .resultatItem .numKm {
        font-family: Arial;
        font-size: 13px;
        color: #e2001a;
        font-size: 13px;
        font-style: italic
    }

    .resultatItem .tel a {
        color: #868689;
        font-family: Arial;
        font-size: 12px;
        line-height: 16px
    }

    .resultatItem .blockOutils {
        padding: 10px 0 0
    }

        .resultatItem .blockOutils li {
            display: inline-block;
            vertical-align: bottom;
            padding-right: 7px
        }

.btnPlusDetails {
    font-size: 14px;
    background: #e3e3e6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 10px 35px;
    display: inline-block !important;
    line-height: 22px
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.blockResultatsMap {
    float: right;
    width: 656px;
    position: relative
}

    .blockResultatsMap #mapBloc, .blockResultatsMap #mapBloc2 {
        width: 656px;
        height: 695px
    }

div.popup-contentHome {
    background: none repeat scroll 0% 0% #fff;
    z-index: 1000;
    padding: 40px 25px 0 25px;
    width: 570px;
    height: 430px
}

div.popup-content {
    background: none repeat scroll 0% 0% #fff;
    z-index: 1000;
    width: 100%;
    /*padding: 40px 25px 0 25px;height: 340px */
    padding: 15px 05px 0 5px
}

    div.popup-contentHome .title, div.popup-content .title {
        padding: 0 45px 30px 0;
        min-height: 42px;
        line-height: 24px;
        display: table;
        position: relative
    }

        div.popup-contentHome .title img, div.popup-content .title img {
            position: relative;
            top: 4px
        }

        div.popup-contentHome .title span, div.popup-content .title span {
            font-size: 20px;
            padding: 0 0 0 10px;
            text-transform: uppercase;
            color: #333235;
            display: table-cell;
            vertical-align: middle;
            height: 47px
        }

    div.popup-contentHome .btnFermer, div.popup-content .btnFermer {
        width: 40px;
        height: 40px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 100
    }

    div.popup-contentHome .title a img, div.popup-content .title a img {
        position: absolute;
        margin-left: -55px;
        top: 0
    }

    div.popup-contentHome div.popup-contentCont p, div.popup-content p {
        color: #333235;
        font-size: 13px;
        line-height: 20px
    }

        div.popup-contentHome div.popup-contentCont p a, div.popup-content p a {
            color: #333235;
            font-size: 13px;
            line-height: 20px
        }

    div.popup-contentHome div.popup-contentCont .tel, div.popup-content .tel {
        padding: 0 0 0 28px
    }

    div.popup-contentHome div.popup-contentCont .fax, div.popup-content .fax {
        padding: 0 0 0 28px
    }

    div.popup-contentHome div.popup-contentCont .eMail, div.popup-content .eMail {
        padding: 0 0 0 28px
    }

    div.popup-contentHome div.popup-contentCont .horraires, div.popup-content .horraires {
        padding: 20px 0 0
    }

    div.popup-contentHome .btnPrendreRdv, div.popup-content .btnPrendreRdv {
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        display: inline-block;
        margin: 42px 0 0
    }

        div.popup-contentHome .btnPrendreRdv span, div.popup-content .btnPrendreRdv span {
            display: inline-block;
            padding: 11px 28px 11px 10px
        }

    div.popup-contentHome div.popup-contentCont .numKm, div.popup-content .numKm {
        color: #e51e35;
        font-family: Arial;
        font-size: 12px;
        font-style: italic
    }

    div.popup-contentHome .btnFermerResult, div.popup-content .btnFermerResult {
        background: url(../../home_files/images/btns/btn-fermer.png) no-repeat 0 0;
        width: 40px;
        height: 40px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 100
    }

#blockMap {
    width: 944px;
    height: 695px
}

    #blockMap img {
        max-width: none
    }

.pac-container {
    padding: 0 0 5px !important
}

    .pac-container:after {
        content: none
    }

.pac-item {
    font-size: 12px;
    height: 20px;
    margin-bottom: 1px;
    padding-left: 12px;
    line-height: 20px
}

.logoc_map_dec, .logoc_map_home {
    position: absolute;
    bottom: -12%;
    left: 45%
}

.googft-info-window td {
    background-color: #ff0
}

img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
    max-width: none
}

.mapnbr {
    color: #fff;
    top: 55px;
    position: absolute;
    z-index: 99;
    left: 28px;
    font-family: 'PeugeotBold';
    font-size: 25px
}

@media screen and (max-width:767px) {
    .logoc_map_dec, .logoc_map_home {
        display: none
    }

    #menu_button {
        display: none !important;
        position: absolute;
        right: 0;
        top: 0;
        width: 54px
    }

        #menu_button img {
            width: 100%
        }

    #header {
        border-bottom: 1px solid #e4e4e4;
        overflow: hidden;
        margin-bottom: 0;
        height: 54px
    }

    #main {
        width: 100%
    }

    #content .centred {
        width: 100%
    }

    .centred {
        width: 100%
    }

    .blockRechercheVente {
        margin: 0 auto;
        width: 100%
    }

        .blockRechercheVente .maiTitle {
            font-size: 13px;
            background: url(../../home_files/images/trait-title-small.png) no-repeat center center;
            margin: 25px 0
        }

    .blockRecherche form input[type="text"] {
        width: 190px;
        font-size: 10px;
        height: 31px;
        line-height: 31px;
        padding: 0 10px
    }

    .blockRecherche form input[type='submit'], .rdvEtapes .blockRecherche input[type='submit'], .rdvEtapes2 .blockRecherche input[type='submit'] {
        background: #f3f3f6;
        border: none;
        -webkit-appearance: 2px !important;
        -moz-appearance: 2px !important;
        border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        -moz-border-radius: 2px !important;
        box-shadow: 2px !important;
        -webkit-box-shadow: 2px !important;
        -moz-box-shadow: 2px !important;
        font-size: 11px;
        padding: 8px 6px 5px;
        margin: 0 0 0 8px
    }

    .blockRecherche form label {
        display: block;
        font-size: 11px;
        padding: 0
    }

    .blockRecherche {
        padding: 10px 0 20px
    }

    .blockResultatsMap {
        width: 100%
    }

    .blockResultats {
        width: 100%
    }

    .resultatList {
        padding: 0 15px
    }

    .blockResultats .titleResultat {
        padding: 0 15px;
        font-size: 15px;
        margin: 0 0 20px
    }

    .resultatItem .title {
        background: none;
        padding-left: 0
    }

    .blockResultatsMap #mapBloc, .blockResultatsMap #mapBloc2 {
        margin: 0 5%;
        width: 90% !important;
        height: 380px !important
    }

    .blockMap iframe {
        margin: 0 5%;
        width: 90% !important;
        height: 380px !important
    }

    #blockMap {
        margin: 0 5%;
        width: 90% !important;
        height: 380px !important
    }

    div.popup-contentHome .btnFermerResult, div.popup-content .btnFermerResult {
        background-size: 30px auto;
        right: 0;
        height: 30px
    }

    div.popup-contentHome, div.popup-content {
        position: relative;
        width: 100%;
        left: auto;
        padding: 0;
        top: auto;
        margin: 10px 0 15px
    }

        div.popup-contentHome .title, div.popup-content .title {
            padding: 0 48px 15px 15px
        }

            div.popup-contentHome .title img, div.popup-content .title img {
                top: 5px;
                width: 37px
            }

        div.popup-contentHome div.popup-contentCont, div.popup-content {
            padding: 0 15px 15px 15px
        }

        div.popup-contentHome .title span, div.popup-content .title span {
            font-size: 10px;
            line-height: 19px;
            margin-bottom: 15px
        }

        div.popup-contentHome .btnPrendreRdv, div.popup-content .btnPrendreRdv {
            background: #3499ab;
            display: block;
            text-align: center;
            font-size: 11px;
            margin: 20px 0 0
        }

            div.popup-contentHome .btnPrendreRdv span, div.popup-content .btnPrendreRdv span {
                background: url(../../home_files/images/fleche-02.png) no-repeat right center #3499ab;
                padding: 16px 25px 17px 10px;
                background-size: 12px
            }

        div.popup-contentHome div.popup-contentCont p, div.popup-content p {
            font-size: 12px !important
        }

            div.popup-contentHome div.popup-contentCont p a, div.popup-content p a {
                font-size: 12px !important
            }

        .rdvEtapes div.popup-contentHome .btnPrendreRdv, .rdvEtapes2 div.popup-contentHome .btnPrendreRdv, div.popup-content .btnPrendreRdv {
            margin-top: 10px !important;
            padding: 16px 4px 4px 5px !important
        }

    .resultatList {
        height: auto
    }

        .resultatList .scrollbar {
            display: none
        }

        .resultatList .viewport {
            height: auto
        }

        .resultatList .overview {
            margin: 0;
            padding: 0;
            height: auto;
            position: relative;
            transform: none !important
        }

    .btnPlusDetails {
        background: #3499ab;
        display: block;
        text-align: center;
        border-radius: 0 0 0 0;
        margin-left: -6%;
        width: 111%;
        border-radius: 0 0 0 0;
        padding: 16px 0
    }

    .resultatItem {
        width: auto;
        border-bottom: 1px solid #c7c7c9;
        padding: 16px 16px 15px 0;
        background: url(../home_files/images/fleche-04.png) no-repeat right center;
        cursor: pointer;
        padding: 0px 5px 0px 0px !important;
    }

        .resultatItem.first {
            border-top: 1px solid #c7c7c9
        }

        .resultatItem.last {
            border: 0
        }

    div.popup-contentMobile, div.popup-contentMobileH {
        left: 22%;
        top: 28%;
        width: 219px;
        z-index: 1000
    }

        div.popup-contentMobile .resultatItem, div.popup-contentMobileH .resultatItem {
            background: none repeat scroll 0 0 #fff;
            border: medium none;
            padding: 12px 15px 4px 9px;
            border-left: 1px solid #dc002e;
            border-right: 1px solid #dc002e;
            border-top: 1px solid #dc002e
        }

        div.popup-contentMobile .resultatItemHover, div.popup-contentMobileH .resultatItemHover {
            border-left: 1px solid #dc002e;
            border-right: 1px solid #dc002e;
            border-top: 1px solid #dc002e
        }

        div.popup-contentMobile .resultatItemBottom, div.popup-contentMobileH .resultatItemBottom {
            display: block;
            height: 21px;
            overflow: hidden;
            background: url("../../c/home_files/images/map/layer_detaille_bottom-hover.png") no-repeat scroll 0 bottom transparent
        }

        div.popup-contentMobile .resultatItemBottomHover, div.popup-contentMobileH .resultatItemBottomHover {
            background: url("../../c/home_files/images/map/layer_detaille_bottom-hover.png") no-repeat scroll 0 bottom transparent
        }

        div.popup-contentMobile .resultatItem .resultatItemCont, div.popup-contentMobileH .resultatItem .resultatItemCont {
            padding: 0
        }

            div.popup-contentMobile .resultatItem .resultatItemCont .adresse, div.popup-contentMobileH .resultatItem .resultatItemCont .adresse {
                font-size: 11px
            }

        div.popup-contentMobile .resultatItem .numKm, div.popup-contentMobileH .resultatItem .numKm {
            color: #e51e35;
            font-family: Arial;
            font-size: 12px;
            font-style: italic
        }

        div.popup-contentMobile .title a, div.popup-contentMobileH .title a {
            background: none repeat scroll 0 0 transparent;
            font-size: 12px;
            padding: 0
        }

        div.popup-contentMobile div.popup-contentCont, div.popup-contentMobileH div.popup-contentCont {
            padding: 0 15px
        }

        div.popup-contentMobile .title, div.popup-contentMobileH .title {
            margin: 0;
            padding: 0
        }

    .pac-container {
        padding: 9px 0 5px !important
    }

        .pac-container:after {
            content: none
        }

    .pac-item {
        font-size: 10px;
        height: 20px;
        margin-bottom: 1px;
        padding-left: 7px;
        line-height: 20px
    }

    .mapnbr {
        color: #fff;
        top: 11px;
        position: absolute;
        z-index: 99;
        left: 26px;
        font-family: 'PeugeotBold';
        font-size: 26px
    }
}

@media screen and (max-width:1023px) {
    .blockResultatsMap {
        display: none
    }

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

    .rdvEtapes #cntDelear > div:nth-child(even), .rdvEtapes2 #cntDelear > div:nth-child(even) {
        float: none
    }

    .rdvEtapes .resultatItem .title a img, .rdvEtapes2 .resultatItem .title a img {
        margin: 0 0 0 -40px
    }

    .rdvEtapes .resultatItem .title a, .rdvEtapes2 .resultatItem .title a {
        padding: 0 0 0 52px
    }

    .rdvEtapes .resultatList, .rdvEtapes2 .resultatList {
        padding: 0
    }

    .rdvEtapes .edealer.errorField .blockRecherche input[type='text'], .rdvEtapes2 .edealer.errorField .blockRecherche input[type='text'] {
        border: 1px solid #f00
    }

    .rdvEtapes .modelForm .errorField .pictoAlert, .rdvEtapes2 .modelForm .errorField .pictoAlert {
        display: none !important
    }

    .rdvEtapes .modelForm .blockResultats .titleResultat, .rdvEtapes2 .modelForm .blockResultats .titleResultat {
        padding: 0;
        background: none;
        text-transform: none
    }

    .rdvEtapes .edealer .point, .rdvEtapes2 .edealer .point {
        float: none;
        width: auto;
        padding: 0 0 20px
    }

    .rdvEtapes .confirmChange, .rdvEtapes2 .confirmChange {
        width: auto;
        float: none;
        text-align: center;
        padding: 20px 0 0
    }

    .rdvEtapes .modifPoint, .rdvEtapes2 .modifPoint {
        float: none;
        width: auto;
        padding: 30px 0 20px;
        display: block
    }

    .rdvEtapes .pointChoisi, .rdvEtapes2 .pointChoisi {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }

    .rdvEtapes .resultatList .scrollbar, .rdvEtapes2 .resultatList .scrollbar {
        display: block
    }

    .rdvEtapes .resultatItem.first, .rdvEtapes2 .resultatItem.first {
        border-top: none
    }

    .rdvEtapes .blockRechercheVente, .rdvEtapes2 .blockRechercheVente {
        overflow: visible
    }

    .rdvEtapes .blockForms, .rdvEtapes2 .blockForms {
        overflow: visible !important
    }

    .rdvEtapes .blockRecherche, .rdvEtapes2 .blockRecherche {
        padding: 18px 15px;
        width: 100%;
        position: relative;
        left: -15px
    }

        .rdvEtapes .blockRecherche label, .rdvEtapes2 .blockRecherche label {
            width: auto !important;
            display: block;
            padding: 0 0 16px !important
        }

        .rdvEtapes .blockRecherche input[type='text'], .rdvEtapes2 .blockRecherche input[type='text'] {
            float: left;
            padding: 7px 8px;
            border: 1px solid #dbdbdb;
            height: 16px
        }

    .rdvEtapes .btnPlusDetails, .rdvEtapes2 .btnPlusDetails {
        display: block !important;
        text-align: center;
        margin: 0;
        width: auto;
        padding: 16px 0;
        font-size: 11px
    }
}

@media screen and (min-width:770px) and (max-width:1023px) {
    .logoc_map_dec, .logoc_map_home {
        display: none
    }

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

        #menu_button img {
            width: 100%
        }

    #header {
        border-bottom: 1px solid #e4e4e4;
        overflow: hidden
    }

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

    #main {
        width: 100%
    }

    #menu_button {
        display: block
    }

    .centred {
        width: 100% !important
    }

    .blockRechercheVente {
        margin: 0 auto;
        width: 100%
    }

    .blockRecherche form input[type="text"] {
        width: 190px;
        font-size: 10px;
        height: 39px;
        line-height: 39px;
        padding: 0 10px
    }

    .blockRecherche form input[type='submit'] {
        background: #f3f3f6;
        border: none;
        -webkit-appearance: 2px !important;
        -moz-appearance: 2px !important;
        border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        -moz-border-radius: 2px !important;
        box-shadow: 2px !important;
        -webkit-box-shadow: 2px !important;
        -moz-box-shadow: 2px !important;
        padding: 8px 9px 7px
    }

    .blockRecherche form label {
        display: block;
        padding: 0
    }

    .blockRecherche {
        padding: 10px 0 20px
    }

    .blockResultatsMap {
        width: 100%
    }

    .blockResultats {
        width: 100%
    }

    .resultatList {
        padding: 0 15px
    }

    .blockResultats .titleResultat {
        padding: 0 15px;
        font-size: 15px;
        margin: 0 0 20px
    }

    .resultatItem .title {
        background: none;
        padding-left: 0
    }

    .blockResultatsMap #mapBloc, .blockResultatsMap #mapBloc2 {
        margin: 0 5%;
        width: 90% !important;
        height: 380px !important
    }

    .blockMap iframe {
        margin: 0 5%;
        width: 90% !important;
        height: 380px !important
    }

    #blockMap, #blockMap2 {
        margin: 0 5%;
        width: 90% !important;
        height: 380px !important
    }

    div.popup-contentHome, div.popup-content {
        position: relative;
        width: 100%;
        left: auto;
        padding: 0;
        top: auto;
        margin: 10px 0 15px
    }

        div.popup-contentHome .title a, div.popup-content .title a {
            font-size: 16px
        }

        div.popup-contentHome div.popup-contentCont, div.popup-content {
            padding: 0 15px
        }

        div.popup-contentHome .title, div.popup-content .title {
            padding: 0 62px 20px 15px
        }

        div.popup-contentHome .btnPrendreRdv, div.popup-content .btnPrendreRdv {
            background: #3499ab;
            display: block;
            text-align: center;
            font-size: 13px;
            margin: 20px 0 0
        }

            div.popup-contentHome .btnPrendreRdv span, div.popup-content .btnPrendreRdv span {
                background: url(../../home_files/images/fleche-02.png) no-repeat right center #3499ab;
                padding: 21px 28px 20px 10px
            }

        div.popup-contentHome .btnFermerResult, div.popup-content .btnFermerResult {
            background: url(../../home_files/images/btns/btn-fermer.png) no-repeat 0 0;
            width: 40px;
            height: 40px;
            display: inline-block;
            position: absolute;
            right: 10px;
            top: 10px;
            cursor: pointer
        }

    .resultatList {
        height: auto
    }

        .resultatList .scrollbar {
            display: none
        }

        .resultatList .viewport {
            height: auto;
            width: 100%
        }

        .resultatList .overview {
            margin: 0;
            padding: 0;
            height: auto;
            position: relative;
            transform: none !important;
            width: 100%
        }

    .btnPlusDetails {
        background: #3499ab;
        display: block !important;
        text-align: center;
        border-radius: 0 0 0 0;
        margin-left: 0;
        width: auto;
        border-radius: 0 0 0 0;
        padding: 16px 0
    }

    .resultatItem {
        width: 100% !important;
        box-sizing: border-box;
        border-bottom: 1px solid #c7c7c9;
        padding: 16px 16px 15px 0;
        background: url(../../home_files/images/fleche-04.png) no-repeat right center;
        cursor: pointer
    }

        .resultatItem.first {
            border-top: 1px solid #c7c7c9;
            width: 100%;
            box-sizing: border-box
        }

        .resultatItem.last {
            border: 0
        }

    div.popup-contentMobile, div.popup-contentMobileH {
        left: 36%;
        top: 28%;
        width: 219px;
        z-index: 1000
    }

        div.popup-contentMobile .resultatItem, div.popup-contentMobileH .resultatItem {
            background: none repeat scroll 0 0 #fff;
            border: medium none;
            padding: 12px 15px 4px 9px
        }

        div.popup-contentMobile .resultatItemHover, div.popup-contentMobileH .resultatItemHover {
            border-left: 1px solid #dc002e;
            border-right: 1px solid #dc002e;
            border-top: 1px solid #dc002e
        }

        div.popup-contentMobile .resultatItemBottom, div.popup-contentMobileH .resultatItemBottom {
            background: url("../../c/home_files/images/map/layer_detaille_bottom.png") no-repeat scroll 0 bottom transparent;
            display: block;
            height: 21px;
            overflow: hidden
        }

        div.popup-contentMobile .resultatItemBottomHover, div.popup-contentMobileH .resultatItemBottomHover {
            background: url("../../c/home_files/images/map/layer_detaille_bottom-hover.png") no-repeat scroll 0 bottom transparent
        }

        div.popup-contentMobile .resultatItem .resultatItemCont, div.popup-contentMobileH .resultatItem .resultatItemCont {
            padding: 0
        }

            div.popup-contentMobile .resultatItem .resultatItemCont .adresse, div.popup-contentMobileH .resultatItem .resultatItemCont .adresse {
                font-size: 11px
            }

        div.popup-contentMobile .resultatItem .numKm, div.popup-contentMobileH .resultatItem .numKm {
            color: #e51e35;
            font-family: Arial;
            font-size: 12px;
            font-style: italic
        }

        div.popup-contentMobile .title a, div.popup-contentMobileH .title a {
            background: none repeat scroll 0 0 transparent;
            font-size: 12px;
            padding: 0
        }

        div.popup-contentMobile div.popup-contentCont, div.popup-contentMobileH div.popup-contentCont {
            padding: 0 15px
        }

        div.popup-contentMobile .title, div.popup-contentMobileH .title {
            margin: 0;
            padding: 0
        }

    .pac-container {
        padding: 9px 0 5px !important
    }

        .pac-container:after {
            content: none
        }

    .pac-item {
        font-size: 10px;
        height: 20px;
        margin-bottom: 1px;
        padding-left: 7px;
        line-height: 20px
    }

    .navBas a {
        font-size: 15px
    }

    .mapnbr {
        color: #fff;
        top: 15px;
        position: absolute;
        z-index: 99;
        left: 30px;
        font-family: 'PeugeotBold';
        font-size: 30px
    }
}

@media screen and (min-width:768px) and (max-width:769px) {
    .blockResultats {
        width: 100%
    }

    .resultatList .overview {
        margin: 0;
        padding: 0;
        height: auto;
        position: relative;
        transform: none !important;
        width: 100%
    }

    .blockResultatsMap {
        width: 100%
    }

        .blockResultatsMap #mapBloc, .blockResultatsMap #mapBloc2 {
            margin: 0 5%;
            width: 90% !important;
            height: 380px !important
        }
}

/***************intouch**********************/
#cntDelear {
    overflow-clip-margin: border-box;
    overflow-y: auto;
    height: 500px;
    overflow-x: hidden;
}

.resultatItem.activo {
    background: #d3f0f4;
}

.class_submit {
    width: 55px !important;
    border: 2px solid #afadc3;

}

    .class_submit:hover {
        color: #afadc3;
        background: #fff !important;
        border: 4px solid #afadc3 !important;
    }

.leaflet-popup-content-wrapper.custom-popup {
    width: 350px !important; /* o el ancho que necesites */
    max-width: 100% !important;
}

.leaflet-popup-content {
    width: 350px !important;
    white-space: normal; /* Asegura que no se trunque el texto */
    overflow-wrap: break-word;
}

.popup-content {
   /*font-family: "Helvetica Neue", sans-serif;*/ 
    max-width: 330px !important;
}

.popup-header {
    /*display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;*/
    padding: 0 5px 30px 0;
    min-height: 42px;
    line-height: 24px;
    display: table;
    position: relative;

}

.popup-logo {
   /*height: 25px;*/ 
}

.popup-button {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 12px;
    background-color: #FFF;
    /*color: white;*/
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}

/****************************formulario****************************************/

/*select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fafafa;
    border-radius: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: none;
    border-color: #ccc;
    color: rgba(0, 0, 0, .75);
    font-family: inherit;
    font-size: .875rem;
    line-height: normal;
    padding: .5rem;
    height: 46px;
    border: 1px solid #ccc;
}*/

.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
}*/

.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
    }
}

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

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

.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: 35px !important;
    line-height: 46px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
}
/*
.modelForm .itemSubmit input {
    background: url(../home_files/images/arrow-right-btn.png) no-repeat 92% center #fff;
    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(../home_files/images/arrow-right-btn.png) no-repeat 92% center #fff !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(../home_files/images/arrow-right-btn-blue.png) no-repeat 92% center #fff !important;
        color: #6eccda !important*/
        text-decoration: underline;
    }



.modelForm button.disabled input:hover {
    background: #ebebe4 !important;
    color: unset !important
}

.modelForm .itemSubmit .annuler {
    background: url(../../home_files/images/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
}

.modelForm label.checkOff {
    background: url(../home_files/images/style-check-022.png) 0 5px no-repeat !important;
    height: 28px
}

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

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

.rdvEtapes .nouvStyle .custom-select {
    overflow: hidden;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.custom-select {
    background: #fff;
    height: 46px;
    color: #646464;
    text-align: left;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 94.3%;
    border: 1px solid #c9c9c9;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;
}

    .custom-select > span {
        background: url(../home_files/images/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: #fff url(../home_files/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x !important;
    padding: .55em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}


.blockRecherche label, .rdvEtapes2 .blockRecherche label {
    text-align: center !important;
    float: left;
    color: #6eccda;
    padding: 0 !important;
    line-height: 45px !important;
}
.popup-buttonn.btnPrendreRdv {
    color: #0078A8;
    border: 1px solid #0078A8;
    padding: 10px 15px 10px 10px;
    margin: 10px 0px;
    background: url(../home_files/images/arrow-right-btn.png) no-repeat 95% center #fff;
}


.modif {
    display: none;
    position: absolute;
    right: 16px;
    top: 40%;
    color: #6a6a6c;
    font-size: 10px;
    text-transform: none;
    text-decoration: underline;
}


#header {
    position: relative;
    z-index: 999;
    height: 101px;
    border: none;
    width: auto;
    /*background: #fff*/
}

    #header.national {
        position: relative;
        z-index: 999;
        height: 140px
    }

.headerlc {
    height: 100px;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    /*background: #fff*/
}

.headerOr {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #eaeaed;
    background: #fff
}

#header.national #menu_button {
    display: none !important
}

#header h1 {
    font-size: 25px;
    font-weight: normal;
    position: absolute;
    /*top: 58px*/
}

    #header h1 a {
        color: #474444;
        text-decoration: none;
        font-size: 25px;
        background: url(../home_files/images/puce-05.png) 0% 30% no-repeat;
        padding-left: 50px;
    }

        #header h1 a .mobvis {
            color: #474444;
            text-decoration: none;
            font-family: 'citroen_bold';
            font-size: 18px;
            text-transform: uppercase;
            display: none
        }

#header .centred {
    width: 100%;
    max-width: 1280px;
    padding: 0 15px
}

.flottant {
    padding-right: 70px
}

#header #top-links {
    position: absolute;
    right: 180px;
    top: 15px
}

    #header #top-links .linkheader {
        padding-right: 23px;
        background: url('./home_files/images/puce_menu.png') right no-repeat
    }

    #header #top-links .first {
        font-family: 'ubuntu-r';
        text-transform: uppercase
    }

    #header #top-links .second {
        font-family: 'citroen_bold';
        text-transform: uppercase;
        margin-left: 10px
    }

        #header #top-links .second span {
            color: #d82c42;
            text-transform: none !important
        }

    #header #top-links a {
        color: #646464;
        text-decoration: none;
        font-size: 12px
    }

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


@media screen and (max-width: 769px) {
    #logo {
        left: auto !important;
        position: relative !important;
        text-align: inherit;
        top: 0;
        width: 83px !important;
        right: auto !important;
        float: right !important;
    }

    #header h1 {
        top: 13px;
        position: relative;
        left: 40px;
        width: 58%;
        float: left;
        font-size: 18px;
    }

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

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

    #header h1 a {
    color: #c80030;
    text-decoration: none;
   
    background: none;
    /* padding-left: 0 !important; */
    font-size: 14px !important;
}
    }



}


.rdvEtapes .myCar .itemForm {
    min-height: 46px !important;
}

.modelForm .itemForm {
    padding-bottom: 12px;
    position: relative;
}
.custom-select span span {
    color: #646464;
    font-family: 'ubuntu-r';
    font-size: 14px;
}

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

#right .blocInfos {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
    background: url('./home_files/images/blocInfosBg.gif') repeat scroll left bottom transparent;
    padding-bottom: 10px;
    margin-bottom: 20px;

}

    #right .blocInfos h5 {
        padding: 10px 0 0 20px;
        text-transform: uppercase;
        color: #000 !important;
        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 .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;
    
        margin: 10px 20px;
        width: 200px;
        font-size: 11px;
        line-height: 14px;
    }

#logo {
    position: absolute;
    right: 60px;
    top: 0px;
    width: 86px;
    text-align: right;
    left: inherit !important;
}
    #logo a {
        display: block;
        width: 100%;
        height: 90px;
    }
        #logo a img {
            display: block;
        }



.custom-select-containerr {
    position: relative;
    width: 300px;
    font-family: sans-serif;
}

select {
    /*width: 100%;
    padding: 10px 40px 10px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23666" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    cursor: pointer;
    height: 46px;

    */ width: 100%;
    padding: 5px 15px 5px 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23666" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    cursor: pointer;
    height: 35px;
}






    select:focus, input:focus,textarea:focus  {
        outline: none;
        border-color: #000;
        box-shadow: 0 0 5px rgb(80 87 86 / 50%);
    }

    /******************************************************/
.rdvEtapes .resultatItem .title {
    background: url(../home_files/images/flech_maps.png) left center no-repeat
}

div.popup-contentHome {
    background: none repeat scroll 0% 0% #fff;
    padding: 35px 25px 0 25px
}

    div.popup-contentHome .title img, div.popup-content .title img {
        position: relative;
        top: 4px
    }

    div.popup-contentHome .title span, div.popup-content .title span {
        font-family: 'citroen_regular';
        font-size: 18px;
        color: #646464;
        padding: 0 20px 0 6px
    }

    div.popup-contentHome .btnFermer, div.popup-content .btnFermer {
        background: url(../home_files/images/btn-fermer_new.png) no-repeat 0 0
    }

        div.popup-contentHome .btnFermer:hover, div.popup-content .btnFermer:hover {
            background: url(../home_files/images/btn-fermer_new_hover.png) no-repeat 0 0
        }

    div.popup-contentHome div.popup-contentCont p, div.popup-content p {
        font-family: 'ubuntu-r';
        color: #646464;
        font-size: 18px;
        line-height: 20px;
        text-transform: uppercase;
        padding-bottom: 5px ;
        margin: 0px 0px 5px 0px;
    }

        div.popup-contentHome div.popup-contentCont p a, div.popup-content p a {
            font-family: 'ubuntu-r';
            color: #646464;
            font-size: 16px;
            line-height: 20px;
            text-transform: none
        }

    div.popup-contentHome div.popup-contentCont .tel, div.popup-content .tel {
        background: url(../home_files/images/picto-tel.png) no-repeat 0 3px;
        padding: 0 0 0 28px;
        text-transform: none;
        color: #646464
    }

    div.popup-contentHome div.popup-contentCont .fax, div.popup-content .fax {
        background: url(../home_files/images/picto-fax.png) no-repeat 0 3px;
        padding: 0 0 2px 30px;
        text-transform: none;
        color: #646464;
        font-size: 16px;
        font-family: 'ubuntu-r'
    }

    div.popup-contentHome div.popup-contentCont .eMail, div.popup-content .eMail {
        background: url(../home_files/images/picto-email.png) no-repeat 0 5px;
        padding: 0 0 0 28px;
        font-size: 16px;
        font-family: 'ubuntu-r'
    }

   /* div.popup-contentHome .btnPrendreRdv, div.popup-content .btnPrendreRdv {
        background: url(../home_files/images/arrow-right-btn.png) no-repeat 92% center #fff;
        color: #646464;
        border-radius: 0 !important;
        font-size: 10px;
        font-weight: normal;
        width: auto;
        box-sizing: border-box;
        height: 50px;
        border: 4px solid #6eccda;
        padding: 18px 40px 3px 15px !important;
        text-align: left;
        font-family: 'citroen_bold'
    }
*/
        div.popup-contentHome .btnPrendreRdv:hover, div.popup-content .btnPrendreRdv:hover {
            /*background: url(../home_files/images/arrow-right-btn-blue.png) no-repeat 92% center #fff;
            color: #6eccda*/
            text-decoration:underline;
        }


.leaflet-popup-content {
    margin: 13px 24px 20px 20px;
    /*line-height: 1.3;
    font-size: 13px;
    font-size: 1.08333em;
    min-height: 1px;*/
    font-family: 'citroen_regular';

}

div.popup-header span.titlespan {
    font-family: 'citroen_regular';
    font-size: 18px;
    color: #646464;
    padding: 0 0px 0 6px;
}

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

}
.rdvEtapes .rdvEtapesItemHeader.active {
        cursor: auto;
}


.interventionsDiv {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px; /* espacio entre filas y columnas */
}

    .interventionsDiv label {
        flex: 1 1 30%; /* ancho base de 30%, se adapta según el contenedor */
        min-width: 150px; /* evita que se haga muy pequeño */
        display: flex;
        align-items: center;
        height: 30px;
    }
#divMantenciones {
    display: flex;
    align-items: center;
    height: 30px;
    width: 100%;
}
#divMantenciones2 {
    padding: 0px 0 20px 10px;
    margin-top: 40px;
    margin-bottom: 10px;
    display: none;
}
    #divMantenciones2 span {
        font-family: 'ubuntu-r';
        font-size: 14px;
    }


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


element.style {
}

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

.modelForm textarea {
    font-family: Verdana;
    border: 1px solid #c9c9c9;
    width: 97.5%;
    resize: none;
    min-height: 60px;
    padding: 6px;
    font-size: 12px;
    overflow: auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
    background-image: -moz-gradient(linear, 0% 0%, 0% 100%, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0)));
    background-image: -moz-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
}

#divMantenciones2{
    /*display:none;*/
}
.modelForm .itemSubmit input.disabled {
    background: #e7e8ee;
    /*color: unset !important;*/
    pointer-events: none;
    border: 2px solid #c0c0c0;
    opacity: 0.4;
}

/*************************calendario*********************/
.blockBtnCalendar {
    float: right;
    width: 173px;
    position: relative;
}


.navRdv {
    padding: 0 0 18px
}

.navRdvCont {
    background: url(../../home_files/images/bg-nav-rdv.png) no-repeat right center;
    padding: 2px 0 0 !important;
    display: inline-block;
    float: left;
    position: relative;
    width: 68%;
    overflow: hidden
}

.navRdv .arrowLeft {
    background: url(../home_files/images/arrow_left-02.png) no-repeat 0 0 #fff;
    width: 21px;
    height: 31px;
    float: left;
    cursor: pointer
}

.navRdv .arrowRight {
    background: url(../home_files/images/arrow_right-02.png) no-repeat 0 0 #fff;
    width: 21px;
    height: 31px;
    float: left;
    cursor: pointer
}/**/
div.navRdv span.arrowRight::before {
   /* content: "";
    display: inline-block;
    width: 10px;
    height: 20px;
    border-top: 3px solid black;
    border-right: 3px solid black;
    transform: rotate(45deg);
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 5px solid black;
    border-right: 5px solid black;
    transform: rotate(47deg);
    margin-bottom: -10px;*/

}

.navRdv .date {
    background: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: top;
    display: inline-block;
    padding: 8px;
    float: left
}

.navRdv .btnCalendar {
    display: inline-block;
    vertical-align: top;
    border-radius: 2px 2px 2px 2px;
    position: relative
}

    .navRdv .btnCalendar span {
        font-size: 12px;
        text-transform: uppercase;
        padding: 6px 22px 6px 12px;
        width: 130px;
        display: inline-block;
        position: relative;
        z-index: 500
    }

    .navRdv .btnCalendar .ui-datepicker-trigger {
      /*  font-size: 0;
        background: url(../home_files/images/picto_calendar.png) no-repeat 0 0;
        width: 173px;
        height: 36px;
        display: block;
        cursor: pointer;
        border: none */
    }


    .navRdv .btnCalendar .ui-datepicker-trigger {
       /* background: url(../home_files/images/picto_calendar.png) no-repeat scroll 15px center #aeb3c6;*/
        color: #fff;
        font-size: 9px;
        font-family: 'citroen_bold';
        height: 42px;
        padding: 2px 2px 2px 0px;
        /* width: 173px; */
        line-height: 15px;
        border: none ;
       background-color: #aeb3c6;

    }



.votreRdv .rdvCont .rdvDay {
    width: 90px;
    margin-right: 4px;
    display: inline-block
}

    .votreRdv .rdvCont .rdvDay.last {
        margin-right: 0
    }

    .votreRdv .rdvCont .rdvDay .titleDay {
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        padding: 8px 0
    }

    .votreRdv .rdvCont .rdvDay .rdvDayCont {
        text-align: center;
        position: relative
    }

        .votreRdv .rdvCont .rdvDay .rdvDayCont .complet .rdvDayItemTitle {
            cursor: default;
            outline: none
        }

        .votreRdv .rdvCont .rdvDay .rdvDayCont .complet .rdvDayItemCont {
            cursor: auto
        }

        .votreRdv .rdvCont .rdvDay .rdvDayCont .complet .btnVoir {
            cursor: default;
            outline: none
        }

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

            .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemTitle {
                display: block;
                color: #000
            }

                .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemTitle span, .rdvDayItemTitle span {
                    background: url(../home_files/images/arrow-top-01.png) no-repeat right center;
                    font-size: 11px;
                    text-transform: uppercase;
                    display: inline-block;
                    padding: 8px 15px 7px 0
                }

            .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemCont, .rdvDayItemCont {
                background: #fff;
                padding: 8px 2px 4px;
                text-align: center;
                box-shadow: 0 0 2px 2px #dedede;
                min-height: 80px
            }

                .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemCont p, .rdvDayItemCont p {
                    font-family: Verdana;
                    font-size: 12px;
                    padding: 0
                }

                .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemCont .dispo, .rdvDayItemCont .dispo {
                    background: url(../../home_files/images/bg-border-bot-01.png) no-repeat center bottom;
                    padding: 0 0 7px;
                    line-height: 14px
                }

                    .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemCont .dispo .num, .rdvDayItemCont .dispo .num {
                        font-weight: bold;
                        display: block
                    }

                .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemCont .num {
                    font-weight: bold
                }

                .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem .rdvDayItemCont .nbr {
                    padding: 5px 0 0
                }

            .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem.aprem {
                padding: 0 5px 10px 5px;
                border-top: 10px solid #666
            }

        .votreRdv .rdvCont .rdvDay .rdvDayCont .btnVoir, .rdvDayCont .btnVoir {
            background: #ccc;
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            display: block;
            padding: 5px 0
        }

        .votreRdv .rdvCont .rdvDay .rdvDayCont .pictoHappyHr {
            background: url(../home_files/images/picto-happy-hr-df.png) no-repeat 0 0;
            height: 22px;
            width: 22px;
            display: inline-block
        }

.votreRdv .rdvCont .txtHappyHour {
    background: url(../home_files/images/picto-happy-hr-df.png) no-repeat 0 2px;
    color: #4e4e4e;
    padding: 5px 0 4px 30px;
    margin: 12px 0 19px;
    font-family: Arial;
    font-size: 15px
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem.complet .rdvDayItemCont .txtComplet {
    background: url(../../home_files/images/bg-border-bot-01.png) no-repeat center bottom;
    padding: 8px 0 14px;
    line-height: 14px
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayItem.complet .btnVoir {
    background: #e6e7eb;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    padding: 5px 0
}

.votreRdv .rdvCont .rdvDay.activeParHrs {
    background: #bcfcdd
}

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

.votreRdv .votreRdvDate {
    font-size: 15px;
    padding: 0;
    font-weight: normal
}

    .votreRdv .votreRdvDate span {
        color: #000
    }

.votreRdv .votreRdvReduction {
    font-family: Arial;
    font-size: 15px;
    padding: 0;
    font-weight: normal
}

    .votreRdv .votreRdvReduction span {
        color: #000
    }

.votreRdv .votreRdvAdresse {
    font-size: 15px;
    padding: 3px 0;
    font-weight: normal
}

.votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayHorraires .rdvDayItemTitle {
    background: #ccc
}

    .votreRdv .rdvCont .rdvDay .rdvDayCont .rdvDayHorraires .rdvDayItemTitle span {
        background: url(../home_files/images/arrow-01.png) no-repeat right center;
        padding: 7px 13px 7px 0
    }

.votreRdv .modelForm {
    padding: 0
}

.votreRdv .horraireNonDisponible {
    background: url(../home_files/images/picto-alert-03.png) no-repeat 23px center;
    color: #f00;
    font-family: Arial;
    border: 1px solid #f00;
    padding: 5px 0 5px 60px;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 18px
}

.votreRdv .activeHrs .hrsChoix {
    background: url(../../home_files/images/bg-border-bot-01.png) center bottom no-repeat;
    font-family: Arial;
    font-size: 13px !important;
    font-weight: bold;
    padding: 15px 0 7px !important;
    line-height: 14px
}

.txtHappyHour {
    background: url(../home_files/images/picto-happy-hr-df.png) no-repeat 0 2px;
    padding: 5px 0 4px 30px
}

    .txtHappyHour img {
        margin-right: 5px;
        vertical-align: middle
    }

    .txtHappyHour .gras {
        font-weight: bold
    }

.rdvDayHorraires {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*display: none;*/
    box-shadow: 0 0 12px -1px #666;
    -moz-box-shadow: 0 0 12px -1px #666;
    -webkit-box-shadow: 0 0 12px -1px #666
}

    .rdvDayHorraires .arrowUp {
        background: #e7e8ec;
        display: block;
        padding: 0 0 2px
    }

        .rdvDayHorraires .arrowUp span {
            background: url(../../home_files/images/arrow-up-01.png) no-repeat 0 0;
            width: 15px;
            height: 10px;
            display: inline-block
        }

.calendarList .arrowDown {
    background: #e7e8ec;
    display: block;
    padding: 0 0 1px
}

.calendarList .arrowDown span {
    background: url(../../home_files/images/arrow-down-01.png) no-repeat 0 0;
    width: 15px;
    height: 10px;
    display: inline-block
}

.calendarList li {
    background: #fff;
    border-bottom: 1px solid #bdbdbd;
    list-style-type: none;
    margin-left: 0px
}

.calendarList li a {
    color: #000;
    font-family: Arial;
    font-size: 12px;
    display: inherit;
    line-height: 24px;
    min-height: 24px
}

ul.calendarList li.active, ul.calendarList li.active a {
    color: #fff !important;
}

.listeHrs {
    height: 250px;
    overflow: hidden
}

.calendarList {
    min-height: 338px;
    display: block;
    text-align: center
}

.popCalendar {
    width: 175px;
    border: none;
    padding: 0;
    height: 28px;
    font-size: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    left: 0
}

.blockError {
    color: #f00;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
    display: none;
    font-family: Verdana
}

.infosPerso .blockError {
    padding: 0 0 15px
}

.errorField input[type=text] {
    border: 1px solid #f00
}

.errorField .accepteML {
    color: #f00
}

    .errorField .accepteML a {
        color: #f00
    }

    .errorField .accepteML.checkOff {
        background: url(../home_files/images/form/style-check-alert.png) no-repeat scroll 0 center transparent
    }

.votreRdv .rdvCont {
    position: relative
}

.rdvDayItem .rdvDayItemCont {
    cursor: pointer
}

.rdvCont .arrowLeft {
    background: url(../home_files/images/arrow_left-02.png) no-repeat 0 0;
    position: absolute;
    width: 21px;
    height: 31px;
    left: 0;
    top: 40%;
    z-index: 100;
    display: none
}

.rdvCont .arrowRight {
    background: url(../home_files/images/arrow_right-02.png) no-repeat 0 0;
    position: absolute;
    width: 21px;
    height: 31px;
    right: 0;
    top: 40%;
    z-index: 100;
    display: none
}


/*input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}
*/

/*.class_submit, .rdvEtapes .class_submit, .rdvEtapes2 .class_submit {*/

button#search.class_submit {
    font-family: 'citroen_bold' !important;
    font-size: 14px !important;
    height: 40px !important;
    box-sizing: border-box;
    width: 90px !important;
    margin-left: .5% !important;
    box-sizing: border-box;
    background: #afadc3 !important;
    text-align: center;
    padding: 0;
}


/**************horarios*****************/
.rdvDayItem {
    background: #e7e8ee;
    padding: 0 5px 10px 5px;
}
.rdvDayItemTitle {
    display: block;
    color: #000;
}

    .rdvDayItemTitle span {
        background: url(../home_files/images/arrow-top-p.png) no-repeat right center;
        color: #aeb3c6;
    }


.rdvDayItem .rdvDayItemCont {
    background: #fff;
    padding: 8px 2px 4px;
    text-align: center;
    box-shadow: 0 0 2px 2px #dedede;
    min-height: 80px;
}

.rdvDayItemCont .txtComplet {
    background: url(../home_files/images/bg-border-bot-01.png) no-repeat center bottom;
}
.rdvDayHorraires .arrowDown {
    padding: 4px 0;
    background: #c6cad7
}

.listeHrs {
    height: 260px !important
}

ul.calendarList li {
    list-style: none; /* Quita el marcador */
}


/*
.mañana{
    display:none;
}

.tarde {
    display: none;
}*/
/****************nuevo codigo lista de horario*********************************/
.bloque .horarios {/* apaga los horarios inicialmente*/
    display: none;
}

#dias_calendario {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
}

.day-card {
    width: 100px;
   /*background: #f4f5f9;*/
    border-radius: 6px;
    padding: 10px 5px 10px 5px;
    box-shadow: 0 0 3px #ccc;
    text-align: center;
    /*font-family: sans-serif;*/
}

.day-header {
    font-weight: bold;
    color: #000;
    margin-bottom: 8px;
    font-size: 14px;
}

.bloque {
    background: #fff;
    margin: 5px 0;
    border-radius: 4px;
    padding: 6px;
    border: 1px solid #ccc;
}

.bloque-header {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
    text-transform: uppercase;
    color: #4e4e4e;
}

.horarios {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .horarios li {
        margin: 3px 0;
        background-color: #fff;
    }

    .horarios a {
        text-decoration: none;
        color: #000;
        font-size: 13px;
    }

        .horarios a:hover {
            color: #000;
        }

.completo {
    font-size: 13px;
    color: #555;
    margin: 6px 0;
}

.ver-link {
    margin-top: 6px;
}

    .ver-link a {
        font-weight: bold;
        text-decoration: none;
        color: #999;
        font-size: 12px;
    }

li.active {
    color: #fff !important;
    background-color: #000;
}

ul.horarios li.active a {
    color: #fff !important;
}

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

.infosChampOblig {
    font-size: 11px;
    display: block;
    padding: 0 0 25px;
    color: #4e4e4e;
}


body {
    -webkit-text-size-adjust: 100%;
    font-variant-ligatures: no-common-ligatures;
}

.invalid-input,.error {
    border-color: #c3002f !important;
    box-shadow: 0 0 0 1px #c3002f;
}

.error-message {
    /**/display: none;
    font-size: .8em;
    position: relative;
    color: #c3002f;
    line-height: calc(18 / 14);
    padding-top: 0px;
    font-size: .6em;
}


div.etape4SansId input[type='text'], div.etape4SansId input[type='tel'], #txtNombre, #txtApellidos, #cmbMedioContact {
    width: 100%
}
#txtRut {
    width: 100%;
    max-width: 120px;
}

input[type=radio] {
    box-sizing: border-box;
    margin: 0 10px 0 0 !important;
}

div.blockCreerCompteId span {
    font-weight: 500;
}

input#chTerminosC, input[type=checkbox] {
    cursor: pointer;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    width: 20px !important;
    height: 20px !important;
    appearance: none;
    border: 2px solid #000 !important;
    vertical-align: middle;
    margin-right: 10px;
}

    input[type=checkbox]:checked {
        background-color: #000 !important;
    }


.interventionsDiv {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

.interventionsDiv input[type="radio"] {
    display: none; /* Oculta el radio original */
}

.radio-style {
    width: 20px;
    height: 20px;
    border: 2px solid #000; /* Color del borde */
    border-radius: 50%; /* Redondo */
    margin-right: 8px;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.3s ease;
}

.interventionsDiv input[type="radio"]:checked + .radio-style::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #000; /* Color del centro seleccionado */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*.local.dealer .headerText a, */
#headerContent h1 div.headerContener span.headerText a {
    font-family: 'citroen_regular';
    font-size: 20px;
    text-transform: uppercase;
    /*background: url(../../img/common/puce-05.png) 0% 30% no-repeat;*/
    padding-left: 30px;
    color: #c80030 !important;
}

footer {
    text-align: center;
    margin: 20px 0px;
    background: #000;
    color: #fff;
    padding: 10px;
}
    footer ul li.q-copyright {
        list-style: none;
    }
li.q-copyright::before {
    color: #796f6e;    
    display: inline-block;
    font-size: .875rem;
    padding: 0 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    content: '\00a9 ';
    position: static;
}

.gm-style-iw-ch button.gm-ui-hover-effect, .gm-style-iw-chr {
    display: none !important;
}

.popup-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom-close {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #646464;
    cursor: pointer;
}
.popup-bcerrar {
    float: right;
    margin: -30px -5px 0px 5px;
    padding: 0px;
}
.popup-title{
    float:left;
    width:90%;
}

a.popup.lienMl {
    text-decoration: underline !important;
}

.container_wrapper{ padding-top:10px}

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

 
}
.rdvEtapes .myCar .textYourCar {
    color: #000;
    font-family: 'ubuntu-r';
    font-size: 14px;
    color: #000;
    letter-spacing: .01px;
    text-rendering: optimizespeed;
}

.rdvEtapes .nouvStyle .btnModif, .rdvEtapes .nouvStyle .btnValider, button#search.class_submit,
input#btnEtapeIntervention.etape2, button.etape3, button.etape4, button.etape5, a.btnValider,
.modelForm #blocknumSerieVinCouple .itemSubmit input,
.modelForm #blocknumSerieVinCoupleCon .itemSubmit input, .modelForm .itemSubmit input, div.popup-content .btnPrendreRdv {
    background: #000 !important;
    font-family: 'citroen_bold';
    font-size: 10px;
    text-transform: uppercase;
    color: #fff !important;
    border: 3px solid #000;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 20px !important;
    padding: 7px 10px 7px 10px !important;
    min-width: 100px;
    text-align: center;
    font-family: 'citroen_regular';
    font-size: 14px;
}

.itemSubmit {
    text-align: right;
}

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
}
.fa.fa-circle-info {
    font-size: 1.2em;
    /* border: 1px solid #155888; */
    border-radius: 10px;
    color: #fff;
    background-color: #FFF;
}

.fa-circle-info:before, .fa-info-circle:before {
    color: #000;
    content: "\f05a";
}

div.rdvEtapes .nouvStyle .rechPar label {
    font-family: 'citroen_bold';
    /**/ font-size: 14px;
    text-transform: uppercase;
    color: #000;
    background: #e7e8ee;
    padding: 10px 30px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}