html, body {margin:0;padding:0;}
*, *:before, *:after {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}

/* LUXAUTO ***************/
.wp_yellow_luxauto, .yluxauto_post, .yluxauto_search, #search, .input-group:last-child:after {position:relative;}
.yluxauto_post, .yluxauto_footer, .yluxauto_header, .yluxauto_content {display: block;}
.yluxauto_search, .wp_yellow_pagination {
    width: 100%;
    display: block;
    overflow: hidden;
}
.wp_yellow_luxauto,
.input-group:last-child:after,
.yluxauto_singlepost:after,
.yluxauto_singlepost_content:after,
.yluxauto_footer p:after {
    content: " ";
    display: table;
    clear:both;
}
.yluxauto_search {
    margin:1em 0;
    padding: 1em;
    background: #eee;
}

/* formulaire*/
.input-group.input-group_prix,
.input-group.input-group_km {width: 99%}

.input-group.input-group_prix label,
.input-group.input-group_prix .form-control,
.input-group.input-group_km label,
.input-group.input-group_km .form-control {display:inline-block;}

.input-group.input-group_prix label,
.input-group.input-group_km label {width: 25%;}

.input-group.input-group_prix .form-control,
.input-group.input-group_km .form-control {width: 25%;}

.input-group,
.yluxauto_search_submit,
.input-group-single {margin:.5em 0;}

.input-group,
.input-group-single {float:left;}

.input-group {
    width:100%;
    border-collapse: separate;
    display: table;
    position: relative;
}
.input-group .col, .input-group-single {
    float: left;
    width: 50%;
}
.input-group label,
.input-group-single label,
.input-group span {font-size:.8em;}

.input-group span {
    float:left;
    display: block;
    height: 37px;
    line-height: 37px;
}
.input-group label,
.input-group-single label {
    width: 33%;
    float: left;
    text-align: right;
    vertical-align: middle;
    display: inline-block;
    zoom:1;
    height: 37px;
    line-height: 37px;
}
.input-group span {margin: 0 .5em;}
div .form-control {
    height: 37px;
    margin: 0 0 0 2%;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    color: #666;
    padding: 9px 12px;
    width: 62%;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.form-control.firstChildBorder {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.yluxauto_search_group_btn {
    vertical-align: top;
    white-space: nowrap;
    width: 10%;
}
.yluxauto_search_btn {
    position:relative;
    white-space: nowrap;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    -webkit-border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
}
.yluxauto_search_btn_color {
    background-color: #3498DB;
    border-color: #359ADE;
    color: #FFFFFF;
    margin-left:-1px;
    height:37px;
}

/* articles */
.wp_yellow_luxauto {
    font-size:100%;
    width: 100%;
    font-family: helvetica;
}
.wp_yellow_luxauto,
.wp_yellow_luxauto p,
.yluxauto_content ul,
.yluxauto_content li {
    margin:0;
    padding:0;
    position: relative;
}
.yluxauto_header h3,
.yluxauto_content p {
    padding:.5em;
    font-weight: normal;
}

.yluxauto_post {
    overflow:hidden;
    padding:0 .95em;
    margin:.5%;
    width:24%;
    float:left;
    border: 1px solid #ddd;
    height:360px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.yluxauto_header,
.yluxauto_footer,
.yluxauto_content {
    margin-left:-15px;
    margin-right:-15px;
    position: relative;
}
.yluxauto_header {
    background: transparent;
    color:#373c42;
}
.yluxauto_header h3 {
    margin:0;
    font-size:1.6em;
    line-height:1.25em;
}

.yluxauto_headerImg-list {
    width: auto;
    display: block;
    margin: .8em auto;
    position: relative;
    height: 136px;
}

.yluxauto_content ul {list-style:none;}
.yluxauto_content ul:after {
    content: " ";
    display: table;
    clear:both;
}
.yluxauto_content li {
    float:left;
    font-size:.8em;
}
.yluxauto_content li.odd {
    text-align: right;
    width: 46%;
    padding:0 1%;
    clear:left;
}
.yluxauto_content li.odd span, .yluxauto_content li.even em  {display: block;}

.yluxauto_content li.even {
    text-align: left;
    width: 50%;
    padding:0 1%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.yluxauto_content p {
    text-align: right;
    clear: both;
    margin:.5em 0;
}
.yluxauto_content strong {font-weight: normal;}

.wp_yellow_luxauto .yluxauto_post .yluxauto_footer {
    background: #ddd;
    color:#373c42;
    position:absolute;
    bottom: 0;
    left: 15px;
    overflow: hidden;
    z-index: 1;
    margin-top: 1.05em;
    width: 100%;
}
.yluxauto_footer p {
    padding:0;
    font-size:.8em;
}

.yluxauto_footer a {
    display:block;
    text-decoration: none;
    color:#999;
    float:left;
    padding:14px 9px 9px 12px;
}
.yluxauto_footer .yluxauto_btn {
    display: block;
    border:0;
    color: #fff;
    font-size: 1em;
    padding:14px 18px 10px 18px;
    text-decoration: none;
    background: #3498DB;
    float:right;
}

.yluxauto_btn:hover {
    background: #3cb0fd;
    text-decoration: none;
}

/* PAGINATION **********/
.wp_yellow_pagination {
    background: #f2f2f2;
    padding:1em;
    margin-bottom: 20px;
    clear:both;
}
.wp_yellow_page {
    display: inline-block;
    padding:9px 14px;
    margin-right: 4px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.wp_yellow_page:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.wp_yellow_page.wp_yellow_active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}


/* SINGLE POST *********************************/
.yluxauto_singlepost {
    position: relative;
    padding:1em;
    margin:1em 0;
    width:100%;
    border: 1px solid #ddd;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.yluxauto_singlepost_imgs {
    float:left;
    width:36%;
    margin: 1em 2%;
    overflow: hidden
}
.yluxauto_singlepost_content {
    float:left;
    width:56%;
    margin: 1em 2%;
}
.yluxauto_singlepost_content h3 {
    font-size: 2em;
    margin-top:0;
    clear:both;
}
.yluxauto_singlepost_imgfull img {width: 100%;display: block;}
.yluxauto_singlepost_imgthumbnail {
    float:left;
    width: 33.3333%;
}
.yluxauto_singlepost_imgthumbnail img {
    margin: .3em auto;
    display: block;
    width: 95%;
}
.yluxauto_singlepost_content .yluxauto_singlepost_group {text-align:right;}
.yluxauto_singlepost_content .yluxauto_singleposts_caract ul {
    margin: 1em 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
.yluxauto_singlepost_content .yluxauto_singleposts_caract li {
    display:block;
    position: relative;
    float:left;
    margin: 0 1%;
    padding:0;
}
.yluxauto_singlepost_group {width:28%;}
.yluxauto_singlepost_group_r {width:68%;}
.yluxauto_singlepost_content .yluxauto_prix {
    text-align: right;
    display: block;
    clear: both;
}

div.yluxauto_singleposts_caract .yluxauto_singlepost_commentaire_r{
    margin-top: 1.5em;
    background-color: #eee;
    padding: 0.5em 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: auto;
    clear: both;
    overflow: hidden;
    text-transform: lowercase;
}
.wp_yellow_retour .yluxauto_btn,
.yluxauto_singlepost_content .yluxauto_btn,
.yluxauto_search_submit .yluxauto_btn {
    border:0;
    color: #fff;
    font-size: .95em;
    padding:9px 18px 7px 18px;
    text-decoration: none;
    background: #3498DB;
}
.yluxauto_search_submit {
    float:right;
    text-align: right;
}
.yluxauto_search_submit .yluxauto_btn {
    cursor: pointer;
    margin-right: .95em;
}
.wp_yellow_retour {
    background: #f2f2f2;
    padding:1em;
    margin:0;
    clear:both;
}


/* MEDIAQUERIES ****************************************************/
@media only screen and (max-width: 767px) {

    /* search */
    .input-group .col {width: 100%;}
    .input-group span {
        zoom:1;
        text-align: right;
    }
    .input-group-single {width: 100%;}
    .input-group label,
    .input-group-single label,
    .input-group span {
        float: left;
        width: 40%;
        margin: 0;
    }
    .form-control {width: 58%;}
    .input-group.input-group_prix .form-control,
    .input-group.input-group_km .form-control {width: 60%;}

    #search .input-group_km label,
    #kilometrage_pr,
    #kilometrage_sec,
    #search .input-group_km span,
    #search .input-group_prix label,
    #search .input-group_prix span {
        float: left;
        display: block;
        line-height: 37px;
    }
    #search .input-group_km label,
    .input-group_km.input-group span,
    #search .input-group_prix label,
    .input-group_prix.input-group span {
        width:49%;
        padding: 0 1% 0 0;
        margin:0;
    }
    #kilometrage_pr, #prix_pr {margin-bottom: .5em;}
    #kilometrage_sec, #prix_sec, #kilometrage_pr, #prix_pr {width: 58%;}
    .input-group_km.input-group span, #search .input-group_prix span {text-align: right;}
    .yluxauto_search_submit .yluxauto_btn {margin-right: 0}
    /* end search */


    .yluxauto_singlepost_group {width:38%;}
    .yluxauto_singlepost_group_r {width:58%;}
    .yluxauto_singlepost_imgs, .yluxauto_singlepost_content {
        float:none;
        width:96%;
        margin: 1em 2%;
    }
    .yluxauto_headerImg {margin:0.2em auto;}
    .yluxauto_post {width:98%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* search */
    .input-group .col {width: 100%;}
    .input-group span {text-align: right;}
    .input-group-single {width: 100%;}
    .input-group label,
    .input-group-single label,
    .input-group span {
        float: left;
        width: 40%;
        margin: 0;
    }
    .form-control {width: 58%;}
    .input-group.input-group_prix .form-control,
    .input-group.input-group_km .form-control {width: 60%;}

    #search .input-group_km label,
    #kilometrage_pr,
    #kilometrage_sec,
    #search .input-group_km span,
    #search .input-group_prix label,
    #search .input-group_prix span {
        float: left;
        display: block;
        line-height: 37px;
    }
    #search .input-group_km label,
    .input-group_km.input-group span,
    #search .input-group_prix label,
    .input-group_prix.input-group span {
        width:49%;
        padding: 0 1% 0 0;
        margin:0;
    }
    #kilometrage_pr, #prix_pr {margin-bottom: .5em;}
    #kilometrage_sec, #prix_sec, #kilometrage_pr, #prix_pr {width: 58%;}
    .input-group_km.input-group span, #search .input-group_prix span {text-align: right;}
    .yluxauto_search_submit .yluxauto_btn {margin-right: 0}
    /* end search */

    /* single post */
    .yluxauto_post {width:48%;}
    .yluxauto_singlepost_group {width:35%;}
    .yluxauto_singlepost_group_r {width:61%;}
    .yluxauto_singlepost_content h3 {margin:.6em 0;}
    .yluxauto_singlepost_imgs, .yluxauto_singlepost_content {
        float:none;
        width:96%;
        margin: 1em 2%;
    }
    .yluxauto_header h3 {line-height: 1em;}
    .yluxauto_headerImg {margin:0.2em auto;}
    .yluxauto_footer .yluxauto_btn {padding:14px 14px 10px 14px;}
    /* end single post */

}
@media only screen and (min-width: 768px) and (max-width: 995px) {
    .yluxauto_footer p {font-size: 0.75em;}
    .yluxauto_footer .yluxauto_btn {padding:14px 14px 10px 14px;}
}