/*****************************************************************************************************************************/

/* Page Desktop 980px ou plus */

/*****************************************************************************************************************************/

@media (min-width: 981px) {
    .device-mobile {
        display: none;
    }

    .page_body {
        min-height: 50vh;
    }

    .mobile-tel, .liensTel {
        display: none !important;
    }

    /******************************************************************************/
    /*  CUSTOM INPUT RADIO 980px ou plus */
    /******************************************************************************/

    .container {
        display: block;
        position: relative;
        padding-left: 69px;
        padding-top: 9px;
        margin-bottom: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border-radius: 50%;
    }

    .item-selected .checkmark {
        border-radius: 50%;
        background: #FFFFFF;
        border: 5px solid #015C28;
    }

    /******************************************************************************/
    /*  PAGE ACCUEIL 980px ou plus */
    /******************************************************************************/
    #form_accueil fieldset {
        min-width: 542px;
    }

    .bloc_mobile {
        display: none !important;
    }

    .header-container {
        display: block;
    }

    .bloc-header-mobile {
        display: none;
    }

    .bloc-container-text {
        display: none;
    }

    .bloc-container-form {
        display: none;
    }

    /*******************************************************************************************/
    /*  balise p span li a desktop  */
    /*******************************************************************************************/
    p, span, li, a, label {
        /*font-size: 15px !important;*/
        font-size: 15px;
    }
    /*body.noscrol { overflow: hidden; }*/
    .page-container {
        width: 100%;
        max-width: 1120px;
        min-width: 320px;
        margin: 0 auto;
        background: #ffffff;
    }

    #form_accueil {
        /*width: 565px;*/
        min-width: 535px;
        transform: translate(-50%, 0%);
        left: 50%;
        position: absolute;
    }

    /*BLOC HEADER MOBILE N'APPARAIT PÄS EN FORMAT DESKTOP*/

    .bloc-header-mobile {
        display: none;
    }

    label.fa {
        position: absolute;
        border-right: 1px solid #dadada;
        width: 31px;
        height: 31px;
        line-height: 31px;
        text-align: center;
        color: #57ab27;
        font-size: 1.2em;
        z-index: 1;
    }

    .header-bloc-logo {
        width: 100%;
        height: 200px;
        Background-color: #FFFFFF;
        position: absolute;
        margin-top: 0px;
        opacity: 0.4;
        transform: translate(0%, 0%);
    }

    .logo_dekra {
        /*background-image: url(../img/dekra_logo_accueil.png);*/
        position: absolute;
        height: 97px;
        width: 350px;
        margin-top: 10px;
        transform: translate(4%, 0%);
    }

        .logo_dekra img{
            width:300px;
        }
        
        .header_smartphone {
            display: none;
        }
    /*- ---------------------------------- */
    /* ---------- BLOC DE CONTAINER ------ */
    /*- ---------------------------------- */
    .header-container {
        margin: 0 auto;
        background: #000;
        background-repeat: no-repeat;
        background-position: 50%;
        height: 400px;
    }

        .header-container.home {
            background-image: url(../img/img_accueil.png);
            position: relative;
        }

        .header-container h2 {
            font-size: 2em;
            color: #FFF;
            text-align: center;
            font-weight: normal;
            margin: 17px;
        }

        .header-container form cite {
            font-size: 17px;
            color: #b7b2ac;
            font-style: normal;
        }

        .header-container form.search button.jq-cta-geoloc {
            font-weight: 500;
            background: url(../img/ico-geo.jpg) no-repeat 3px 50% #fff;
            color: #57ab27;
            padding-left: 40px;
            line-height: 1.2em;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            position: relative;
            height: 44px;
        }

        .header-container form.search input[type="text"] {
            width: 292px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            margin: -1px 0 0px 0;
            color: #999999;
            line-height: 1.2;
        }

    /*- ---------------------------------- */

    /* ---------- BLOC DE RECHERCHE ------ */

    /*- ---------------------------------- */

    .header-bloc-rch {
        width: 100%;
        height: 200px;
        Background-color: rgba(26, 110, 60, .75);
        position: absolute;
        margin-top: 200px;
        transform: translate(0%, 0%);
        z-index: 0;
        display: block;
    }

        .header-bloc-rch form.search button:before {
            content: 'Ou';
            position: absolute;
            left: -40px;
            top: 0px;
            display: block;
            border: 1px solid #ccc;
            border-bottom: 0;
            border-top: 0;
            padding: 13px 7px;
            background: #fff;
            z-index: 9;
            color: #ccc;
            width: 41px;
        }

        .header-bloc-rch form.search input[type="text"] {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            height: 46px;
        }

        .header-bloc-rch form input[type="text"] {
            margin: 0 0 10px 0;
            color: #999999;
        }

        .header-bloc-rch form.search input,
        .header-container form.search select,
        .header-container form.search button {
            margin: 0 11px 0px 0;
            float: left;
        }

        .header-bloc-rch form input,
        .header-container form button {
            padding: 15px;
        }

        .header-bloc-rch form input,
        .header-container form select,
        .header-container form button,
        .alert-popup input {
            border-radius: 5px;
        }

        .header-bloc-rch input[type="text"],
        input[type="password"],
        input[type="submit"],
        input[type="reset"],
        textarea,
        select,
        button {
            border: none;
        }

        .header-bloc-rch input {
            line-height: normal;
        }

        .header-bloc-rch button,
        input,
        optgroup,
        select,
        textarea {
            color: inherit;
            font: inherit;
            margin: 0;
        }

        .header-bloc-rch fieldset {
            border: 0;
            margin: 0;
            padding: 10px;
            background: rgba(255, 255, 255, 0.25);
            overflow: hidden;
        }

        .header-bloc-rch form input[type="submit"],
        .alert-popup input[type="submit"] {
            margin: 0;
            color: #fff;
            font-size: 1.4em;
            padding: 11px 11px 10px 11px;
            background: #d6d4d5;
            border-bottom: 4px solid #9b9b9b;
            text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.10);
            height: 46px;
        }

    /*- ---------------------------------- */
    /* ---------- BLOC DE connexion ------ */
    /*- ---------------------------------- */
    .bloc_connexion_home {
        font-size: 13px;
        width: 220px;
        height: 180px;
        Background-color: #e5e5e5;
        position: relative;
        margin-top: 0px;
        float: right;
        border-radius: 0 0 0 3px;
        box-shadow: 0px 3px 3px 0 #aaa;
        opacity: 0.80;
    }

        .bloc_connexion_home .login, .bloc_connexion_home .login {
            padding: 5px;
            text-align: left;
            overflow: hidden;
        }

    .field-form input {
        padding-left: 10px;
    }

    .bloc_connexion_home .intro, .bloc_connexion .intro {
        font-size: 12px !important;
        margin: 10px 16px;
        font-weight: bold
    }

        .bloc_connexion_home .intro span, .bloc_connexion .intro span {
            color: #58ab27;
            font-size: 12px !important;
        }

    .bloc_connexion_home .field-form {
        margin-left: 20px;
        font-size: 0.8em
    }

    .bloc_connexion_home input[type="text"] {
        width: calc(100% - 22px);
        font-size: 15px;
        border-radius: 2px;
        border: none;
    }

    .bloc_connexion_home input[type="password"] {
        font-size: 15px;
    }

    .liensLogin div {
        text-align: center;
        font-size: 13px;
        color: red;
        padding-top: 5px;
    }

    #loginfrommenu { /*  margin-left: 50px !important; */
        margin-left: 50px;
        margin-right: 50px;
    }

    .buttonconnect {
        background-color: #58ab27 !important;
        margin-top: 0px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    cite a {
        font-size: 10px !important;
        margin-left: 6px !important;
        text-decoration: underline;
    }

    .bloc-favori {
        text-align: center;
        font-size: 1.3em;
        line-height: 1.3;
    }

    .company-color {
        color: #015C28;
    }

    .suffix-menu-item {
        font-size: 0.7em !important;
    }
    /*- ---------------------------------- */
    /* ---------- BLOC CARTE FRANCE ------ */
    /*- ---------------------------------- */
    .zone_map #cmap {
        height: 630px;
    }

    .down_lst_centre {
        width: 100%;
        position: relative;
        padding-bottom: 38px;
        padding-top: 38px;
        text-align: center;
    }

        .down_lst_centre a {
            text-decoration: underline;
            color: #1a6e3c
        }

    /*- ---------------------------------- */

    /* ---------- BLOC FOOTER ------ */

    /*- ---------------------------------- */

    footer {
        width: 100%;
        position: relative;
        background-color: #f5f5f5;
        margin-top: 20px;
        padding: 20px 0px 0px 15px;
        display: flex;
        justify-content: space-around;
    }

        footer p, footer li, footer a {
            font-size: 13px;
        }

        footer .bloc-footer {
            flex: 1;
        }

            footer .bloc-footer ul, footer .bloc-footer ul li a {
                color: #58ab27;
                line-height: 20px;
            }

        footer p {
            margin-left: 30px;
        }

        footer span img {
            vertical-align: bottom;
        }

        footer .icon_dekra {
            width: 100px;
        }

        footer .icon_courrier {
            width: 25px;
        }

        footer .button_footer {
            margin-left: 16px !important;
            background-color: #58ab27 !important;
            padding: 5px !important;
        }

        footer .bloc-footer-contact {
            margin-top: 27px;
        }

        footer .line_footer {
            height: 200px;
            border-right: 1px solid #9b9b9b;
        }

        footer .social_network {
            display: flex;
            margin-left: 25px;
        }

            footer .social_network i {
                color: #58ab27;
                margin-left: 3px;
                font-size: 38px;
            }

        footer .mentionlegale a {
            color: #58ab27;
            font-size: 12px !important;
        }

    .footer-copyright {
        display: block;
        width: 100%;
        background-color: #f5f5f5;
        text-align: right !important;
        font-size: 12px;
        padding-right: 14px;
        padding-top:10px;
        padding-bottom: 10px;
    }

        .footer-copyright a {
            font-size: 12px;
            color: #333;            
        }
    /*- ---------------------------------- */
    /*- ---------------------------------- */
    /*- ---------------------------------- */
    /* .header-bloc-rch {color: #d1d1d1;font-size: 3.5vw;text-align: center;position: relative;margin: 20px;}
   .header-bloc-rch span {font-weight: bold;color: #58ab27;}
    .header-bloc-rch input[type="text"], input[type="submit"]{border-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;display: block;margin: 0 auto 10px auto;width: 100%;padding: 15px 0;text-align: center;}
    .header-bloc-rch fieldset {padding: 10px;margin: 10px 10px 30px 10px;border: 0;margin: 0;}
    .header-bloc-rchbutton.jq-cta-geoloc{font-weight: 500;background: url(../img/ico-geo.jpg) no-repeat 3px 50% #fff;color: #57ab27;padding-left: 40px;line-height: 1.2em;position: relative;}
    .header-bloc-rch input[type="text"], input[type="submit"]{border-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;display: block;margin: 0 auto 10px auto;width: 100%;padding: 15px 0;text-align: center;}
    .header-bloc-rch{ position:absolute; top:0 ; margin-top:60px}
    .header-container.home{background: initial;}*/
    /*- ---------------------------------- */
    /* ---------- BLOC DE connexion ------ */
    /*- ---------------------------------- */
    .bloc_connexion {
        width: 220px;
        height: 177px;
        Background-color: #ffffff;
        position: relative;
        border-radius: 0 0 0 0px;
        box-shadow: 0px 3px 3px 0 #aaa;
        opacity: 0.9;
        float: right;
        z-index: 1000 !important;
    }

        .bloc_connexion .login {
            padding: 5px;
            text-align: left;
            overflow: hidden;
        }

        .bloc_connexion .liensLogin {
            padding-top: 14px;
        }

        .bloc_connexion .intro span {
            color: #58ab27;
            font-size: 12px;
        }

        .bloc_connexion .field-form {
            margin-left: 20px;
            font-size: 0.8em
        }

        .bloc_connexion input[type="text"], input[type="password"] {
            width: calc(100% - 22px);
            font-size: 15px;
            border-radius: 2px;
            border: none;
        }

        .bloc_connexion button[type="submit"], .bloc_connexion button[type="button"] {
            border-radius: 5px;
        }

        .bloc_connexion .is-enabled {
            background: #58ab27 !important;
            border-bottom: 4px solid #017d41 !important;
            color: #FFF !important;
            border-radius: 5px;
            -webkit-appearance: button;
            cursor: pointer;
            width: 90%;
            margin: 2px 0 0 11px;
            padding: 5px 0;
        }

        .bloc_connexion cite {
            font-style: normal;
        }
    /*- --------------PAGE RECHERCHE 980px ou plus-------------------- */
    /* ---------- BLOC DE RECHERCHE FAVORI, TROUVER UN CENTRE 
              ET RESULTAT ------ */
    /*- ---------------------------------- */
    .blocRdv {
        background: #e7e7e7;
        padding-bottom: 20px;
        margin-top: 20px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        width: 100%;
    }

    #blocSearch {
        margin-top: 20px;
        padding-top: 5px;
    }

    /*- ---------------------------------- */

    /* ---------- BLOC FAVORI  ------ */

    /*- ---------------------------------- */

    .bloc {
        width: 95%;
        background-color: #FFFFFF;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    .bloc-favoris-flex {
        display: flex;
        /*padding-top: 10px;*/
        padding-bottom: 10px;
    }

    .favori_text {
        flex: 1;
        padding-left: 22px;
        line-height: 18px;
        word-break: break-word;
    }

        .favori_text p strong {
            text-transform: uppercase;
        }

        .favori_text .adresse {
            color: #888888;
            width: 70%;
        }

        .favori_text p span {
            text-transform: uppercase;
            color: #888888;
        }

    .auto-margin {
        margin: auto;
    }

    .favori_tel {
        padding-left: 15px;
        color: #888888;
        /*padding-top: 26px;*/
        line-height: 1.5;
    }

    .tel-p, .fax-p {
        margin-bottom: 0;
    }

    .phone_icon {
        margin-left: -70px;
        /*padding-top: 24px;*/
    }

    .glyphicon-ok-sign {
        color: #EDB700;
    }

    .favori_button {
        padding-left: 10%;
        /*padding-top: 15px;*/
        width: 29%;
    }

    button[type='button'], button[type='submit'], input[type='submit'] {
        height: 30px;
        background-color: #ffd500;
        border: none;
        color: #ffffff;
        outline: none;
        font-size: 15px;
        font-weight: bold;
        padding: 10px 24px 32px 7px;
        margin-top: 3px;
        margin-left: -61px;
    }

    .info {
        padding-left: 136px;
        padding-top: 18px;
    }

    .info-favori {
        padding-left: 136px;
    }

    /*- ---------------------------------- */

    /* ---------- BLOC TROUVER UN CENTRE ------ */

    /*- ---------------------------------- */

    #bloc_centre {
        height: 289px;
    }

    -ms-.bloc {
        width: 95%;
        background-color: #FFFFFF;
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 3390px;
    }

    .bloc .bloc-centre-flex {
        display: flex;
    }

    #code_postale {
        font-size: 15px !important;
    }

    .bloc .bloc-centre-flex .map_centre {
        display: flex;
        margin-top: -9px;
    }

    .form_centre {
        width: 50%;
    }

    .bloc .form_centre {
        padding-left: 36px;
        padding-top: 54px;
    }

        .bloc .form_centre form input[type="text"] {
            height: 40px;
            width: 308px;
            font-size: 15px;
        }

    /*Note : c'est ce code qui a ajouté le padding au placeholder */
    /*.bloc .bloc-centre-flex .form_centre form input[type="text"]::-webkit-input-placeholder {
		padding-left: 10px;
	}

	.bloc .bloc-centre-flex .form_centre form input[type="text"]::-moz-placeholder {
		padding-left: 10px;
	}

	.bloc .bloc-centre-flex .form_centre form input[type="text"]:-ms-input-placeholder {
		padding-left: 10px;
	}*/
    .bloc .bloc-centre-flex .form_centre form input[type="text"] {
        padding-left: 15px;
    }

    .bloc .form_centre form button[type="button"] {
        background-color: #FFD500;
        border: none;
        margin-left: 6px;
        outline: none;
        padding: 9px 6px 31px 6px;
    }

    .bloc .bloc-centre-flex .map_centre {
        width: 50%;
    }

        .bloc .bloc-centre-flex .map_centre .zone_map #cmap_Search {
            margin-left: 30px;
            margin-top: 8px;
        }

        .bloc .bloc-centre-flex .map_centre label {
            padding-top: 104px;
            padding-left: 62px;
            font-size: 15px;
        }

    .or .separate {
        background-image: url("../img/barreOuVer.png");
        background-repeat: no-repeat;
        background-position: center center;
        height: 236px;
        line-height: 230px;
        font-weight: bold;
        color: #777777;
        font-size: 20px;
        text-transform: uppercase;
    }

    .fleche img {
        margin-left: 28px;
        margin-top: -4px;
    }


    /*- ---------------------------------- */

    /* ---------- BLOC RESULTAT DES RECHERCHES ------ */

    /*- ---------------------------------- */

    .resultats {
        padding-left: 19px;
        background-color: #f1f1f1;
        width: 95%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: -18px;
        padding-top: 25px;
        padding-bottom: 25px;
    }

        .resultats .resultat_flex {
            display: flex !important;
        }

            .resultats .resultat_flex .recherche_centre {
                width: 50%;
            }

                .resultats .resultat_flex .recherche_centre h4 {
                    padding-left: 0px;
                }

                .resultats .resultat_flex .recherche_centre .centres {
                    background-color: #ffffff;
                    width: 100%;
                    margin-top: 15px;
                    border-width: 1px;
                    border-style: solid;
                    border-color: #e7e7e7;
                    color: #888888;
                }

                    .resultats .resultat_flex .recherche_centre .centres .centre {
                        display: flex;
                        padding: 10px 10px 10px 10px;
                    }

    .resultat_flex .recherche_centre .centre:hover {
        background-color: #86c065;
        color: white;
    }

        .resultat_flex .recherche_centre .centre:hover .dist-forms {
            color: white !important;
        }

        .resultat_flex .recherche_centre .centre:hover .coordonees .tel .icon_tel {
            background-image: url(../img/telfax_icone_25_b.png) !important;
            height: 27px;
            width: 27px;
            background-repeat: no-repeat;
            margin-top: 13px;
        }





    .resultats .resultat_flex .recherche_centre .centres .centre .coordonees {
        flex: 1.5;
    }

        .resultats .resultat_flex .recherche_centre .centres .centre .coordonees .adresse {
            height: 64px;
            word-break: break-word;
        }

        .resultats .resultat_flex .recherche_centre .centres .centre .coordonees .tel {
            display: flex;
            width: 112%;
            padding-top: 2px;
        }

            .resultats .resultat_flex .recherche_centre .centres .centre .coordonees .tel .number {
                margin-left: 10px;
                padding-top: 10px;
            }
            /*.resultats .resultat_flex .recherche_centre .centres .centre .coordonees .tel .icon_tel img {
			margin-top: 14px;
			width: 22px;
			height: 22px;
	}*/
            .resultats .resultat_flex .recherche_centre .centres .centre .coordonees .tel .icon_tel {
                background-image: url(../img/telfax_icone_25.png);
                height: 27px;
                width: 27px;
                background-repeat: no-repeat;
                margin-top: 13px;
            }

            .resultats .resultat_flex .recherche_centre .centres .centre .coordonees .tel .icon_info {
                margin-left: 10px;
                padding-top: 3px;
            }

    .resultats .resultat_flex .recherche_centre .centres .centre .dist-forms {
        flex: 1;
        text-align: right;
        /*justify-content: flex-end;*/
        display: flex;
        flex-direction: column;
        color: #1A6E3C;
    }

        .resultats .resultat_flex .recherche_centre .centres .centre .dist-forms p {
            font-size: 14px;
            padding-bottom: 18px;
        }
    /*Bouton info n'apparait pas en desktop*/
    .centres .dist-forms form .infobutton {
        display: none !important;
    }

    .centres .dist-forms form .centrebutton {
        margin-top: 8px;
    }

    .resultats .resultat_flex .recherches_maps {
        width: 50%;
        background: none;
        overflow-x: scroll;
        margin: 15px 18px 10px 26px;
    }

    .marker-index-container {
        flex: 1;
    }

    .resultats h4 {
        padding-left: 0;
    }
    /******************************************************************************/
    /*  PAGE VEHICULE 980px ou plus */
    /******************************************************************************/
    /******************************************************************************/
    /*  css fil ariane  */
    /******************************************************************************/
    .rdvFilAriane {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: #888888;
        margin-top: 20px;
        width: 100%;
    }

    .zIndexActive {
        z-index: 1 !important;
    }

    .zIndexInactive1 {
        z-index: 2 !important;
    }

    .zIndexInactive2 {
        z-index: 4 !important;
    }

    .zIndexInactive {
        z-index: 3 !important;
    }

    .rdvFilAriane .rdvFAInactive {
        width: 25%;
        text-align: center;
        line-height: 50px;
        height: 50px;
        background-color: #e5e5e5;
        margin-top: 10px;
        position: relative;
        text-decoration: none;
        color: #888888;
    }

    .rdvFAInactive img, .rdvFAActive img {
        position: absolute;
        right: -13px;
        top: 0px;
        z-index: 1;
    }

    .pastilleCheck {
        background: url(../img/pastilleCheck.png) no-repeat;
        display: block;
        position: absolute;
        top: 9px;
        left: 40px;
        height: 28px;
        width: 28px;
        line-height: 29px;
        color: #fff;
    }

    .page-container {
        width: 100%;
        max-width: 1120px;
        min-width: 320px;
        margin: 0 auto;
        background: #ffffff;
    }

    .header-background-img {
        background-image: url('../img/img_header.png');
        height: 177px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center top;
        /*padding-top: 110px;*/
    }


    .bloc-logo {
        background-color: #FFFFFF;
        width: 1120px;
        height: 69px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        opacity: 0.7;
        top: 108px;
        position: relative;
    }

        .bloc-logo img {
            width: 22%;
            margin-left: 22px;
            opacity: 0.9 !important;
            z-index: 1;
        }

        .bloc-logo span {
            color: #1A6E3C;
            margin-left: 18px;
            opacity: 0.9 !important;
            font-size: 22px !important;
        }

    .rdvFAActive {
        float: left;
        width: 25%;
        text-align: center;
        line-height: 70px;
        height: 70px;
        position: relative;
        background-color: #FFDC28;
    }

        .rdvFAActive img {
            right: -19px;
        }

    .pastilleActive {
        background: url(../img/pastilleVert.png) no-repeat;
        display: block;
        position: absolute;
        top: 18px;
        left: 40px;
        height: 28px;
        width: 28px;
        line-height: 29px;
        color: #fff;
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px;
    }

    .pastilleInactive {
        background: url("../img/pastilleGris.png") no-repeat;
        display: block;
        position: absolute;
        top: 9px;
        left: 40px;
        height: 28px;
        width: 28px;
        line-height: 29px;
        color: #fff;
    }

    .rdvFAInactive {
        float: left;
        width: 225px;
        text-align: center;
        line-height: 50px;
        height: 50px;
        background-color: #e5e5e5;
        margin-top: 10px;
        position: relative;
        text-decoration: none;
        color: #888888;
    }

    .rdvFilAriane .recap {
        padding-left: 50px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    .resumeTop-flex {
        display: flex;
        margin-top: 40px;
        width: 95%;
    }

        .resumeTop-flex p {
            font-size: 12px;
        }

    .resumeTop {
        background: #f2f2f2;
        color: #555555;
        text-align: center;
        width: 26.4%;
        border: 1px solid #d1d1d1;
        padding: 11px;
        line-height: 6px;
        position: relative;
        margin-top: -11px;
        /* padding-top: 15px; */
        flex-direction: column;
        justify-content: space-between;
        height: auto;
        font-size: 13px;
    }

        .resumeTop div {
            padding-top: 10px;
        }

        .resumeTop.step1 input {
            position: absolute;
            bottom: 8px;
            left: 50px;
        }

        .resumeTop input {
            margin-top: 5px;
            padding: 0px 40px;
        }

    input[type="submit"] {
        cursor: pointer;
    }

    .btn {
        display: inline-block;
        color: #fff;
        text-align: center;
        border: none;
        cursor: pointer;
        height: 30px;
        line-height: 100%;
        padding: 0 10px;
        color: #fff;
        text-decoration: none;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .txt-active {
        color: #015C28;
    }

    .ensemble_lib_long {
        width: 32%;
    }
    /******************************************************************************/
    /*  css bloc controle */
    /******************************************************************************/
    #bloc-controle {
        height: 95px;
        color: #015C28;
    }

        #bloc-controle .bloc-controle-flex {
            display: flex;
            justify-content: space-around;
        }

            #bloc-controle .bloc-controle-flex .first-radio {
                margin-left: 2px;
            }

            #bloc-controle .bloc-controle-flex span {
                margin-top: 5px;
                margin-left: 34px;
                font-size: 15px;
            }

    /******************************************************************************/

    /*  css bloc type de vehicule */

    /******************************************************************************/

    .blocRdv .bloc .bloc-transport-flex .bloc_transport {
        /*width: 23.75%;*/
        width: 28%;
        line-height: 2px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .blocRdv .bloc .bloc-transport-flex .bloc_transport ul li {
            margin-top: 9px;
            font-size: 11px;
            line-height: 12px;
            font-style: italic;
        }

        .blocRdv .bloc .bloc-transport-flex .bloc_transport ul {
            margin-top: 20px;
        }

        .blocRdv .bloc .bloc-transport-flex .bloc_transport img {
            margin-left: 40px;
            padding-bottom: 5px;
        }

        .blocRdv .bloc .bloc-transport-flex .bloc_transport input {
            margin-left: 40px;
        }

        .blocRdv .bloc .bloc-transport-flex .bloc_transport p {
            margin-top: 15px;
            margin-left: 75px;
            line-height: 12px;
            margin-left: 40px;
        }

    .blocRdv .bloc .bloc-transport-flex {
        display: flex;
    }
    /******************************************************************************/

    /* css information du vehicule moteur et remorque */

    /******************************************************************************/

    .form-cat-veh{
        width:65%!important;
    } 
    .information_vehicule {
        padding-bottom: 25px;
    }

    .wrapper {
        display: none;
    }

    .col-20 {
        float: left;
        width: 22%;
        margin-top: 14px;
        padding-left: 21px;
        margin-left: 15px;
    }

    select {
        width: 35%;
    }

    .col-75 {
        width: 73%;
        margin-top: 6px;
    }

        .col-75 .input_form {
            margin-left: 0px;
            outline: none;
            height: 40px;
            padding-left: 10px;
            font-size: 15px;
        }

    .select .input_form {
        background-image:  url("../img/arrow-select.png") ;
        
        background-repeat: no-repeat;
        background-position: 98%;
        background-size: 5%;
        text-indent: 0.01px;
        text-overflow: "";
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        color: #015C28;
    }

    .container-veh {
        display: block;
        position: relative;
        padding-left: 30px;
        padding-top: 9px;
        margin-bottom: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-left: 36.2px;
        color: #015C28;
    }

    /******************************************************************************/
    /*  css validation du bouton */
    /******************************************************************************/
    .bloc_validation {
        margin-top: 11px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 20px;
    }

        .bloc_validation button {
            display: block;
            margin: auto;
        }

    /******************************************************************************/

    /*  PAGE CRENEAU 980px ou plus  */

    /******************************************************************************/

    .tab-contents {
        overflow: hidden;
    }

    .tab-content {
        width: calc(50% - 2px);
        float: left;
        height: auto;
    }

    .resumeTop .tech_title {
        line-height: 14px;
    }

    .blocRdv h3.ttr-cta-toggle {
        text-align: center;
        display: block;
        padding: 0;
        width: 100%;
        margin: 0;
        margin-top: 20px;
        font-size: 17px;
        color: #000;
    }

    .tab-contents ul {
        padding: 5px 0px 5px 5px;
        margin: 0px 12%;
    }

        .tab-contents ul li {
            list-style-type: none;
        }

    .hour-list li, .hour-list .hour-resa.hour-state.hour-promo {
        position: relative;
        cursor: pointer;
        background: #fff;
        overflow: hidden;
        border: 2px solid #fff;
        color: #000;
        display: block;
        /*padding: 12px 17px 12px 0px;*/
        border-radius: 5px;
        margin: 0 0 7px 0;
    }

    .hour-list li, .hour-list .hour-resa.hour-state.hour-promo {
        cursor: pointer;
        color: #000;
    }

        .hour-list li .container .txt-hor {
            margin-left: -30px;
        }

    /******************************************************************************/

    /*  PAGE RECAPITULATIF 980px ou plus  */

    /******************************************************************************/
    .blocRdv .bloc .bloc-recap-flex {
        display: flex;
        justify-content: space-around;
        padding-top: 8px;
        padding-bottom: 15px;
        color: #585a5d;
    }

        .blocRdv .bloc .bloc-recap-flex .bloc-recap {
            border: 1px solid #e5e5e5;
            flex: 0.279;
        }

    #bloc_first {
        margin-left: 0px;
    }

    #bloc-alert {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .bloc .alert-txt {
        margin-left: 22px;
    }

    .valide_recap {
        display: flex;
    }

    .connaissance {
        margin-left: 22px;
        margin-top: 7px;
    }

    input[type="checkbox"] {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        position: relative;
        top: -1px;
        overflow: hidden;
    }

    /******************************************************************************/

    /*  PAGE CONFIRMATION RESERVATION 980px ou plus  */

    /******************************************************************************/

    #footer_confirmation {
        margin-top: 275px;
    }

    .confirm1 {
        margin-top: 40px !important;
    }

    /******************************************************************************/

    /*  PAGE MENTIONS LEGALES 980px ou plus  */

    /******************************************************************************/

    #titleMentions {
        margin-top: 20px;
    }

    .bloc-mentions {
        padding-left: 50px;
        margin-top: 20px;
    }

    /******************************************************************************/

    /*  PAGE CENTRE DEKRA 980px ou plus  */

    /******************************************************************************/
    .block-10 {
        height: 10px;
    }

    .dekra-bloc-centre-flex {
        display: flex;
    }

    .dekra-bloc-centre {
        flex: 0.5;        
    }

    .bloc .centre-dekra-flex {
        display: flex;
        justify-content: space-around;
    }

    .centre-dekra-adresse {
        width: 50% !important;
        word-break: break-word !important;
    }

    .contact-container {
        text-align: center;
        line-height: 1.3 !important;
    }

    .address-container {
        line-height: 1.3 !important;
    }

    .tel-dekra {
        line-height: 12px;
        margin-top: 7px;
        /*padding-top: 10px;*/
        width: 50% !important;
    }

    .bloc_type_vehicule {
        padding-bottom: 10px;
    }
    .bloc_type_vehicule  p {
        font-size:14px;
    }

    .centre-dekra-flex .button1 {
        margin-left: -1px;
        margin-top: -2px;
    }

    .centre-dekra-flex .button2 {
        margin-left: 50px;
        margin-top: 4px !important;
    }

    .favorisicon {
        height: 20px;
        width: 20px;
    }

    .text_button {
        vertical-align: middle;
    }

    .bloc-type {
        flex: 0.1;
    }

    .dekra-bloc-centre .bloc .bloc_validation_itinairaire {
        margin-top: -3px !important;
    }

    .dekra-bloc-centre .dekra-bloc-img {
        margin-top: 23px;
        display: flex;
        justify-content: space-around;
    }

        .dekra-bloc-centre .dekra-bloc-img img {
            border: 3px solid #ffffff;
        }

    .horaire-ligne {
        display: flex;
        width: 100%;
        line-height: 1.5;
    }
        .horaire-ligne span{
            font-size:14px;
        }
        
        .horaire-ligne-jour {
            min-width: 30%;
            padding-left: 15px;
        }

    .horaire-ligne-jour-oc-l {
        min-width: 35%;
    }

    .horaire-ligne-jour-oc-r {
        min-width: 35%;
        padding-right: 10px;
    }
    /******************************************************************************/

    /*  PAGE PLANNING RDV DESKTOP */

    /******************************************************************************/

    /******************************************************************************/
    /*  PAGE CONNECTER DESKTOP */
    /******************************************************************************/


    .login-connect-backgroud-white {
        padding-top: 5px;
        height: 93px;
        padding-bottom: 1px;
        background-color: #ffffff;
        opacity: 1 !important;
        font-size: 11px;
    }

        .login-connect-backgroud-white button[type='button'], .login-connect-backgroud-white button[type='submit'] {
            height: 22px;
            background-color: #a9a594;
            border: none;
            color: #ffffff;
            outline: none;
            font-size: 11px;
            font-weight: bold;
            padding: 5px 18px 16px 16px;
            margin-top: 7px;
            margin-left: 33px;
            margin-bottom: 1px;
            border-radius: 0px;
        }

        .login-connect-backgroud-white .txt-adresse-login {
            line-height: 9px;
            margin-top: 9px;
            font-size: 10px !important;
        }

    .login-connect {
        padding: 10px 5px 5px 5px;
        background-color: #e5e5e5;
    }

    .fa-user-circle {
        vertical-align: middle;
    }
    /* .menuButton {
        height:0px;
        padding: 11px 31px 11px 7px;
        background-color: #424242 !important;
        width: 100%;
        margin-left: 0px !important;
        border-radius: 0px !important;
    }*/
    .menu-login button[type='button'] {
        padding: 12px 30px 27px 7px;
        height: 0px;
        background-color: #424242 !important;
        width: 100%;
        margin-left: 0px !important;
        border-radius: 0px !important;
        margin-top: 15px;
    }

    .menuButton span {
        margin-left: 35px !important;
    }
    /*   .menu-login button[type='button'], button[type='submit'], input[type='submit'] {margin-top:0px;}*/
    .menu-login-item {
        background-color: #424242 !important;
        border-bottom: 1px solid #ffffff;
        width: 100%;
        display: none;
    }

        .menu-login-item ul {
            margin-bottom: 0px;
        }

            .menu-login-item ul li {
                list-style-type: none;
                padding: 8px;
                margin-left: -40px;
                border-top: 1px solid #ffffff;
            }

                .menu-login-item ul li a {
                    color: #FFFFFF;
                    text-decoration: none;
                }

    .bloc-login-connect {
        display: block;
    }

    .bloc-button-connect {
        display: flex;
    }

    /******************************************************************************/

    /*  PAGE REGISTER 980px ou plus  */

    /******************************************************************************/

    .blocCompte {
        margin-top: 20px;
    }

        .blocCompte .bloc-login-flex {
            display: flex;
            justify-content: space-around;
        }

            .blocCompte .bloc-login-flex .bloc_verification {
                flex: 0.5;
                margin-left: -50px;
                margin-top: 10px;
            }

    .input-group {
        margin: auto;
        margin-top: 20px;
        /*margin-left: 5%;*/
    }

    .bloc_verification {
        margin-top: 10px !important;
    }

    .form-control {
        font-size: 15px;
        height: 40px;
    }

    .blocCompte .txt-info {
        text-align: center;
        line-height: 10px;
    }

    .blocCompte .bloc-input-flex {
        display: flex;
        margin-left: 6.7%;
    }

    .txt-password {
        text-align: left !important;
        margin-left: 11.4%;
    }

    .blocCompte .bloc-sociale {
        margin-left: -22%;
    }

    .txt-mail {
        line-height: 5px;
        padding-top: 12px;
        margin-left: 47.4%;
    }

    /******************************************************************************/

    /*  PAGE EDIT 980px ou plus  */

    /******************************************************************************/

    .blocCompte .bloc-login-block {
        /*	margin-left: 6.7%;*/
        padding: 0px;
        margin-top: 0;
    }

    /******************************************************************************/

    /*  PAGE CONTACT 980px ou plus  */

    /******************************************************************************/

    .blocRdv .dekra-bloc-centre-flex .dekra-bloc-centre .bloc .centre-dekra-flex .centre-dekra .courrier {
        margin-top: 25px;
    }

    .blocRdv .dekra-bloc-centre-flex .dekra-bloc-centre .bloc .centre-dekra-flex .centre-dekra .txt-poids {
        line-height: 15px;
    }

    .blocRdv .dekra-bloc-centre-flex .dekra-bloc-centre .bloc .bloc-courrier {
        margin-top: -20px;
        padding-bottom: 7px;
    }

    .blocRdv .dekra-bloc-centre-flex .dekra-bloc-centre .bloc .centre-dekra .tel-dekra-price {
        margin-left: 67px;
    }

    .blocRdv .dekra-bloc-centre-flex .dekra-bloc-centre .bloc .bloc-tel-info {
        margin-left: 16.8%;
    }

    textarea {
        width: 180px;
    }

    /* Page contact*/
    .contact-field-container {
        margin-top: 20px;
        display: flex;
    }

        .contact-field-container .input_form {
            width: 100%;
        }
    /*Recapitulatif*/
    .title-strong {
        font-size: 1.3em;
    }
    /*Planning*/
    .table-planning-title {
        display: none;
    }

    .dataTables_info, .paginate_button {
        font-size: 12px;
    }

    .th_semaine {
        min-width: 200px !important;
    }

    .td-type-veh img {
        display: block;
        margin: auto;
    }

    .btn-mobile {
        display: none;
    }
    /*Message utilisateur*/
    .message-result-container {
        margin-top: 30px;
        margin-left: 15px;
    }
    /*Page register*/
    #btnCheck {
        margin-left: 0px;
        margin-top: 0px;
    }

    /************************TARIF*/
    .table-tarif {
        width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /******Conditions gen.*/
    .cg-dialog{
        width:60%;
    }
    .cg-footer {
        display:none;
    }
}