Bribes recherche

by matmat

HTML

<div class="conteneurwl" style="box-shadow: 1px 1px 5px grey; width: 90%;">
    <div class="blocsupwl" id="rechercheobj">
        <form class="ajax" action="" method="get" id="rechercheform" name="rechercheform">
            <div class="inputwrapper">
                <label for="q">QUOI :</label>
                <input name="q" id="q" type="text" />
            </div>
            <div class="inputwrapper">
                <label for="q">OU :</label>
                <input name="q" id="q" type="text" />
            </div>
            <div>
                <div class="selectwrapper">
                    <p><label>Filtrer par</label><select id="categorie">
				<option value="00">-- Catégorie --</option>
				</select>
                    </p>
                    <p><label>et par</label><select><option value="00">-- Sous Catégorie --</option></select>
                    </p>
                
                </div>
                <div id="buttonwrapper">
                    
                </div>
            </div>
        </form>
    </div>
</div>

CSS

#buttonwrapper{
border-top:1px solid grey;
width:100%;    
}

.selectwrapper{
    width:230px;
    display:inline-block;
    line-height:10px;
    border-right:1px solid gainsboro;
    margin-top:20px;
}
.selectwrapper label{
font-family:calibri; font-size:12px; width:70px; vertical-align:middle;
display:inline-block;
    
}


.selectwrapper p{
    
}
.selectwrapper select{
    font-family:Calibri;
    font-style:italic;
    border:solid 1px #ddf;
    padding-left:4px;
    width:130px;
    font-size:12px;
    color:grey;}

#rechercheobj {
 
    width:90%;
    font-family: calibri,"lucida sans sherif";
font-size: 12px;
line-height: 40px;
text-indent: 10px;
border: 1px solid #DCDCDC;

color: #808080;
    padding-top:10px;
}
.inputwrapper {
    margin-left:15px;
    width:200px;
    height:30px;
    line-height:30px;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
    border:1px solid gainsboro;
    border-radius:2px 2px 2px 2px;
    vertical-align:middle;
    float:left;
}
.inputwrapper label {
    font-family:"calibri";
    display:inline-block;
    font-size:12px;
    color:#990000;
    height:100%;
    vertical-align:middle;
    padding-left:15px;
    padding-right:10px;
    border-right:1px solid gainsboro;
    margin-top:-4px;
    background:gainsboro;
    color:grey;
    font-weight:bold;
}
.inputwrapper input {
    height:28px;
    padding:0px;
    border:none;
    margin:0px;
    width:120px;
}
#recherchemembre {
    font-family: calibri, "lucida sans sherif";
    font-size: 12px;
    line-height: 40px;
    text-indent: 10px;
    border: 1px solid #DCDCDC;
    height: 40px;
    color: #990000;
}
.blocsupwl {
    width: 95%;
    margin: auto;
    float: none;
    border-radius: 0px;
    background-color: #FFF;
}
.contenuWL {
    vertical-align: middle;
    display: inline-block;
    margin-top:10px;
    margin-bottom:20px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    overflow:hidden;
    min-height...