<div id="form_position">
    <fieldset id="recherche_chalet">
            <legend>Recherche de chalet</legend>
            <div id="form_ligne1">
                    <div id="form_destination">
                        <label class="label_important">Destination</label>
                        <input type="text" placeholder="Lieu, pays" id="input_destination" required="required" maxlength="36">
                    </div>
                    <div  id="form_depart">
                        <label class="label_important">Départ</label>
                        <input type="date" required="required">
                    </div>
                    <div id="form_retour">
                        <label class="label_important">Retour</label>
                        <input type="date" required="required">
                    </div>
                    <div id="form_budget_responsive">
                        <label class="label_important" id="label_budget_responsive">Budget/nuit</label>
                        <select id="select_budget_responsive">
                            <option value="0-150">0-150$</option>
                            <option value="150-200">150-200$</option>
                            <option value="200-300">200-300$</option>
                            <option value="300-400">300-400$</option>
                            <option value="400-500">400-500$</option>
                            <option value="500">+500$</option>
                        </select>
                    </div>
                </div>

                <div id="form_ligne2">
                    <div id="form_personnes">
                        <label class="label_important" >Nombre de personnes</label>
                        <label class="label_secondaire" id="label_adultes">Adultes</label>
                        <input type="number" placeholder="1" id="input_adultes" required="required">
                        <label class="label_secondaire" id="label_enfants">Enfants (0-12 ans)</label>
                        <input type="number" placeholder="1" id="input_enfants" required="required">
                    </div>
                    <div id="form_budget">
                        <label class="label_important" id="label_budget">Budget/nuit</label>
                        <select id="select_budget">
                            <option value="0-150">0-150$</option>
                            <option value="150-200">150-200$</option>
                            <option value="200-300">200-300$</option>
                            <option value="300-400">300-400$</option>
                            <option value="400-500">400-500$</option>
                            <option value="500">+500$</option>
                        </select>
                    </div>
                    <div id="form_categorie">
                            <label class="label_important">Catégorie</label>
                            <select >
                                <option value="enMontagne">En montagne</option>
                                <option value="bordDeLeau">Bord de l'eau</option>
                                <option value="campagne">Campagne</option>
                                <option value="Ski">Ski</option>
                                <option value="detente">Détente</option>
                            </select>
                        </div>
                </div>
                <div id="form_ligne3">
                        <span class="checkbox_recherche"><INPUT type="checkbox" name="animaux" value="animaux">Animaux</span>
                        <span class="checkbox_recherche"><INPUT type="checkbox" name="foyer" value="foyer">Foyer</span>
                        <span class="checkbox_recherche"><INPUT type="checkbox" name="internet" value="internet">Internet</span>
                        <input type="submit" value="RECHERCHER" id="rechercher">
                </div>

    </fieldset>
    <fieldset id="ajout_chalet">
    <legend>Ajout de chalet</legend>
    <form id="form_ajout">
        <div id="ajout_nom_chalet">
            <label class="label_important">Nom du chalet</label>
            <input type="text" placeholder="Nom" id="input_nom_chalet" required="required" maxlength="36">
        </div>
        <div id="ajout_ville_chalet">
                <label class="label_important">ville du chalet</label>
                <input type="text" placeholder="Ville" id="input_ville_chalet" required="required" maxlength="36">
        </div>
        <div id="ajout_region_chalet">
                <label class="label_important">Région du chalet</label>
                <select id="select_region">
                        <option value="bsl">bas-saint-Laurent</option>
                        <option value=".">1</option>
                        <option value="..">2</option>
                        <option value="...">3</option>
                        <option value="....">4</option>
                        <option value=".....">5</option>
                </select>
        </div>
        <div id="ajout_province_chalet">
                <label class="label_important">province du chalet</label>
                <select id="select_province">
                        <option value="qc">Québec</option>
                        <option value="nb">Nouveau-Brunswick</option>
                        <option value="tn">Terre-Neuve et Labrador</option>
                        <option value="on">Ontario</option>
                        <option value="cb">Colombie-britanique</option>
                        <option value="al">Alberta</option>
                </select>
        </div>
        <div id="ajout_pays_chalet">
                <label class="label_important">pays du chalet</label>
                <select id="select_pays">
                        <option value="ca">Canada</option>
                        <option value="eu">États-Unis</option>
                        <option value="in">Inde</option>
                </select>
        </div>
        <div id="ajout_personnes_chalet">
                <label class="label_important" >Nombre de personnes</label>
                <label class="label_secondaire" id="label_adultes">Adultes</label>
                <input type="number" placeholder="1" id="input_adultes" required="required">
                <label class="label_secondaire" id="label_enfants">Enfants (0-12 ans)</label>
                <input type="number" placeholder="1" id="input_enfants" required="required">
        </div>
        <div id="ajout_chambres_chalet">
                <label class="label_important" >Nombre de chambres</label>
                <label class="label_secondaire" id="label_chambres">à coucher</label>
                <input type="number" placeholder="1" id="input_chambres" required="required">
                <label class="label_secondaire" id="label_chambres">de bain</label>
                <input type="number" placeholder="1" id="input_chambres" required="required">
        </div>
        <div id="ajout_categorie_chalet">
                <label class="label_important">Catégorie du chalet</label>
                <select id="select_categorie">
                        <option value="">Sport</option>
                        <option value="">Aventure</option>
                        <option value="">Relax</option>
                </select>
        </div>
        <div id="ajout_checkbox_chalet">
                <label class="label_important">case à cocher</label>
                <input type="checkbox" name="vehicle1" value="Bike">acceptez-vous les animaux?<br>
                <input type="checkbox" name="vehicle2" value="Car">y a t-il un foyer?<br>
                <input type="checkbox" name="vehicle3" value="Boat" checked>y a t-il internet?<br>
                <input type="checkbox" name="vehicle3" value="Boat" checked>le chalet est -il en service?<br>
        </div>
        <div id="ajout_prix_chalet">
                <label class="label_important">Prix par semaine</label>
                <input type="text" placeholder="Prix ($)" id="input_prix_chalet" required="required" maxlength="36">
        </div>
        <div id="ajout_description_chalet">
                <label class="label_important">Description chalet</label>
                <input type="text" placeholder="Description" id="input_description_chalet" required="required" maxlength="36">
        </div>
        <input type="submit" value="SOUMETTRE" id="soumettre">
    </form>
    </fieldset>
</div>