<div class="contact" data-class="CONTACT" data-analytics-type="Nous contacter" data-analytics-name="Page Contact" data-analytics-call="validation_formulaire">
    <div class="contact-container">
        <div class="contact-content">
            <h1 class="contact-title">NOUS CONTACTER</h1>
            <p class="contact-subtitle">Besoin d'en savoir plus sur les Casinos Barrière ? Une question précise ?</p>
            <form class="contact-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 une adresse mail valide">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <label class="form-block-label" for="phone">N° de téléphone</label>
                            <input id="phone" type="text" class="form-input" name="phone" maxlength="100"
                                   data-required="required"
                                   data-format="phone"
                                   data-errormsg="Vous devez renseigner un numéro de téléphone valide">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-block form-required">
                            <select class="form-select" name="objet"
                                    data-required="required"
                                    data-errormsg="Vous devez choisir un sujet">
                                <option value="" disabled="disabled" selected="selected">OBJET DE VOTRE DEMANDE</option>
                                <option value="information">DEMANDE D'INFORMATION</option>
                                <option value="request">RÉCLAMATION AUPRÈS D'UN CASINO</option>
                                <option value="artist">PRODUCTION ARTISTIQUE</option>
                                <option value="premium">PROGRAMME DE FIDÉLITÉ</option>
                                <option value="newsletterOptout">DÉSABONEMENT À LA NEWSLETTER</option>
                                <option value="jobs">RESSOURCES HUMAINES</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" data-id="casinos">
                        <div class="form-block form-required">
                            <select class="form-select" name="casino"
                                    data-required="required"
                                    data-errormsg="Vous devez sélectionner un casino">
                                <option value="" disabled="disabled" selected="selected">LISTE DES CASINOS</option>
                                <option value="01">casino 1</option>
                                <option value="02">casino 2</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" data-id="optoutReasons">
                        <div class="form-block form-required">
                            <select class="form-select" name="optoutReason"
                                    data-required="required"
                                    data-errormsg="Vous devez Sélectionner une raison">
                                <option value="" disabled="disabled" selected="selected">RAISON</option>
                                <option value="01">raison 1</option>
                                <option value="02">raison 2</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" data-id="card">
                        <div class="form-block form-required">
                            <label class="form-block-label" for="card">Numéro de carte de fidélité</label>
                            <input id="card" type="text" class="form-input" name="card" maxlength="100"
                                   data-required="required"
                                   data-errormsg="Vous devez entrer votre numéro de carte de fidélité">
                        </div>
                    </div>
                    <div class="form-group" data-id="message">
                        <div class="form-block form-required">
                            <textarea placeholder="Message" class="form-textarea" name="message" rows="7"
                                      data-required="required"
                                      data-errormsg="Vous devez écrire un message"></textarea>
                        </div>
                    </div>
                    <p class="form-message-jobs">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque felis leo, semper ut sapien sit amet,
                        imperdiet cursus urna. Nunc nec sodales erat.
                    </p>
                    <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>

            <!-- CONFIRMATION -->
            <div class="contact-confirmation">
                <div class="contact-confirmation-wrapper">
                    <p>Merci !<br />Nous avons bien pris en compte votre demande.</p>
                </div>
            </div>
            <!-- end CONFIRMATION -->

            <div class="contact-offre">
                <div class="contact-offre-visuel">
                    <picture data-alt="" data-default-src="img/layout/contact/offres-visuel_mobile.jpg">
                        <source media="(min-width: 1025px)" srcset="img/layout/contact/offres-visuel_desktop.jpg"/>
                        <source media="(min-width: 481px)"  srcset="img/layout/contact/offres-visuel_tablet.jpg"/>
                        <source media="(max-width: 480px)"  srcset="img/layout/contact/offres-visuel_mobile.jpg"/>
                        <img src="" alt="" />
                    </picture>
                </div>
                <div class="contact-offre-infos">
                    <div class="contact-offre-infos-title">DÉCOUVREZ NOS OFFRES</div>
                    <div class="contact-offre-infos-content">
                        <div class="contact-offre-infos-content-text">
                            Créez votre espace candidat, postulez, ou déposez une candidature
                        </div>
                        <a class="contact-offre-infos-content-button button button-outline-small" href="#">REJOIGNEZ-NOUS</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
