<div class="devis" data-class="DEVIS" data-analytics-type="Nous contacter" data-analytics-name="Page Restaurant and Bar" data-analytics-call="validation_formulaire">
    <div class="devis-container">
        <div class="devis-content">
            <div class="devis-subtitle">
                <div class="devis-subtitle-bubble">2</div>
                <h6 class="devis-subtitle-bubble-title">DEMANDEZ-NOUS UN DEVIS</h6>
            </div>
            <form class="devis-form form" action="#">
                <input type="text" name="moreinfos" class="moreinfos" />
                <div class="form-container">
                    <div class="form-group">
                        <div class="form-inline">
                            <label for="mme">CIVILITÉ<sup>*</sup></label>
                        </div>
                        <div class="form-inline">
                            <input class="form-radio" type="radio" id="mr" name="civilite" value="mr"
                                   data-required="required"
                                   data-errormsg="Vous devez renseigner votre civilité">
                            <label for="mr"><span></span>MONSIEUR</label>
                        </div>
                        <div class="form-inline">
                            <input class="form-radio" type="radio" id="mme" name="civilite" value="mme" data-required="required">
                            <label for="mme"><span></span>MADAME</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <label class="form-block-label" for="nom">Nom</label>
                            <input id="nom" type="text" class="form-input" name="nom" maxlength="30" data-required="required" data-format="nospecialchars" data-errormsg="Ce champ est invalide">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <label class="form-block-label" for="prenom">Prénom</label>
                            <input id="prenom" type="text" class="form-input" name="prenom" maxlength="30" data-required="required" data-format="nospecialchars" data-errormsg="Ce champ est invalide">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <label class="form-block-label" for="email">Email</label>
                            <input id="email" type="text" class="form-input" name="email" maxlength="100"
                                   data-required="required"
                                   data-format="email"
                                   data-errormsg="Vous devez renseigner un email valide">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <select class="form-select" name="type"
                                    data-required="required"
                                    data-errormsg="Vous devez choisir un type d'événement">
                                <option value="" disabled="disabled" selected="selected">CHOISISSEZ LE TYPE D'ÉVÉNEMENT</option>
                                <option value="reunions">RÉUNIONS</option>
                                <option value="celebrations">CÉLEBRATIONS</option>
                                <option value="seminaires">SÉMINAIRES</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <select class="form-select" name="salle"
                                    data-required="required"
                                    data-errormsg="Vous devez sélectionner une salle">
                                <option value="" disabled="disabled" selected="selected">SÉLECTIONNER VOTRE SALLE</option>
                                <option value="01">SALLE 01</option>
                                <option value="02">SALLE 02</option>
                                <option value="03">SALLE 03</option>
                                <option value="04">SALLE 04</option>
                                <option value="05">SALLE 05</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required form-required-nbpers">
                            <label class="form-block-label" for="nbpersonnes">Nombre de personnes</label>
                            <input id="nbpersonnes" type="number" class="form-input" name="nbpersonnes" min="1" step="1" data-required="required" data-errormsg="Vous devez indiquer le nombre de personnes">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <label class="form-block-label" for="depart">Départ</label>
                            <input id="depart" type="text" class="form-input" name="depart" maxlength="30"
                                   data-required="required"
                                   data-errormsg="Vous devez préciser une date de départ">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <label class="form-block-label" for="arrivee">Arrivée</label>
                            <input id="arrivee" type="text" class="form-input" name="arrivee" maxlength="30"
                                   data-required="required"
                                   data-errormsg="Vous devez préciser une date d'arrivée">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <textarea placeholder="Commentaires" class="form-textarea" name="message" rows="6"
                                      data-required="required"
                                      data-errormsg="Vous devez écrire un message"></textarea>
                        </div>
                    </div>
                    <div class="form-group" data-id="submit">
                        <div class="form-block">
                            <input class="form-submit button button-golden" type="submit" value="VALIDER"/>
                        </div>
                    </div>
                </div>
            </form>
            <div class="devis-offre">
                <div class="devis-offre-visuel">
                    <picture data-alt="" data-default-src="img/layout/devis/devis-visuel_mobile.jpg">
                        <source media="(min-width: 1025px)" srcset="img/layout/devis/devis-visuel_desktop.jpg"/>
                        <source media="(min-width: 481px)" srcset="img/layout/devis/devis-visuel_tablet.jpg"/>
                        <source media="(max-width: 480px)"  srcset="img/layout/devis/devis-visuel_mobile.jpg"/>
                        <img src="" alt="" />
                    </picture>
                </div>
                <div class="devis-offre-infos">
                    <div class="devis-offre-infos-content">
                        <p class="devis-offre-infos-content-text">Déjeuner ou dîner spectacle, initiation poker, soirée à thème, soirée cabaret, défilé de mode, lancement de produit, cocktail, repas d’affaires, soirée entreprise...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
