.list-foot li { padding: 0 2% !important;}

.content-left { width: 100%; min-width: 600px !important;}
.bg-drive-test {
    background: url(../images/bg-test.gif) repeat-x #f6f6f6;
    border: 1px solid #e1e1e1;
    padding: 5px;
    margin: 0 0 10px 0;
    clear: both;
    display: block;
}

.bg-drive-test {
    background: url(../images/bg-test.gif) repeat-x #f6f6f6;
    border: 1px solid #e1e1e1;
}

.bg-drive-test {
    margin: 8px 0;
}

.bg-drive-test .drive2-liste {
    float: left;
    overflow: hidden;
    width: 500px;
    padding-top: 10px;
}

.bg-drive-test .drive2-liste .drive2-modele {
    width: 120px;
    float: left;
    padding:0;
    overflow: hidden;
}

.bg-drive-test .drive2-liste .drive2-modele input {
    float: left !important;
    margin-left: 4px;
    margin-top: 0;
    width: 15px;
}

.bg-drive-test .drive2-liste .drive2-modele label {
    padding:0; float: right; text-align: left; display: inline-block; width: 90px;
    line-height: 12px;
    height:25px !important ;
}

.bg-drive-test .drive2-logo {
    width: 80px;
    text-align: left;
    float: left;
    overflow: hidden;
}

.bg-drive-test td {
    padding: 10px 6px 6px;
}

.bg-gris {
    background: #f3f3f3;
    height: 25px;
}

.bg-inscrit {
    background: #ed2628;
    width: 298px;
    height: 30px;
    line-height: 30px;
}

.b-relative {
    position: relative;
}

.over-img {
    background: url('../images/bg_com_img.gif') no-repeat;
    width: 106px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: block;
    color: #fff;
    margin-right: 5px;
    position: absolute;
    top: 0;
    left: -120px;
    z-index: 10;
}
/*form3*/
.txt-rdv{float:left;}
.border-red { border: 1px solid #ed222a;}
/*landing page onem*/
.logo-mq { float: left; margin-right: 15px; }
.bloc-mq {  margin-bottom: 10px;}
.bloc-mq-detail { float: left; width: 520px;}
.ttl-marque{ background:url('../images/bg_col_marque1.png') no-repeat !important; width:500px; line-height:31px;height:31px;padding-left:20px;font-size:20px;margin-bottom:20px;position:relative;}
.ttl-marque { position: relative; }
.ttl-marque .opener{position:absolute;width:21px;height:20px;overflow:hidden;right:10px;top:6px;cursor:pointer;background:url("../images/ico_collapse.gif") no-repeat 0 0px;}
.nom-mq { float: left;}
.list-md { float: left; width: 130px; margin-bottom: 10px; }
.list-md label{ float: left; width: 90px; height: 30px;  }
.list-md input{ float: left; margin-right: 10px; margin-left: 10px;  }
.pic-drive-test { background:url(../images/pic_test.png) no-repeat; padding-left: 30px; display:block; font-size: 16px; color: #000; line-height: 16px; }
.pic-drive-test strong { font-size: 14px; color: #979797; font-weight: normal; }

/*landing page men3*/
.ttl-men3 { font-size: 30px!important; color: #6a6b6e; margin-bottom: 30px; margin-top: 15px;font-family: Teko;text-align: center;letter-spacing: 0px;}
.mini-col { float:left; width: 190px; margin-right: 58px; }
.mini-col-last { margin-right: 0;}
.mini-col .ttl-men3-essai { background: #32363F 0% 0% no-repeat padding-box !important; height: 78px;}
.ttl-men3-essai { color: #fff; font-size: 30px; line-height: 28px; text-align: center; padding: 5px; font-family: Lato; font-weight: bold;}
.rouge { background-color: #db2229 !important; }
.noir { background-color: #262626 !important; }
.ttl-men3-essai span { font-size: 14px; line-height: 30px;font-weight: normal;}
.bloc-select-men3 {  width: 167px; padding: 10px; padding-top: 20px;  border: 1px solid #707070;}
.bloc-select-men3 select {width:170px;height:25px;border:solid 1px #dfdfdf; margin-bottom: 10px; padding-top:4px;}
.bloc-btn-men3 { width: 690px; height: 130px; padding-top:60px; }
.bloc-btn-landing { width: 600px; background: url(../images/bg_btn_landing.jpg) no-repeat; height: 130px; padding-top: 75px; }
.btn-landing-marque { float: left; width: 218px; height: 36px; background: url(../images/btn_avis_to_marque.png) no-repeat; display: inline-block;}
.btn-landing-modele { float: right; width: 206px; height: 36px; background: url(../images/btn_avis_to_modele.png) no-repeat; display: inline-block;}

.ttl-info{font-size:18px;font-weight:bold;text-align: center;font-family:Teko;letter-spacing: 0px;
    color: #32363F;
    text-transform: uppercase;}
.left-drive{float:left;width:520px;padding-left:45px;}
.left-drive .check{background:url(../images/picto_check.png) no-repeat left;margin-right:80px;display:block;}
.left-drive .check, .left-drive .chrono{float:left;line-height:31px;padding-left:30px;font-size:14px;margin-top:24px;color:#3e3c3c;}
.left-drive .chrono{background:url(../images/picto_chrono.png) no-repeat left;display:block;}
.left-drive .drive-picto{height:31px;padding-bottom:20px;display:block;}
.left-drive .ttl_reserver{width:474px;height:31px;line-height:31px;padding: 0;padding-left:46px;background:url(../images/bg_col_reserver.png) no-repeat;font-size:20px;color:#6a6b6e; }
.left-drive .ttl_reserver h1 { line-height:31px;  font-size:20px !important; ;color:#6a6b6e; margin: 0; padding: 0;}
.left-drive3{float:left;width:690px;margin-bottom:20px;}
.left-drive3 #radio-news-marq{width:120px;}
#radio-news, #radio-assu, #radio-moto {
    float: left;
    margin: 0 17px 0 12px;
    width: 100px;
}
#radio-news .ui-button, #radio-assu .ui-button, #radio-news-marq .ui-button, #radio-inscr .ui-button, #radio-news .ui-button, #radio-assu .ui-button, #radio-moto .ui-button, #radio-news-marq .ui-button {
    width: 48px;
    height: 23px;
    padding: 0;
}
.left-drive3 .bloc-rdv{width:700px;padding-top:6px;padding-bottom:6px;}
.left-drive3 .select-horraire  select{width:120px;height:28px;border:solid 1px #32363F;color:#575050;vertical-align:middle;}
.left-drive3 .select-horraire,.bloc-radio-inscr .btn-login,.btns-avis{float:right;}
.left-drive3 .ttl-rdv{width:600px;height:31px;line-height:31px;padding-left:46px;padding-bottom:20px;font-size:27px;font-family: Teko;text-align: center;}
.left-drive3 .txt-rdv{float:right;font-family: lato; font-size: 12px;}
.left-drive4{float:left;width:555px;padding-left:25px;}
.left-drive4 .ttl-success{font-size:20px;display:block;margin-top:34px;}
.left-drive4 select{width:205px;height:30px;border:solid 1px #d6d6d6;margin-right:10px;}
.right-mq { width: 300px; float: right; }
p.font12 { width: 520px;}
.form-drive{width:664px;}
.form-drive .error,.bloc-form-inscription .error,#form3 .error{border:1px solid #E54B4B;background:#EAD0D0;}
.form-drive input{float:left;width:239px;height:27px;border:solid 1px #32363F;margin-bottom:15px; padding: 0 !important }
.form-drive label{float:left;width:70px;height:18px;padding:6px;margin-bottom:4px;margin-right:4px;font-size:13px;}
.form-drive label.sep{margin-left:6px;}
.form-drive select{float:left;width:239px;height:30px;border:solid 1px #32363F;margin-bottom:15px;padding-top:4px;}
.drive-radio{text-align:center;width:518px;padding:12px 0 30px;margin-top:20px;}
.drive-radio span.titre{font-size:18px;font-weight:bold;color:#32363F;text-transform: uppercase;
    font-family: Teko;margin-bottom: 15px;letter-spacing: 0px;}
#slider{width:320px;margin:10px auto;}
#slide-txt{ width:80px; height:31px; position:absolute; top:18px; left:-35px; background:url(../images/fd_budget.png) no-repeat left top; color:#393737; font-size:14px; font-weight:bold; padding-top:5px; text-align:center; }
.bloc-btn-drive1 { display: block; padding-right: 40px; }
/*.btn-drive1:hover { background: url('../images/btn_drive1.png') 0 -35px no-repeat; color:#fff;}*/

.btn-drive1{ color:#fff; width:119px !important; height:35px; line-height:15px; border:none; font-size:12px; float:right;  margin:15px; margin-right: 0; }
.btn-drive1 {background: #32363F 0% 0% no-repeat padding-box;
    border-radius: 10px;}
#bloc-fixe .message, #bloc-portable .message { color: #D5131A;font-style: italic;font-size:10px;text-indent:85px;}

.left-mq{float:left;width:690px;font-size:11px;}
.left-mq .nom h1,.nom h1{font-size:24px;margin:0;padding:0;font-weight:normal;}
.left-mq .temoin .img-temoin{margin:0 10px 0 0;}
.left-mq .temoin,.structure-video{line-height:12px;}
.left-mq .texte-g{font-size:18px;line-height:1.1;}
.left-mq .texte-g font,#validPhone .vphone{font-size:14px;}
.left-mq .ttl-actu,.left-mq .ttl-avis,.left-mq .ttl-login, .left-mq .ttl-marque, .left-mq .ttl-fiche{background:url('../images/bg_ttl_actus.gif') no-repeat;line-height:31px;height:31px;padding-left:45px;font-size:20px;margin-bottom:20px;position:relative;}
.left-mq .ttl-avis{background:url('../images/bg_ttl_avis.gif') no-repeat;}
.left-mq .ttl-fiche{background:url('../images/bg_collapse_mini1.png') no-repeat;}
.left-mq .ttl-marque{background:url('../images/bg_col_marque.png') no-repeat;}
.left-mq .ttl-avis h2, .left-mq .ttl-fiche h2{font-size:18px;font-weight:normal;}
.left-mq .ttl-login{background:url('../images/bg_ttl_login.gif') no-repeat;}
.left-mq .txt-actu{border-top:1px solid #dedddd;margin-top:20px;font-size:12px;padding-top:5px;}
.left-mq h1,.left-mq-frame h1{font-size:20px;margin:0;padding:0;font-weight:normal;}
.left-mq h3{color:#ed2628;font-size:24px;margin:0;padding:0;font-weight:normal;line-height:1;}
.left-mq h4{font-size:18px;color:#463f3f;margin:0 0 10px 0;padding:0;font-weight:normal;line-height:1;}
.left-mq-frame{float:left;width:625px;font-size:11px;}
.ttl-test2{background:url(../images/bg_ttl_autres.gif) no-repeat;width:600px;height:34px;line-height:34px;text-indent:55px;color:#6a6b6e;font-size:18px;}
.left-mq .ttl-marque { padding-left: 25px; }

.bloc-infos{width:96%;padding:2%;min-height:50px;margin-top:20px;}
.bloc-infos .info-ex{font-size:11px;font-style:italic;color:#897979;}
.bloc-infos .info-left{float:left;width:100%}
.bloc-infos .info-right{float:left;width:46%; text-align:left;padding-left:3%;padding-top:22px;}
.bloc-infos input,.info-left select{width:50%;height:30px;border:solid 1px #32363F;float:right;}
.bloc-infos label{padding-top:10px;line-height:26px; margin-bottom: 0 !important;font-family: Lato;color:#32363F;font-size:12px;}
.bloc-infos label.renvoi{line-height:16px;display:inline-block;padding-top:8px;}
#txt_renvoi_tel{width:50%;}
#btn_renvoi{background:url('../images/btn_renvoi.gif') no-repeat 0 0;width:110px;height:32px;border:none;}
#btn_renvoi:hover{background:url('../images/btn_renvoi.gif') no-repeat 0 -32px;color:#fff;}
div.label-assu{float:left;font-size:11px;color:#353434;width:290px;text-align:left;line-height:11px;}
div.label-news{float:left;font-size:11px;color:#353434;width:375px;text-align:left;line-height:11px;}



.clearfix:after,.clearB,.clearfix{clear:both;}
.titre-vehicule,.ttl-left,.bloc-avatar-profil,.bloc-rdv .rdv-col1,.h-collapse,.m-collapse,.left-nb-vehicule{float:left;}

.bloc-rdv .rdv-infos{float:right;width:100%;font-family: Lato;color:#32363F;font-size:12px;}
.bloc-rdv td.rdv-col2{padding-top:25px;color:#d61d24;font-size:12px; }
.bloc-rdv td.rdv-col3{width:40%;padding-top:25px;color:#808080;}
.bloc-rdv td.rdv-col4{width:45%;padding-top:20px;color:#575050;}
.bloc-rdv td.rdv-col4  input{width:114px;height:28px;border:solid 1px #32363F;}
.bloc-rdv td.rdv-col4  select{width:100%;height:28px;border:solid 1px #32363F;}
.bloc-rdv td.rdv-col4  select.select-heure{width:100%;height:30px;border:solid 1px #32363F;}
.bloc-rdv td.rdv-col4 .txt-heure{width:55px;padding-left:5px;padding-top:5px;}

#err-container{background-color:#EAD0D0;border:1px solid #E54B4B;margin:10px 0;padding:10px;display:none;}
#err-container label.error,#errph-container label.error{display:none;border:none !important;}
#err-container ol li,#errph-container ol li{list-style-type:none;margin-left:10px;color:#ff0000;background:none !important;}

#bloc-fixe,#bloc-portable { display:none; clear: left; float: none; }
.headermb { margin-bottom: 30px; height: 100px; }
.pt10 { padding-top: 10px; }
.top-drive-test { padding: 8px 0;}
.bloc-success { width: 500px; color: #32363F; font-size: 14px;font-family: Lato; background-color: #fff; padding: 30px 15px;
    margin: auto;border: 1px solid #32363F;}
#fbbox { margin: 20px auto; width: 300px; }
.mb10 { margin-bottom: 10px !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #32363F;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    font-weight: normal;
    color: #524f4f;
    font-family: Lato;
    font-size:12px;
    font-weight: 900;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #32363F;
    background: #32363F 0% 0% no-repeat padding-box;;
    font-weight: normal;
    color: #ffffff;
    font-family: Lato;
    font-size:12px;
    font-weight: 900;
}

.ui-button .ui-button-text {
    display: block;
    line-height: 0.9;
}

.slider-selection {
    background: #32363F 0% 0% no-repeat padding-box;
    height: 6px !important;
}
.slider-track {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #32363F;
    border-radius: 12px;
    height: 5px !important;
}
.slider-handle.round {
    border-radius: 10px;
}

.slider-handle {
    width: 13px;
    height: 13px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #32363F;
    opacity: 1;
}
.slider .tooltip-inner {
    text-align: center;
    font-family: Lato;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0px;
    color: #32363F;
    opacity: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #32363F;
    border-radius: 5px;
}
.tooltip.bottom {
    margin-top: 5px;
}

.slider.slider-horizontal {
    margin-top: 15px;
}
.benef {
    font-family: Lato;
    font-size: 10px;
    text-align: center;
}

@media (max-width: 500px) {
    .bloc-success {
        width: 300px;
    }
    .form-drive {
        width: 375px;
    }
    .form-drive input {
        width: 329px;
    }
    .form-drive select {
        width: 329px;
    }
    .form-drive label {
        width: 100px;
    }
    .form-drive label.sep {
        margin-left: 0px;
    }
    .drive-radio {
        width: 331px;
    }
    .drive-radio .radio-btnset {
        margin: auto !important;
        float: none !important;
        width: 320px!important;
    }
    .ui-button {
        width: 250px;
    }
    #radio-news .ui-button, #radio-assu .ui-button, #radio-news-marq .ui-button, #radio-inscr .ui-button, #radio-news .ui-button, #radio-assu .ui-button, #radio-moto .ui-button, #radio-news-marq .ui-button {
        width: 150px;
    }

    #bloc-fixe .message, #bloc-portable .message {
        text-indent: 0px;
    }
    div.label-news {
        font-size: 12px;
        width: 320px;
        margin-left: 16px;
        text-align: center;
    }
    .left-drive {
        width: 375px;
        padding-left: 10px;
    }
    .btn-mob{
        width: 375px;
        margin: auto;
        text-align: center;
    }
    .btn-drive1 {
        float: none;
        margin: auto;
    }
    .left-mq {
        width: 375px;
        text-align: center;
        float: none;
    }
    .ttl-men3 {
        width: 170px;
        line-height: 1;
        text-align: center;
        margin: auto;
    }
    .bloc-btn-men3 {
        width: 375px;
    }
    .mini-col {
        float: none;
        width: 341px;
        margin: auto;
        margin-top: 20px;
    }
    .bloc-select-men3 {
        width: 318px;
    }
    .bloc-select-men3 select {
        width: 315px;
        height: 35px;
        margin-bottom: 20px;
    }
    .bodydiv {
        width: 375px;
    }
    .left-drive3 .ttl-rdv {
        width: 300px;
        line-height: 38px;
        margin-bottom: 35px;
    }
    .left-drive3 #radio-news-marq {
        width: 300px;
        margin: auto;
    }
    .left-drive3 .bloc-rdv {
        width: 375px;
    }
    .left-drive3 .txt-rdv {
        width: 371px;
        margin: auto;
        text-align: center;
    }
    .mob-center {
        text-align: center;
    }
    .left-drive3 .select-horraire, .bloc-radio-inscr .btn-login, .btns-avis {
        float: none;
        width: 300px;
        margin: auto;
    }
    #plageHorraire {
        width: 300px !important;
    }
    .bloc-rdv td.rdv-col3 {
        width: 20%
    }
    .bloc-rdv td.rdv-col4 select {
        width: 87%;
    }
    .bloc-infos {
        width: 375px;
    }
    .car-actu-mob {
        width: 300px !important;
        margin: auto;
    }
    .bloc-infos input, .info-left select {
        width: 300px;
        float: none;
    }
    .benef {
        width: 375px;
    }
    .left-drive3 {
        width: 375px;
    }
    .mob-valide {
        width: 375px;
        text-align: center;
        margin: auto;
    }
    .h3-mob {
        width: 193px !important;
    }
    .radio-btnset .ui-button { float: none !important; }
    .container-fluid {
        padding: none !important;
    }
}