<?php
session_start();

function afficher_erreurs()
{
    if (isset($_SESSION['formulaire_msg']) && $_SESSION['formulaire_msg']) {
        echo "<div style=\"color: red; font-size: 0.95em; margin-bottom: 20px;\">";
        echo $_SESSION['formulaire_msg'];
        echo "</div>";
    }
    //$_SESSION['formulaire_msg'] = '';
    //unset($_SESSION['formulaire_msg']);
}
?>
<?php
/*
Template Name: Formulaire
*/
?>
<?php get_header(); ?>


<!--<link href='https://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>-->
<link rel="stylesheet" type="text/css" href="/css/formulaire.css?v20230216" media="all" />
<link rel="stylesheet" type="text/css" href="/css/jquery-ui.css" media="all" />
<link rel="stylesheet" type="text/css" href="/css/jquery.fileupload.css" media="all" />
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script type="text/javascript" src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="/js/crc32.min.js"></script>
<script type="text/javascript" src="/js/vendor/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/formulaire.js?v20230216"></script>
<script type="text/javascript" src="/js/jquery.validate.js"></script>
<script type="text/javascript" src="/js/additional-methods.js"></script>
<script type="text/javascript" src="/js/jquery_fom.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        formulaire.init($);
        jQuery.validator.setDefaults({
            debug: true,
            success: "valid"
        });
        jQuery("#commentForm").validate();
    });
</script>

<div id="primary" class="content-area">
    <div id="content" class="site-content" role="main">
        <h2 class="entry-title"><?php the_title(); ?></h2>
        <div class="table">
            <div class="bloc_gauche">
                Bienvenue sur le formulaire de saisine en ligne du Médiateur de la consommation auprès de la Caisse Régionale de Crédit Agricole de&nbsp;Paris et <span style="white-space: nowrap;">d'Ile-de-France</span>.<br />
                Vous avez un différend avec votre établissement bancaire et souhaitez trouver une solution amiable grâce à la médiation.
            </div>
            <div class="bloc_droite">
                <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

                    <form id="commentForm" style="position: relative;" method="POST" action="/sauvegarde.php" enctype="multipart/form-data">
                        <?php
                        if (!isset($_GET['step']) || !$_GET['step'])
                            $step = "step1";
                        else
                            $step = "step" . $_GET['step'];
                        ?>
                        <noscript>
                            <style scoped type="text/css">
                                .panel {
                                    display: none;
                                }

                                .panel.<?php echo $step; ?> {
                                    display: block;
                                }

                                .bt_retour,
                                .panel.<?php echo $step; ?>.c0,
                                .panel.<?php echo $step; ?>.c1,
                                .panel.<?php echo $step; ?>.c2,
                                .panel.<?php echo $step; ?>.c3 {
                                    display: none;
                                }

                                <?php
                                if (isset($_GET['c']) && $_GET['c']) {
                                    echo ".panel." . $step . " .c" . $_GET['c'] . " { display: block; }\n";
                                } else {
                                    echo ".panel." . $step . " .c1 { display: block; }\n";
                                }
                                ?>
                            </style>
                            <input type="hidden" name="noJS" value="<?php echo $step; ?>" />
                            <input type="hidden" name="c" value="<?php echo $_GET['c'] ?? ''; ?>" />
                        </noscript>
                        <div class="panel step1">
                            <div class="etape">
                                <img src="/images/etape01.svg" title="Étape 1" alt="" />
                            </div>
                            <div class="contenu c1">
                                <div class="champs">
                                    <div class="errors"><?php afficher_erreurs(); ?></div>
                                    <div class="entete_question">Êtes vous&nbsp;:</div>
                                    <div class="champs_question">
                                        <ul>
                                            <li><label><input type="radio" value="particulier" name="etes_vous">un particulier</label></li>
                                            <li><label><input type="radio" value="professionnel" name="etes_vous">un professionnel</label></li>
                                        </ul>
                                        <div class="erreur" style="left:33px"><img src="/images/alerte.png" alt="Ce champ est requis" /></div>
                                        <div class="stop" style="display: none; font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">
                                            La médiation bancaire concerne uniquement les litiges entre un client consommateur particulier n'agissant pas pour des besoins professionnels et son établissement bancaire.<br />
                                            Vous êtes invité à contacter votre interlocuteur en agence ou le Service Client de la Caisse Régionale de Crédit Agricole Mutuel de Paris et d'Ile-de-France joignable :
                                            <ul style="list-style: disc; margin-left: 2em;">
                                                <li style="list-style: disc;">par téléphone : 01 44 73 26 74 (coût de la communication variable selon l’opérateur)</li>
                                                <li style="list-style: disc;">par e-mail : <a href="mailto:service.client@ca-paris.fr" style="text-decoration: underline;">service.client@ca-paris.fr</a></li>
                                                <li style="list-style: disc;">par courrier :<br>
                                                    Crédit Agricole d’Ile-de-France<br>
                                                    Service Client<br>
                                                    26, quai de la Rapée 75596 Paris Cedex 12
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="contenu c2" style="padding-top: 0px;">
                                <div class="champs">
                                    <div class="errors"><?php afficher_erreurs(); ?></div>
                                    <div class="entete_question">Avez-vous déjà adressé, depuis deux mois et moins d’un an, une récalamation écrite auprès de la Caisse Régionale&nbsp;?</div>
                                    <div class="champs_question">
                                        <ul>
                                            <li><label><input type="radio" value="oui" name="reclamation_deja_faite">Oui</label></li>
                                            <li><label><input type="radio" value="non" name="reclamation_deja_faite">Non</label></li>
                                        </ul>
                                        <div class="erreur" style="left:33px"><img src="/images/alerte.png" alt="Ce champ est requis" /></div>
                                        <div class="oui" style="display: none; font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">
                                            Date de votre première réclamation écrite auprès de votre Caisse&nbsp;:<br />
                                            <input type="date" name="date_reclamation" id="date_reclamation">
                                        </div>
                                        <div class="stop-date-invalide" style="color: #ff0000; font-weight: 700; display: none; font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">La date saisie est invalide.</div>
                                        <div class="stop-non" style="color: #ff0000; font-weight: 700; display: none; font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">Vous devez avant de pouvoir valablement saisir le Médiateur, adresser en premier lieu votre réclamation écrite à votre Caisse qui dispose d’un délai de 2 mois après son envoi pour vous apporter une réponse. Passé ce délai de 2 mois, vous pourrez alors saisir le Médiateur.</div>
                                        <div class="stop-date-moins-2" style="color: #ff0000; font-weight: 700; display: none; font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">Vous devez attendre un délai de 2 mois après l’envoi de votre première réclamation écrite à votre Caisse pour saisir le Médiateur.</div>
                                        <div class="stop-date-plus-12" style="color: #ff0000; font-weight: 700; display: none; font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">Votre demande n’est pas recevable à la médiation car conformément à l’article L612-2 du code de la consommation, elle ne peut être transmise dans un délai supérieur à un an à compter de votre première réclamation écrite auprès de votre Caisse.</div>
                                        <div class="date-ok" style="display: none; font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">
                                            <strong style="color: #ff0000;">Vous devez impérativement joindre une copie de votre réclamation écrite avec la preuve de sa date d’envoi ou de réception, à défaut le Médiateur ne pourra pas prendre en charge votre demande.</strong><br />
                                            <span class="obligatoire">* champs obligatoires</span><br />
                                            <span class="btn btn-success fileinput-button">
                                                <span class="block_upload">
                                                    <div>
                                                        <input type="file" name="reclamation_upload[0]" onchange="formulaire.updateSize(this);" /> * <input class='isFileOk' type='hidden' value='1' name='isFileOk[1]'> <input class='fziseHidden' type='hidden' value='0' name='fzise[1]'> <input class='fcrc32Hidden' type='hidden' value='' name='fcrc32[1]'> <button class="add button_validation2">Ajouter un fichier</button>
                                                        <div class="fzise">Taille du fichier selectionné&nbsp;: <span class="fileSize">0</span></div>
                                                    </div>
                                                </span>
                                            </span>
                                            <div class="file_info">
                                                Vous avez la possibilité de sélectionner jusqu’à 5 pièces jointes.<br />
                                                Taille max par pièce jointe&nbsp;: 3Mo<br />
                                                Formats autorisés&nbsp;: .doc, .docx, .pdf, .xls, .xlsx, .gif, .jpg, .jpeg, .bmp, .png
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="c2a">
                                <div class="contenu c3" style="padding-top: 1px;">
                                    <div class="champs">
                                        <div class="errors"><?php afficher_erreurs(); ?></div>
                                        <div class="entete_question">Avez-vous obtenu une ou des réponses à votre réclamation&nbsp;?</div>
                                        <div class="champs_question">
                                            <ul>
                                                <li><label><input type="radio" value="oui" name="service_client">Oui</label></li>
                                                <li><label><input type="radio" value="non" name="service_client">Non</label></li>
                                            </ul>
                                            <div class="erreur" style="left:33px"><img src="/images/alerte.png" alt="Ce champ est requis" /></div>
                                            <div class="oui" style="display: none; font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">
                                                <strong>Merci de joindre toutes les réponses reçues.</strong><br />
                                                <span class="btn btn-success fileinput-button">
                                                    <span class="block_upload">
                                                        <div>
                                                            <input type="file" name="reponse_upload[0]" onchange="formulaire.updateSize(this);" /> * <input class='isFileOk' type='hidden' value='1' name='isFileOk[2]'> <input class='fziseHidden' type='hidden' value='0' name='fzise[2]'> <input class='fcrc32Hidden' type='hidden' value='' name='fcrc32[2]'> <button class="add button_validation2">Ajouter un fichier</button>
                                                            <div class="fzise">Taille du fichier selectionné&nbsp;: <span class="fileSize">0</span></div>
                                                        </div>
                                                    </span>
                                                </span>
                                                <div class="file_info">
                                                    Vous avez la possibilité de sélectionner jusqu’à 5 pièces jointes.<br />
                                                    Taille max par pièce jointe&nbsp;: 3Mo<br />
                                                    Formats autorisés&nbsp;: .doc, .docx, .pdf, .xls, .xlsx, .gif, .jpg, .jpeg, .bmp, .png
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="contenu c4" style="padding-top: 1px;">
                                    <div class="champs">
                                        <div class="errors"><?php afficher_erreurs(); ?></div>
                                        <div class="entete_question">Avez-vous effectué un dépôt de plainte&nbsp;?</div>
                                        <div class="champs_question">
                                            <ul>
                                                <li><label><input type="radio" value="oui" name="depot_plainte">Oui</label></li>
                                                <li><label><input type="radio" value="non" name="depot_plainte">Non</label></li>
                                            </ul>
                                            <div class="erreur" style="left:33px"><img src="/images/alerte.png" alt="Ce champ est requis" /></div>
                                            <div class="oui" style="display: none; font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">
                                                <strong>Merci de joindre la copie du procès verbal de dépôt de plainte.</strong><br />
                                                <span class="btn btn-success fileinput-button">
                                                    <span class="block_upload">
                                                        <div>
                                                            <input type="file" name="plainte_upload[0]" onchange="formulaire.updateSize(this);" /> * <input class='isFileOk' type='hidden' value='1' name='isFileOk[3]'> <input class='fziseHidden' type='hidden' value='0' name='fzise[3]'> <input class='fcrc32Hidden' type='hidden' value='' name='fcrc32[3]'>
                                                            <div class="fzise">Taille du fichier selectionné&nbsp;: <span class="fileSize">0</span></div>
                                                        </div>
                                                    </span>
                                                </span>
                                                <div class="file_info">
                                                    Taille max par pièce jointe&nbsp;: 3Mo<br />
                                                    Formats autorisés&nbsp;: .doc, .docx, .pdf, .xls, .xlsx, .gif, .jpg, .jpeg, .bmp, .png
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="contenu cValide" style="padding-top: 1px; display: block;">
                                <div class="validation">
                                    <input type="hidden" value="step1" name="etape" />
                                    <input class="button_validation" style="display: none;" type="submit" name="boutton_validation" value="Étape suivante" />
                                </div>
                            </div>
                        </div>

                        <div class="panel step2">
                            <div class="etape">
                                <img src="/images/etape02.svg" title="Étape 2" alt="" />
                            </div>
                            <div class="contenu">
                                <div class="champs">
                                    <div class="errors"><?php afficher_erreurs(); ?></div>

                                    <div class="entete_question">SI VOUS EFFECTUEZ CETTE SAISINE POUR VOUS-MÊME OU POUR LE COMPTE D'UN TIERS, VEUILLEZ COMPLETER LES INFORMATIONS SUIVANTES :</div>
                                    <div class="champs_question">
                                        <div class="entete_liste">A quel titre intervenez-vous ?</div>
                                        <div class="bloque_complet c1">
                                            <div class="liste_gauche">
                                                <ul>
                                                    <li><label><input type="radio" name="quelle_personne" data-pouvoir="0" value="Pour vous-même">Pour vous-même</label></li>
                                                </ul>
                                            </div>
                                            <div class="liste_droite">
                                                <div class="entete_liste_petit">Ou vous intervenez en tant que :</div>
                                                <table>
                                                    <tr>
                                                        <td><label><input type="radio" name="quelle_personne" data-pouvoir="1" value="Membre de la famille">Membre de la famille</label></td>
                                                        <td><label><input type="radio" name="quelle_personne" data-pouvoir="1" value="Ami">Ami</label></td>
                                                    </tr>
                                                    <tr>
                                                        <td><label><input type="radio" name="quelle_personne" data-pouvoir="0" value="Avocat">Avocat</label></td>
                                                        <td><label><input type="radio" name="quelle_personne" data-pouvoir="1" value="Notaire / Conseiller">Notaire / Conseiller</label></td>
                                                    </tr>
                                                    <tr>
                                                        <td><label><input type="radio" name="quelle_personne" data-pouvoir="2" value="Association">Association</label></td>
                                                        <td><label><input type="radio" name="quelle_personne" data-pouvoir="1" value="Élu">Élu</label></td>
                                                    </tr>
                                                    <tr>
                                                        <td><label><input type="radio" name="quelle_personne" data-pouvoir="1" value="Autres">Autres</label></td>
                                                        <td></td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div style="clear: both;"></div>
                                        </div>
                                        <div class="contact moi c3">
                                            <table>
                                                <tr>
                                                    <td>
                                                        <span class="obligatoire">* champs obligatoires</span><br />
                                                        <br />
                                                        <label>Civilité</label> :
                                                        <label>Mme<input type="radio" value="Madame" name="civilite" /></label>
                                                        <label>M.<input type="radio" value="Monsieur" name="civilite" /></label>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Nom* <input type="text" name="nom" /></label></td>
                                                    <td><label>Prénom* <input type="text" name="prenom" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Adresse mail* <input type="text" name="email" /></label></td>
                                                    <td><label>Adresse* <input type="text" name="adresse" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Code Postal* <input type="text" name="codepostal" /></label></td>
                                                    <td><label>Ville* <input type="text" value="" name="ville" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Pays <input type="text" name="pays" /></label></td>
                                                    <td><label>Tel <input type="text" name="tel" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>N° de compte bancaire* <input type="text" name="numero_compte" /></label></td>
                                                    <td><label>Votre agence <input type="text" name="votre_agence" /></label></td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class="contact autre c2">
                                            <table>
                                                <tr>
                                                    <td>
                                                        <span class="obligatoire">* champs obligatoires</span><br />
                                                        <br />
                                                        <div class="entete_liste">Vous :</div>
                                                        <div class="noAssoc">
                                                            <label>Civilité</label> :
                                                            <label>Mme<input type="radio" value="Madame" name="civilite1" /></label>
                                                            <label>M.<input type="radio" value="Monsieur" name="civilite1" /></label>
                                                        </div>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <label class="noAssoc">Nom* <input type="text" name="nom1" /></label>
                                                        <label class="assoc">Raison sociale* <input type="text" name="raison" /></label>
                                                    </td>
                                                    <td><label class="noAssoc">Prénom* <input type="text" name="prenom1" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Adresse mail* <input type="text" name="email1" /></label></td>
                                                    <td><label>Adresse* <input type="text" name="adresse1" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Code Postal* <input type="text" name="codepostal1" /></label></td>
                                                    <td><label>Ville* <input type="text" value="" name="ville1" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Pays <input type="text" name="pays1" /></label></td>
                                                    <td><label>Tel <input type="text" name="tel1" /></label></td>
                                                </tr>
                                            </table>
                                            <br />
                                            <table>
                                                <tr>
                                                    <td>
                                                        <div class="entete_liste">Pour qui vous intervenez :</div>
                                                        <label>Civilité</label> :
                                                        <label>Mme<input type="radio" value="Madame" name="civilite2" /></label>
                                                        <label>M.<input type="radio" value="Monsieur" name="civilite2" /></label>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Nom* <input type="text" name="nom2" /></label></td>
                                                    <td><label>Prénom* <input type="text" name="prenom2" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Adresse mail* <input type="text" name="email2" /></label></td>
                                                    <td><label>Adresse* <input type="text" name="adresse2" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Code Postal* <input type="text" name="codepostal2" /></label></td>
                                                    <td><label>Ville* <input type="text" value="" name="ville2" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>Pays <input type="text" name="pays2" /></label></td>
                                                    <td><label>Tel <input type="text" name="tel2" /></label></td>
                                                </tr>
                                                <tr>
                                                    <td><label>N° de compte bancaire* <input type="text" name="numero_compte2" /></label></td>
                                                    <td><label>Votre agence <input type="text" name="votre_agence2" /></label></td>
                                                </tr>
                                            </table>
                                            <div class="pouvoir">
                                                <div style="font-family: 'PT sans',sans-serif; font-size: 0.87em; padding-top: 15px;">
                                                    <strong class="pouvoir1">Si vous intervenez pour un tiers, et n’êtes pas avocat, vous voudrez bien joindre toute pièce justifiant du pouvoir qui vous habilite à agir au nom de la personne représentée.</strong>
                                                    <strong class="pouvoir2">Si vous intervenez au titre d’une association, vous voudrez bien joindre toute pièce j l’habilitant à agir dans le présent litige.</strong>
                                                    <span class="btn btn-success fileinput-button">
                                                        <span class="block_upload">
                                                            <div>
                                                                <input type="file" name="pouvoir_upload[0]" onchange="formulaire.updateSize(this);" /> <span class="required-text">*</span> <input class='isFileOk' type='hidden' value='1' name='isFileOk[5]'> <input class='fziseHidden' type='hidden' value='0' name='fzise[5]'> <input class='fcrc32Hidden' type='hidden' value='' name='fcrc32[5]'> <button class="add button_validation2">Ajouter un fichier</button>
                                                                <div class="fzise">Taille du fichier selectionné&nbsp;: <span class="fileSize">0</span></div>
                                                            </div>
                                                        </span>
                                                    </span>
                                                    <div class="file_info">
                                                        Vous avez la possibilité de sélectionner jusqu’à 5 pièces jointes.<br />
                                                        Taille max par pièce jointe&nbsp;: 3Mo<br />
                                                        Formats autorisés&nbsp;: .doc, .docx, .pdf, .xls, .xlsx, .gif, .jpg, .jpeg, .bmp, .png
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="validation">
                                    <input type="hidden" value="" name="pour_qui" />
                                    <input type="hidden" value="step2" name="etape" />
                                    <input type="hidden" value="step1" name="etape_retour" />
                                    <input class="button_validation bt_retour" type="button" name="boutton_retour" value="Retour" />
                                    <input class="button_validation" type="submit" name="boutton_validation" value="Étape suivante" />
                                </div>
                            </div>
                        </div>


                        <div class="panel step3">
                            <div class="etape">
                                <img src="/images/etape03.svg" title="Étape 3" alt="" />
                            </div>
                            <div class="contenu">
                                <div class="champs">
                                    <div class="errors"><?php afficher_erreurs(); ?></div>
                                    <div class="entete_question"><label for="theme_principale">SELECTIONNEZ LE THÈME PRINCIPAL DE VOTRE DEMANDE</label> :</div>
                                    <div class="champs_question">
                                        <span class="obligatoire">* champs obligatoires</span><br />

                                        <select name="theme_principale" id="theme_principale">
                                            <option value="0">Liste des thèmes...</option>
                                            <option value="Fonctionnement du compte de dépôt">Fonctionnement du compte de dépôt</option>
                                            <option value="Moyens de paiement">Moyens de paiement</option>
                                            <option value="Ventes avec primes">Ventes avec primes</option>
                                            <option value="Ventes groupées">Ventes groupées</option>
                                            <option value="Tarification">Tarification</option>
                                            <option value="Opérations de crédit">Opérations de crédit</option>
                                            <option value="Produits d'épargne">Produits d'épargne</option>
                                            <option value="Placements financiers ou boursiers">Placements financiers ou boursiers</option>
                                            <option value="Assurances">Assurances</option>
                                            <option value="Autres">Autres</option>
                                        </select>&nbsp;*
                                        <div class="erreur erreur1"><img src="/images/alerte.png" alt="Ce champ est requis" /></div>
                                    </div>
                                </div>

                                <div class="champs">
                                    <div class="entete_question"><label for="texte_raison">LES RAISONS DE VOTRE DÉMARCHE</label> * :</div>
                                    <div class="champs_question">
                                        <div class="champs_textarea">
                                            <span class="obligatoire">* champs obligatoires</span><br />
                                            <br />
                                            <div>
                                                Décrivez synthétiquement et clairement votre litige (faits saillants, chronologie des événements, points de désaccord …), en précisant vos attentes.<br>
                                                Le médiateur rend ses conclusions au vu des éléments communiqués par le client-consommateur et la banque.
                                            </div>
                                            <br />
                                            <textarea rows="15" cols="60" id="texte_raison" onkeydown="formulaire.limiteur('#texte_raison', '#indicateur1', 7000);" onkeyup="formulaire.limiteur('#texte_raison', '#indicateur1', 7000);" name="texte_raison">Saisissez votre texte...</textarea>
                                            <div class="erreur erreur2"><img src="/images/alerte.png" alt="Ce champ est requis" /></div>
                                            <br />
                                            <span id="indicateur1">7 000 caractères maximum</span>.
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="contenu cValide" style="padding-top: 1px; display: block;">
                                <div class="validation">
                                    <input type="hidden" value="step3" name="etape" />
                                    <input type="hidden" value="step2" name="etape_retour" />
                                    <input class="button_validation bt_retour" type="button" name="boutton_retour" value="Retour" />
                                    <input class="button_validation" type="submit" name="boutton_validation" value="Étape suivante" />
                                </div>
                            </div>
                        </div>

                        <div class="panel step4">
                            <div class="etape">
                                <img src="/images/etape04.svg" title="Étape 4" alt="" />
                            </div>
                            <div class="contenu">
                                <div class="champs">
                                    <div class="errors"><?php afficher_erreurs(); ?></div>
                                    <div class="entete_question">ESTIMATION FINANCIÈRE DE VOTRE LITIGE :</div>
                                    <div>
                                        Si vous le souhaitez, vous pouvez nous faire parvenir une estimation financière de votre litige. Sinon passez directement à l'étape suivante.
                                    </div>
                                    <div class="champs_question">
                                        <table>
                                            <tr>
                                                <td><label><input type="radio" name="valeur" value="0"> 0&nbsp;€</label></td>
                                                <td><label><input type="radio" name="valeur" value="de 100 à 500"> De 100 à 500&nbsp;€</label></td>
                                                <td><label><input type="radio" name="valeur" value="de 1 000 à 3 000"> De 1&nbsp;000&nbsp;€ à 3&nbsp;000&nbsp;€</label></td>
                                                <td><label><input type="radio" name="valeur" value="plus de 10 000"> &gt;&nbsp;10&nbsp;000&nbsp;€</label></td>
                                            </tr>
                                            <tr>
                                                <td><label><input type="radio" name="valeur" value="moins de 100"> &lt;&nbsp;100&nbsp;€</label></td>
                                                <td><label><input type="radio" name="valeur" value="de 500 à 1 000"> De 500&nbsp;€ à 1&nbsp;000&nbsp;€</label></td>
                                                <td><label><input type="radio" name="valeur" value="de 3 000 à 10 000"> De 3&nbsp;000&nbsp;€ à 10&nbsp;000&nbsp;€</label></td>
                                                <td><label><input type="radio" name="valeur" value="indéterminée"> Indéterminée</label></td>
                                            </tr>
                                        </table>
                                        <div class="erreur erreur6-1"><img src="/images/alerte.png" alt="Ce champ est requis" /></div>

                                        <div class="entete_liste"><label for="texte_estimation">A quoi correspond cette estimation ?</label></div>
                                        <div class="champs_textarea">
                                            <textarea rows="15" cols="60" id="texte_estimation" onkeydown="formulaire.limiteur('#texte_estimation', '#indicateur2', 1500);" onkeyup="formulaire.limiteur('#texte_estimation', '#indicateur2', 1500);" name="texte_estimation">Saisissez votre texte...</textarea>
                                            <div class="erreur erreur6-2"><img src="/images/alerte.png" alt="Ce champ est requis" /></div>
                                            <br />
                                            <span id="indicateur2">1 500 caractères maximum</span>.
                                        </div>
                                    </div>

                                    <div class="validation">
                                        <input type="hidden" value="step4" name="etape" />
                                        <input type="hidden" value="step5" name="etape_retour" />
                                        <input class="button_validation bt_retour" type="button" name="boutton_retour" value="RETOUR" />
                                        <input class="button_validation" name="boutton_validation" type="submit" value="ÉTAPE SUIVANTE" />
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="panel step5">
                            <div class="etape">
                                <img src="/images/etape05.svg" title="Étape 5" alt="" />
                            </div>
                            <div class="contenu">
                                <div class="champs">
                                    <div class="errors"><?php afficher_erreurs(); ?></div>
                                    <div class="entete_question">VEUILLEZ JOINDRE LES DOCUMENTS RELATIFS À VOTRE DEMANDE ET LES ÉCHANGES AVEC LA CAISSE RÉGIONALE&nbsp;:</div>
                                    <div class="champs_question" style="margin-top:11px">
                                        <div>(Pièces justificatives, telles que les contrats, courriers, courriels, relevés de compte... nécessaires au traitement de votre dossier).</div>
                                        <div class="btn btn-success fileinput-button pj_dossier">
                                            <span class="block_upload">
                                                <div>
                                                    <input type="file" name="file_upload[0]" onchange="formulaire.updateSize(this);" /> <input class='isFileOk' type='hidden' value='1' name='isFileOk[0]'> <input class='fziseHidden' type='hidden' value='0' name='fzise[0]'> <button class="add button_validation2" onclick="formulaire.addField();">Ajouter un fichier</button>
                                                    <div class="fzise">Taille du fichier selectionné : <span class="fileSize">0</span></div>
                                                </div>
                                            </span>
                                        </div>
                                        <div class="file_info">
                                            Vous avez la possibilité de sélectionner jusqu’à 7 pièces jointes.<br />
                                            Taille max des pièces jointes : 3Mo<br />
                                            Formats autorisés : .doc, .docx, .pdf, .xls, .xlsx, .gif, .jpg, .jpeg, .bmp, .png
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="contenu cValide" style="padding-top: 1px; display: block;">
                                <div class="validation">
                                    <input type="hidden" value="step5" name="etape" />
                                    <input type="hidden" value="step4" name="etape_retour" />
                                    <input class="button_validation bt_retour" type="button" name="boutton_retour" value="Retour" />
                                    <!-- <input class="button_validation" type="submit" name="boutton_validation" value="Étape suivante" /> -->
                                    <input class="button_validation" name="boutton_validation" type="submit" value="ÉTAPE SUIVANTE" />
                                    <!-- <input class="button_validation enregistrement" type="submit" name="save_bdd" id="save_bdd" value="Validation" /> -->
                                </div>
                            </div>
                        </div>


                        <div class="panel step6">
                            <div class="etape">
                                <img src="/images/etape06.svg" title="Étape 6" alt="" />
                            </div>
                            <div class="contenu">
                                <div class="champs">
                                    <div class="errors"><?php afficher_erreurs(); ?></div>
                                    <div class="champs_question" style="margin-top:11px">
                                        <div>Afin de valider votre demande, merci de nous indiquer que vous n'êtes pas un robot en recopiant les caractères alphanumériques affichées dans l'image ci-dessous&nbsp;:</div>
                                        <img id="sdsgiu" src="/captcha-image.php" alt="Captach"> <button class="reload-cap" title="Recharger l'image">&nbsp;</button><br>
                                        <input type="text" name="dshghdsg[sdsgiu]" placeholder="Recopiant ici les lettres et chiffres ci-dessus">
                                        <div class="erreur erreur2"><img src="/images/alerte.png" alt="Ce champ est requis" /></div>
                                    </div>
                                </div>
                            </div>
                            <div class="contenu cValide" style="padding-top: 1px; display: block;">
                                <div class="validation">
                                    <input type="hidden" value="step6" name="etape" />
                                    <input type="hidden" value="step5" name="etape_retour" />
                                    <input class="button_validation bt_retour" type="button" name="boutton_retour" value="Retour" />
                                    <input class="button_validation enregistrement" type="submit" name="save_bdd" id="save_bdd" value="Validation" />
                                </div>
                            </div>
                        </div>

                        <div class="panel step7">
                            <div class="etape">
                                <img src="/images/etape06.svg" title="Étape 6" alt="" />
                            </div>
                            <div class="contenu">
                                <div class="champs">
                                    <div class="erreur"></div>
                                    <div class="entete_question">
                                        Envoi des données du formulaire, veuillez patienter...<br />
                                        <br />
                                        <div style="text-align: center;">
                                            <img src="/wp-content/themes/mediateur/images/loader.gif" alt="Chargement" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel step8">
                            <div class="etape">
                                <img src="/images/etape07.svg" title="Étape 7" alt="" />
                            </div>
                            <div class="contenu">
                                <div class="champs">
                                    <div class="erreur"></div>
                                    <div class="entete_question">
                                        Votre réclamation a été envoyée au médiateur auprès de la Caisse Régionale de Crédit Agricole Mutuel de Paris et d'Ile-de-France.<br />
                                        Le Médiateur statue sur sa recevabilité et en informe les parties dans un délai de 3 semaines.<br>
                                        <br>
                                        Merci de ne pas réitérer votre saisine avant d’avoir reçu une réponse sur la recevabilité de votre demande.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel stepError">
                            <div class="etape">
                                <img src="/images/etape07.svg" title="Étape 7" alt="" />
                            </div>
                            <div class="contenu">
                                <div class="champs">
                                    <div class="erreur"></div>
                                    <div class="entete_question">
                                        Une erreur est survenue&nbsp;!
                                    </div>
                                    <div class="champs_question" style="margin-top:11px"></div>
                                </div>
                            </div>
                            <div class="contenu cValide" style="padding-top: 1px; display: none;">
                                <div class="validation">
                                    <input type="hidden" value="step6" name="etape_retour" />
                                    <input class="button_validation bt_retour" type="button" name="boutton_retour" value="Retour" />
                                </div>
                            </div>
                        </div>
                    </form>
                    <p class="cnil">
                        <u>Informatique et Libertés</u> : Les informations personnelles collectées ci-dessus et signalées par un astérisque sont obligatoires pour pouvoir prendre en compte votre demande. Elles feront l’objet d’un traitement informatisé effectué par le Médiateur de la consommation auprès de l’établissement en vue de vous apporter une réponse. Elles pourront être transmises, si nécessaire, à la Caisse Régionale et à toute entité participant à la gestion du produit ou service objet de votre réclamation. Conformément au Règlement (UE) 2016/679, vous disposez d’un droit d’accès, de rectification et d’opposition sur ces données personnelles que vous pouvez exercer en écrivant à&nbsp;: Monsieur Le Médiateur de la consommation auprès de la Caisse Régionale de Crédit Agricole Mutuel de Paris et d’Ile-de-France, TSA 90400, 75560 Paris Cedex 12
                    </p>
                </article>
            </div>
        </div>
    </div>
</div>
<div style="clear:both;"></div>
<?php get_footer(); ?>