header {
    position: relative;
    height: 420px !important;
}

#h-accueil {
    height: 100% !important;
}

.frontTitle {
    top: 50%;
}

#search-filter-results-4470 {
    margin: 3em 0;
}

#search-filter {
    position: absolute;
    bottom: 0;
    background: rgba(43, 46, 52, 0.9);
    width: 100%;
}

#search-filter .container {
    display: flex;
    margin: 2em auto;
    padding-left: .9375em;
    padding-right: .9375em;
}

#search-filter .container>* {
    align-self: center;
}

#search-filter h3 {
    font-size: 24px;
    color: #dc006e;
    font-weight: 700;
    text-transform: uppercase;
}

#search-filter ul {
    display: inline-flex;
}

.searchandfilter select.sf-input-select {
    background: transparent;
    border-color: transparent;
	width:140px;
	min-width: 140px;
}

.searchandfilter ul li {
    display: inline-block;
    margin: 0;
    background: #fff;
    border-radius: 45px;
    align-self: center;
    width: 172px;
    margin-left: 1.5em;
	padding-left:1em;
}

#search-filter-form-4470>ul>li.sf-field-submit>input[type=submit] {
    background: url(https://www.penboch.fr/wp-content/themes/penbochV2/images/Search.png) no-repeat 7%;
    padding-left: 2.5em;
    font-weight: 500;
    color: #fff;
    border: transparent;
}

#search-filter-form-4470>ul>li.sf-field-submit>input[type=submit]:before {
    content: url(https://www.penboch.fr/wp-content/themes/penbochV2/images/loupe.png);
}

.searchandfilter ul .sf-field-submit {
    background: #dc006e;
    padding: 0.7em 1.3em;
    border-radius: 45px;
    align-self: center;
    width: 172px;
}

.searchandfilter ul .sf-field-submit input {
    font-size: 14px;
    text-transform: uppercase;
}

.sf-input-select {
    font-size: 15px;
}

select:focus {
    outline: none;
}
@media only screen and (max-width: 900px) {
    #search-filter{
        bottom:-371px;
    }    #search-filter ul {

        flex-direction: column;

    }
    #prog{
        margin-top: 371px;
    }
    .resultsf{
        margin-top: 400px;
    }
}
@media only screen and (max-width: 1024px){
    #search-filter .container {
        flex-direction: column;
    }
    #search-filter h3{
        text-align: center;
    }
    .resultsf .bloc-4{
        -webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
    }
}
@media only screen and (max-width: 1200px) {

    /* #search-filter .container {
        flex-direction: column;
        padding: 2rem 0;
    } */

    #search-filter h3 {
        font-size: 20px;
    }



    #search-filter ul li {
        margin: 1rem;
    }
}