<form id="projetForm">
    <!-- Historique de projet -->
    <div class="row" id="historiqueDiv">
        <div class="col s12">
            <div class="col s5">
                <select id="idSelect">
                    <option value="" selected disabled>Choix d'une ancienne version du projet</option>
                </select>
            </div>
            <div class="col s3">
                <button class="btn" type="button" id="loadHistoriqueBtn" style="margin-top: 10px;">Charger la version sélectionnée</button>
            </div>
        </div>
    </div>

    <!-- --------------------------------------------------- -->
    <!-- Nouvelle section : Informations sur l'entreprise    -->
    <!-- --------------------------------------------------- -->
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">group</i><span style="margin-left: 10px;">Eléments d'appréciation sur l'entreprise :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez renseigner les éléments d'appréciation sur l'entreprise ci-dessous :</h6>
            </div>
        </div>

        <!-- Assurés additionnels -->
        <div class="row">
            <div class="col s12">
                <div class="col s8 offset-s2">
                    <label>
                        <input type="checkbox" id="additionel" class="filled-in" onchange="toggler(this.id, 'checkAdditionnel')" />
                        <span>Assurés additionnels</span>
                    </label>
                    <div id="checkAdditionnel" style="display:none;">
                        <div class="row">
                            <h6 class="red-text text-darken-4">Veuillez lister les assurés additionnels (Filiales Françaises) :</h6>
                        </div>
                        <div class="card">
                            <table id="empTableAdditionnel">
                                <tr>
                                    <th>Nom</th>
                                    <th>Adresse</th>
                                    <th>Numéro Siret</th>
                                    <th>Action</th>
                                </tr>
                                <tr>
                                    <td><input type="text" name="nom" id="nomAdditionnel" placeholder="Non défini" /></td>
                                    <td><input type="text" name="adresse" id="adresseAditionnel" placeholder="Non défini" /></td>
                                    <td><input type="text" name="siret" id="siretAdditionnel" placeholder="Non défini" /></td>
                                    <td><button class="btn" type="button" id="btnAddAdditionnel"><i class="material-icons">add</i></button></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- -------------------------------------------------------------------- -->
    <!-- Nouvelle section : Informations sur les activités et marchandises    -->
    <!-- -------------------------------------------------------------------- -->
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">reorder</i><span style="margin-left: 10px;">Eléments d'appréciation sur les activités et les marchandises :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez vérifier que le montant de dommage matériel accordé est en phase avec les besoins du client et que vous avez les pouvoirs requis :</h6>
            </div>
        </div>

        <div class="row">
            <div class="col s12">
                <!-- Liste des activités -->
                <div class="col s6 mrg">
                    <div class="row">
                        <label for="activity-selector">Liste des activités :</label>
                        <hr>
                    </div>
                    <div class="row">
                        <div class="row">
                            <select multiple id="activity-selector">
                                <option selected value="" disabled>Choix des activités</option>
                                <option id="select-voiturier" value="voiturier" data-default-value="310000">Voiturier y compris sous-traitance temporaire</option>
                                <option id="select-loueur" value="loueur" data-default-value="310000">Loueur de véhicule industriel avec conducteur</option>
                                <option id="select-commissionnaire-multimodal" value="commissionnaire-multimodal" data-default-value="310000">Commissionnaire de transports multimodal</option>
                                <option id="select-représentant-douane" value="représentant-douane" data-default-value="155000">Représentant en Douane Enregistré</option>
                                <option id="select-demenageur-particulier" value="demenageur-particulier" data-default-value="30000">Déménageur de particuliers par voie terrestre - garantie responsabilité civile (sans limites par objet)</option>
                                <option id="select-demenageur-particulier-dommage" value="demenageur-particulier-dommage" data-default-value="60000">Déménageur de particuliers par voie terrestre - garantie valeur déclarée</option>
                                <option id="select-demenageur-particulier-advalorem" value="demenageur-particulier-advalorem" data-default-value="60000">Déménageur de particuliers par voie terrestre - garantie ad valorem</option>
                                <option id="select-demenageur-entreprise" value="demenageur-entreprise" data-default-value="30000">Déménageur d'entreprises</option>
                                <option id="select-demenageur-interne" value="demenageur-interne" data-default-value="30000">Déménageur interne</option>
                                <option id="select-garde-meubles" value="garde-meubles" data-default-value="60000">Garde-meubles</option>
                                <option id="select-entrepositaire-depositaire" value="entrepositaire-depositaire" data-default-value="310000">Entrepositaire - dépositaire</option>
                                <option id="select-prestataire-logistique" value="prestataire-logistique" data-default-value="310000">Prestataire logistique</option>
                                <option id="select-manutentionnaire-levageur" value="manutentionnaire-levageur" data-default-value="310000">Manutentionnaire – levageur / Loueur de matériel de levage avec opérateur</option>
                                <option id="select-transitaire" value="transitaire" data-default-value="310000">Transitaire </option>
                            </select>
                        </div>
                        <span id="mini-activity-error" class="red-text" style="display: none;">- Au minimum 1 activité sélectionné. Voiturier et Loueur automatiquement sélectionnées.</span>
                        <span id="selected-voiturier-error" class="red-text" style="display: none;">- Voiturier sélectionné pour les activités d'entrepositaire-dépositaire, prestataire logistique et manutentionnaire levageur.</span>
                        <span id="selected-demenageur-error" class="red-text" style="display: none;">- Déménageur particulier sélectionné pour l'activité de garde-meubles.</span>
                        <span id="selected-demenageur-entreprise-error" class="red-text" style="display: none;">- Déménageur interne sélectionné pour l'activité déménageur d'entreprises.</span>
                        <div id="selected-activities" style="margin-top: 20px;">
                            <!-- Les formulaires de saisie des dommages matériels seront ajoutés ici par JavaScript -->
                        </div>
                    </div>
                </div>

                <!-- Liste des marchandises -->
                <div class="col s6 mrg">
                    <div class="row">
                        <label for="marchandise-selector">Liste des marchandises :</label>
                        <hr>
                    </div>
                    <div class="row">
                        <div clas="row">
                            <select multiple id="marchandise-selector">
                                <option selected value="" disabled>Choix des marchandises</option>
                                <option id="select-ordinaire" value="ordinaire">Marchandises ordinaires et assimilées, les marchandises dangereuses dans le respect de la réglementation</option>
                                <option id="select-roulant" value="roulant">Véhicules roulants</option>
                                <option id="select-engins-chantier-agricole" value="engins-chantier-agricole">Engins de chantier et engins agricoles</option>
                                <option id="select-roulant-demenagement" value="roulant-demenagement">Véhicules roulants dans le cadre d'une activité de déménagement</option>
                                <option id="select-mobilier-usages" value="mobilier-usages">Mobiliers usagés – Objets et effets personnels en déménagement</option>
                                <option id="select-perissable-temperature-dirigee" value="perissable-temperature-dirigee">Marchandises périssables sous température dirigée</option>
                                <option id="select-animaux-vivant" value="animaux-vivant">Animaux vivants</option>
                                <option id="select-citerne" value="citerne">Marchandises en citerne</option>
                                <option id="select-beton" value="beton">Transports de béton</option>
                                <option id="select-exceptionnels" value="exceptionnels">Transports exceptionnels</option>
                                <option id="select-vrac" value="vrac">Marchandises en vrac transportées en benne</option>
                            </select>
                        </div>
                        <br>
                        <span id="mini-marchandise-error" class="red-text" style="display: none;">- Au minimum 1 marchandise sélectionné. Marchandises ordinaires automatiquement sélectionné.</span>
                        <span id="selected-RCE2-error" class="red-text" style="display: none;">- Nous ne garantissons pas les autres RC pour les transports de béton.</span>
                        <div id="selected-marchandises" style="margin-top: 20px;">
                            <!-- Les formulaires de saisie des dommages matériels seront ajoutés ici par JavaScript -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- -------------------------------------------------------------- -->
    <!-- Nouvelle section : Informations sur les zones géographiques    -->
    <!-- -------------------------------------------------------------- -->
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">public</i><span style="margin-left: 10px;">Informations sur les zones géographiques :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez renseigner la territorialité du contrat :</h6>
                <h6 class="red-text text-darken-4">(Territorialité pour toutes activitées hors "commissionnaire multimodal")</h6>
            </div>
        </div>

        <div class="row">
            <div class="col s12">
                <div class="col s8 offset-s2">
                    <div class="row" style="display: flex; justify-content: space-around; align-items: flex-end;">
                        <label>Zones géographiques :</label>
                        <div>
                            <button class="rectangle" type="button" id="btnMondeEntier">Monde entier</button>
                            <button class="rectangle" type="button" id="btnReset">Reset</button>
                        </div>
                    </div>
                    <hr>
                    <div class="row" style="margin-top: 20px;">
                        <div style="display: flex;align-items: center;justify-content: space-between;">
                            <label>
                                <input type="checkbox" id="zone1" name="zone1" class="filled-in" />
                                <span id="zone1-text">Zone 1 - France Métropolitaine et pays limitrophes</span>
                            </label>
                            <button class="circle" type="button" id="btnZone1">?</button>
                        </div>
                        <div style="display: flex;align-items: center;justify-content: space-between;">
                            <label>
                                <input type="checkbox" id="zone2" name="zone2" class="filled-in" />
                                <span id="zone2-text">Zone 2 - Union Européenne</span>
                            </label>
                            <button class="circle" type="button" id="btnZone2">?</button>
                        </div>
                        <div style="display: flex;align-items: center;justify-content: space-between;">
                            <label>
                                <input type="checkbox" id="zone3" name="zone3" class="filled-in" />
                                <span id="zone3-text">Zone 3 - Autres pays européens sauf Russie et Ukraine</span>
                            </label>
                            <button class="circle" type="button" id="btnZone3">?</button>
                        </div>
                        <div style="display: flex;align-items: center;justify-content: space-between;">
                            <label>
                                <input type="checkbox" id="zone4" name="zone4" class="filled-in" />
                                <span id="zone4-text">Zone 4 - Pays du Maghreb et Amérique du Nord (USA/Canada/Mexique)</span>
                            </label>
                            <button class="circle" type="button" id="btnZone4">?</button>
                        </div>
                        <div style="display: flex;align-items: center;justify-content: space-between;">
                            <label>
                                <input type="checkbox" id="zone5" name="zone5" class="filled-in" />
                                <span id="zone5-text">Zone 5 - Amérique Centrale et Sud / Caraïbes, Asie et Océanie</span>
                            </label>
                            <button class="circle" type="button" id="btnZone5">?</button>
                        </div>
                        <div style="display: flex;align-items: center;justify-content: space-between;">
                            <label>
                                <input type="checkbox" id="zone6" name="zone6" class="filled-in" />
                                <span id="zone6-text">Zone 6 - Afrique hors Maghreb / Proche Orient / Moyen Orient</span>
                            </label>
                            <button class="circle" type="button" id="btnZone6">?</button>
                        </div>
                        <div style="display: flex;align-items: center;justify-content: space-between;">
                            <label>
                                <input type="checkbox" id="zone7" name="zone7" class="filled-in" disabled />
                                <span id="zone7-text">Pays exclus</span>
                            </label>
                            <button class="circle" type="button" id="btnZone7">?</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- --------------------------------------------------- -->
    <!-- Nouvelle section : Informations sur les garanties   -->
    <!-- --------------------------------------------------- -->
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">reorder</i><span style="margin-left: 10px;">Informations sur les garanties :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez renseigner les garanties ainsi que les extensions de garantie pour les autres RC :</h6>
            </div>
        </div>

        <div class="row">
            <div class="col s12">
                <!-- Garanties de base -->
                <div class="col s6 mrg">
                    <div class="row">
                        <label for="garantieRCC-selector">Garantie de base RC Contractuelle :</label>
                        <hr>
                    </div>
                    <div class="row">
                        <div class="row">
                            <select multiple id="garantieRCC-selector">
                                <option value="" selected disabled>Choix des extensions RCC</option>
                                <option value="modif-calage-arrimage">Modification de la responsabilité contractuelle de l'assure sur les opérations de chargement, déchargement, calage, arrimage de la marchandise</option>
                                <option value="ferroutage">Ferroutage</option>
                                <option value="frais-reconstitution">Frais de reconstitution de documents bancaires ou d’archives, de titres restaurants, chèques ou cartes cadeaux</option>
                                <option value="contenant-confie">Garantie des contenants confiés</option>
                                <option value="tppc">Transports privés de marchandises</option>
                                <option value="regie">Fourniture de personnel en régie pour déménagement interne</option>
                                <option value="sans-montage-demontage">Livraison de meubles consécutif au transport sans montage-démontage</option>
                            </select>
                        </div>
                        <div id="selected-garantieRCC">
                            <!-- Les formulaires de saisie des dommages matériels seront ajoutés ici par JavaScript -->
                        </div>
                        <div class="row" id="garContenantConfie" style="display: none;">
                            <div class="subdiv">
                                <div style="display: flex;align-items: center;justify-content: space-between;">
                                    <label>Garanties des contenants confiés,  "Valeur déclarée" ou "Ad valorem" : </label>
                                    <button class="circle" type="button" id="btnGarContenantConfie">?</button>
                                </div>
                                <hr class="form">
                                <label>
                                    <input name="type" type="radio" id="ValeurDeclaree" value="Valeur déclarée" checked/>
                                    <span>Valeur déclarée</span>
                                </label>
                                <label>
                                    <input name="type" type="radio" id="AdValorem" value="Ad valorem" />
                                    <span>Ad valorem</span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Extensions de garanties -->
                <div class="col s6 mrg">
                    <div class="row">
                        <label for="garantieRCE-selector">Liste des extensions autres RC :</label>
                        <hr>
                    </div>
                    <div class="row switch">
                        <h6 class="red-text text-darken-4">Inclure les autres RC ?</h6>
                        <label>
                            Non
                            <input type="checkbox" id="choixRCE">
                            <span class="lever"></span>
                            Oui
                        </label>
                    </div>
                    <div class="row" id="garantieRCE" style="display: none;">
                        <div class="row">
                            <select multiple id="garantieRCE-selector">
                                <option value="" selected disabled>Choix des extensions autres RC</option>
                                <option value="branchement-debranchement">Branchement - Débranchement d'appareils électriques ou électroménager suite à livraison</option>
                                <option value="montage-demontage">Montage et démontage de meubles suite à livraison</option>
                            </select>
                        </div>
                        <div id="selected-garantieRCE">
                            <!-- Les formulaires de saisie des dommages matériels seront ajoutés ici par JavaScript -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ---------------------------------------------------------------- -->
    <!-- Nouvelle section : Informations sur les engagements spécifique   -->
    <!-- ---------------------------------------------------------------- -->
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">settings</i><span style="margin-left: 10px;">Informations sur les engagements spécifiques :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez renseigner la/les grille(s) tarifaire Ad Valorem de base par défaut (Les champs vides doivent être renseignés !) :</h6>
            </div>
        </div>
        
        <div class="row no-after" style="display: flex;justify-content: space-around;">
            <button class="btn" type="button" id="btnAdvaloTerrestre" style="display:none;">Afficher la grille terrestre</button>
            <button class="btn" type="button" id="btnAdvaloMultimodal" style="display:none;">Afficher la grille Maritime / Multimodal / Fluvial</button>
            <button class="btn" type="button" id="btnAdvaloAerien" style="display:none;">Afficher la grille aerienne</button>
        </div>

        <!-- Transport multimodal Advalo -->
        <div class="row" id="divAdvaloMultimodal" style="display:none;">
            <div class="row">
                <span><b>MODE DE TRANSPORT: MULTIMODAL / MARITIME / FLUVIAL (LES TAUX SONT EXPRIMES EN %)</b></span>
            </div>
            <table id="tabAdvaloMultimodal">
                <tr>
                    <th>ZONES</th>
                    <th>France métropolitaine et pays limitrophes Belgique, Luxembourg, Espagne, Italie, Allemagne, Monaco, Andorre, Suisse</th>
                    <th>Union Européenne</th>
                    <th>Autres pays Européens sauf Russie et Ukraine</th>
                    <th>Amérique du Nord (USA, Canada) / Pays du Maghreb</th>
                    <th>Amérique Centrale et Sud / Caraïbes, Asie et Océanie</th>
                    <th>Afrique hors Maghreb, Proche et Moyen Orient</th>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 1 / Marchandises ordinaires</td>
                    <td><input type="text" id="multimodalCat1Zone1" value="0.06" /></td>
                    <td><input type="text" id="multimodalCat1Zone2" value="0.06" /></td>
                    <td><input type="text" id="multimodalCat1Zone3" value="0.07" /></td>
                    <td><input type="text" id="multimodalCat1Zone4" value="0.09" /></td>
                    <td><input type="text" id="multimodalCat1Zone5" value="0.12" /></td>
                    <td><input type="text" id="multimodalCat1Zone6" value="0.14" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 2 / Marchandises à risques</td>
                    <td><input type="text" id="multimodalCat2Zone1" value="0.12" /></td>
                    <td><input type="text" id="multimodalCat2Zone2" value="0.13" /></td>
                    <td><input type="text" id="multimodalCat2Zone3" value="0.14" /></td>
                    <td><input type="text" id="multimodalCat2Zone4" value="0.24" /></td>
                    <td><input type="text" id="multimodalCat2Zone5" value="0.24" /></td>
                    <td><input type="text" id="multimodalCat2Zone6" value="0.3" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 3 / Matériels et Equipements Lourds</td>
                    <td><input type="text" id="multimodalCat3Zone1" value="0.07" /></td>
                    <td><input type="text" id="multimodalCat3Zone2" value="0.08" /></td>
                    <td><input type="text" id="multimodalCat3Zone3" value="0.09" /></td>
                    <td><input type="text" id="multimodalCat3Zone4" value="0.14" /></td>
                    <td><input type="text" id="multimodalCat3Zone5" value="0.14" /></td>
                    <td><input type="text" id="multimodalCat3Zone6" value="0.18" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 4 / Marchandises périssables</td>
                    <td><input type="text" id="multimodalCat4Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat4Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat4Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat4Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat4Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat4Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 5 / Véhicules roulants</td>
                    <td><input type="text" id="multimodalCat5Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat5Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat5Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat5Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat5Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat5Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 6 / Marchandises Exclues aux CP</td>
                    <td><input type="text" id="multimodalCat6Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat6Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat6Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat6Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat6Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat6Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 7 / Déménagements privés et d'entreprises</td>
                    <td><input type="text" id="multimodalCat7Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat7Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat7Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat7Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat7Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat7Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 8 / Marchandises spécifiques</td>
                    <td><input type="text" id="multimodalCat8Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat8Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat8Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat8Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat8Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="multimodalCat8Zone6" placeholder="Nous consulter" /></td>
                </tr>
            </table>
        </div>
        
        <!-- Transport Terrestre advalorem -->
        <div class="row" id="divAdvaloTerrestre" style="display:block;">
            <div class="row">
                <span><b>MODE DE TRANSPORT : TERRESTRE (LES TAUX SONT EXPRIMES EN %)</b></span>
            </div>
            <table id="tabAdvaloTerrestre">
                <tr>
                    <th>ZONES</th>
                    <th>France métropolitaine et pays limitrophes Belgique, Luxembourg, Espagne, Italie, Allemagne, Monaco, Andorre, Suisse</th>
                    <th>Union Européenne</th>
                    <th>Autres pays Européens sauf Russie et Ukraine</th>
                    <th>Amérique du Nord (USA, Canada) / Pays du Maghreb</th>
                    <th>Amérique Centrale et Sud / Caraïbes, Asie et Océanie</th>
                    <th>Afrique hors Maghreb, Proche et Moyen Orient</th>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 1 / Marchandises ordinaires</td>
                    <td><input type="text" id="terrestreCat1Zone1" value="0.05" /></td>
                    <td><input type="text" id="terrestreCat1Zone2" value="0.053" /></td>
                    <td><input type="text" id="terrestreCat1Zone3" value="0.06" /></td>
                    <td><input type="text" id="terrestreCat1Zone4" value="0.09" /></td>
                    <td><input type="text" id="terrestreCat1Zone5" value="0.12" /></td>
                    <td><input type="text" id="terrestreCat1Zone6" value="0.14" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 2 / Marchandises à risques</td>
                    <td><input type="text" id="terrestreCat2Zone1" value="0.1" /></td>
                    <td><input type="text" id="terrestreCat2Zone2" value="0.11" /></td>
                    <td><input type="text" id="terrestreCat2Zone3" value="0.12" /></td>
                    <td><input type="text" id="terrestreCat2Zone4" value="0.24" /></td>
                    <td><input type="text" id="terrestreCat2Zone5" value="0.24" /></td>
                    <td><input type="text" id="terrestreCat2Zone6" value="0.25" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 3 / Matériels et Equipements Lourds</td>
                    <td><input type="text" id="terrestreCat3Zone1" value="0.06" /></td>
                    <td><input type="text" id="terrestreCat3Zone2" value="0.066" /></td>
                    <td><input type="text" id="terrestreCat3Zone3" value="0.07" /></td>
                    <td><input type="text" id="terrestreCat3Zone4" value="0.14" /></td>
                    <td><input type="text" id="terrestreCat3Zone5" value="0.14" /></td>
                    <td><input type="text" id="terrestreCat3Zone6" value="0.15" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 4 / Marchandises périssables</td>
                    <td><input type="text" id="terrestreCat4Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat4Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat4Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat4Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat4Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat4Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 5 / Véhicules roulants</td>
                    <td><input type="text" id="terrestreCat5Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat5Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat5Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat5Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat5Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat5Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 6 / Marchandises Exclues aux CP</td>
                    <td><input type="text" id="terrestreCat6Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat6Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat6Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat6Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat6Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat6Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 7 / Déménagements privés et d'entreprises</td>
                    <td><input type="text" id="terrestreCat7Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat7Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat7Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat7Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat7Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat7Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 8 / Marchandises spécifiques</td>
                    <td><input type="text" id="terrestreCat8Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat8Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat8Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat8Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat8Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="terrestreCat8Zone6" placeholder="Nous consulter" /></td>
                </tr>
            </table>
        </div>
        
        <!-- Transport aerien Advalo -->
        <div class="row" id="divAdvaloAerien" style="display:none;">
            <div class="row">
                <span><b>MODE DE TRANSPORT : AERIEN (LES TAUX SONT EXPRIMES EN %)</b></span>
            </div>
            <table id="tabAdvaloAerien">
                <tr>
                    <th>ZONES</th>
                    <th>France métropolitaine et pays limitrophes Belgique, Luxembourg, Espagne, Italie, Allemagne, Monaco, Andorre, Suisse</th>
                    <th>Union Européenne</th>
                    <th>Autres pays EuropéenS sauf Russie et Ukraine</th>
                    <th>Amérique du Nord (USA, Canada) / Pays du Maghreb</th>
                    <th>Amérique Centrale et Sud / Caraïbes, Asie et Océanie</th>
                    <th>Afrique hors Maghreb, Proche et Moyen Orient</th>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 1 / Marchandises ordinaires</td>
                    <td><input type="text" id="aerienCat1Zone1" value="0.04" /></td>
                    <td><input type="text" id="aerienCat1Zone2" value="0.04" /></td>
                    <td><input type="text" id="aerienCat1Zone3" value="0.05" /></td>
                    <td><input type="text" id="aerienCat1Zone4" value="0.06" /></td>
                    <td><input type="text" id="aerienCat1Zone5" value="0.08" /></td>
                    <td><input type="text" id="aerienCat1Zone6" value="0.1" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 2 / Marchandises à risques</td>
                    <td><input type="text" id="aerienCat2Zone1" value="0.09" /></td>
                    <td><input type="text" id="aerienCat2Zone2" value="0.09" /></td>
                    <td><input type="text" id="aerienCat2Zone3" value="0.1" /></td>
                    <td><input type="text" id="aerienCat2Zone4" value="0.13" /></td>
                    <td><input type="text" id="aerienCat2Zone5" value="0.17" /></td>
                    <td><input type="text" id="aerienCat2Zone6" value="0.21" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 3 / Matériels et Equipements Lourds</td>
                    <td><input type="text" id="aerienCat3Zone1" value="0.05" /></td>
                    <td><input type="text" id="aerienCat3Zone2" value="0.06" /></td>
                    <td><input type="text" id="aerienCat3Zone3" value="0.06" /></td>
                    <td><input type="text" id="aerienCat3Zone4" value="0.08" /></td>
                    <td><input type="text" id="aerienCat3Zone5" value="0.1" /></td>
                    <td><input type="text" id="aerienCat3Zone6" value="0.13" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 4 / Marchandises périssables</td>
                    <td><input type="text" id="aerienCat4Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat4Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat4Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat4Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat4Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat4Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 5 / Véhicules roulants</td>
                    <td><input type="text" id="aerienCat5Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat5Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat5Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat5Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat5Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat5Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 6 / Marchandises Exclues aux CP</td>
                    <td><input type="text" id="aerienCat6Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat6Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat6Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat6Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat6Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat6Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 7 / Déménagements privés et d'entreprises</td>
                    <td><input type="text" id="aerienCat7Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat7Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat7Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat7Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat7Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat7Zone6" placeholder="Nous consulter" /></td>
                </tr>
                <tr>
                    <td style="color:darkblue;font-weight: bold;">CATEGORIE 8 / Marchandises spécifiques</td>
                    <td><input type="text" id="aerienCat8Zone1" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat8Zone2" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat8Zone3" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat8Zone4" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat8Zone5" placeholder="Nous consulter" /></td>
                    <td><input type="text" id="aerienCat8Zone6" placeholder="Nous consulter" /></td>
                </tr>
            </table>
        </div>
    </div>

    <!-- ---------------------------------------------------------------- -->
    <!-- Nouvelle section : Informations sur les engagements spécifique   -->
    <!-- ---------------------------------------------------------------- -->
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">settings</i><span style="margin-left: 10px;">Informations sur le contrat :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez renseigner les informations liées au contrat :</h6>
            </div>
        </div>

        <div class="row">
            <!-- Colonne Fractionnement -->
            <div class="row" style="max-width: 35rem;">
                <div class="row">
                    <label>Fractionnement :</label>
                    <hr>
                </div>
                <label>
                    <input name="fractionnement" id="mensuel" type="radio" value="mensuel" checked />
                    <span>Mensuel</span>
                </label>
                <label>
                    <input name="fractionnement" id="trimestriel" type="radio" value="trimestriel" />
                    <span>Trimestriel</span>
                </label>
                <label>
                    <input name="fractionnement" id="semestriel" type="radio" value="semestriel" />
                    <span>Semestriel</span>
                </label>
                <label>
                    <input name="fractionnement" id="annuel" type="radio" value="annuel" />
                    <span>Annuel</span>
                </label>
            </div>
            <br>


            <div class="col s12">
                <!-- dates du contrat -->
                <div class="col s6 mrg">
                    <div class="row">
                        <div style="display: flex;justify-content: space-evenly;align-items: center;">
                            <label>Dates du contrat :</label>
                            <button class="circle" type="button" id="btnModalDate">?</button>
                        </div>
                        <hr>
                    </div>
                    <div id="rowDateEffet" class="input-field">
                        <div class="col s11">
                            <input id="dateEffet" type="text" placeholder="jj/mm/aaaa">
                            <span class="helper-text">Date d'effet</span>
                            <span id="dateEffet-error" class="helper-text red-text"></span>
                        </div>
                        <div class="col s1">
                            <button class="circle-null" type="button" id="btnNullDateDebut">x</button>
                        </div>
                    </div>
                    <div id="rowDateEcheance" class="input-field">
                        <div class="col s11">
                            <input id="dateEcheance" type="text" placeholder="jj/mm">
                            <span class="helper-text">Date d'échéance</span>
                            <span id="dateEcheance-error" class="helper-text red-text"></span>
                        </div>
                        <div class="col s1">
                            <button class="circle-null" type="button" id="btnNullDateEcheance">x</button>
                        </div>
                    </div>
                    <div id="rowDateFin" class="input-field" style="display:none;">
                        <div class="col s11">
                            <input id="dateFin" type="text" placeholder="jj/mm/aaaa">
                            <span class="helper-text">Date de fin</span>
                            <span id="dateFin-error" class="helper-text red-text"></span>
                        </div>
                        <div class="col s1">
                            <button class="circle-null" type="button" id="btnNullDateFin">x</button>
                        </div>
                    </div>
                </div>

                <!-- Extensions spécifiques -->
                <div class="col s6 mrg">
                    <div class="row">
                        <div class="row">
                            <label>Extensions :</label>
                            <hr>
                        </div>
                        <div class="row">
                            <span>Programme international</span>
                            <hr class="form">
                            <div class="switch">
                                <label>
                                    Non
                                    <input type="checkbox" id="programmeInternationale">
                                    <span class="lever"></span>
                                    Oui
                                </label>
                            </div>
                        </div>
                        <div class="row">
                            <span>Protection juridique</span>
                            <hr class="form">
                            <div class="switch">
                                <label>
                                    Non
                                    <input type="checkbox" id="switchPJ">
                                    <span class="lever"></span>
                                    Oui
                                </label>
                            </div>
                        </div>
                        <div class="row">
                            <span>Participation aux résultats</span>
                            <hr class="form">
                            <div class="switch">
                                <label>
                                    Non
                                    <input type="checkbox" id="participationResultat">
                                    <span class="lever"></span>
                                    Oui
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ---------------------------------------------------- -->
    <!-- Nouvelle section : Informations sur les cotisations  -->
    <!-- ---------------------------------------------------- -->
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">settings</i><span style="margin-left: 10px;">Informations sur les cotisations :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez renseigner les informations sur la cotisation :</h6>
            </div>
        </div>

        <div class="row">
            <div class="col s12">
                <!-- Type de cotisation -->
                <div class="col s4 mrg" id="colTypeCot">
                    <div class="row">
                        <label>Type de cotisation :</label>
                        <hr>
                    </div>
                    <label>
                        <input name="cotisation" id="revisable" type="radio" value="revisable" checked />
                        <span>Cotisation révisable</span>
                    </label>
                    <label>
                        <input name="cotisation" id="forfaitaire" type="radio" value="forfaitaire" />
                        <span>Cotisation forfaitaire</span>
                    </label>
                </div>

                <!-- Chiffre d'affaires -->
                <div class="col s4 mrg" id="colCA">
                    <div class="row">
                        <label>Chiffre d'affaires :</label>
                        <hr>
                    </div>
                    <div class="input-field">
                        <i class="material-icons prefix">trending_up</i>
                        <input id="CA" type="text" placeholder="100000">
                        <span class="helper-text">Chiffre d'affaires</span>
                        <span id="CA-error" class="helper-text red-text"></span>
                    </div>
                </div>

                <!-- Cotisation minimale -->
                <div class="col s4 mrg" id="colCotMini">
                    <div class="row">
                        <label>Cotisation minimale irréductible :</label>
                        <hr>
                    </div>
                    <div class="input-field">
                        <i class="material-icons prefix">euro_symbol</i>
                        <input id="cotisationIrreductible" type="text" placeholder="200">
                        <span class="helper-text">Cotisation minimale irréductible</span>
                        <span id="cotisationIrreductible-error" class="helper-text red-text"></span>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tableau de désignation de véhicule -->
        <div class="row" id="checkVehicules" style="display:none;">
            <div class="col s12 mrg">
                <div class="row">
                    <label>Désignation des véhicules :</label>
                    <hr>
                </div>
                <div class="card">
                    <table id="empTableVehicules">
                        <tr>
                            <th>Marque</th>
                            <th>Genre</th>
                            <th>Type</th>
                            <th>Immat</th>
                            <th>Capital</th>
                            <th>Action</th>
                        </tr>
                        <tr>
                            <td><input type="text" name="marque" id="marqueVehicule" placeholder="Renault" /></td>
                            <td><input type="text" name="genre" id="genreVehicule" placeholder="VP" /></td>
                            <td><input type="text" name="type" id="typeVehicule" placeholder="Non défini" /></td>
                            <td><input type="text" name="immat" id="immatVehicule" placeholder="AA-999-AA" /></td>
                            <td><input type="text" name="capital" id="capitalVehicule" placeholder="10 000 €" /></td>
                            <td><button class="btn" type="button" id="btnAddVehicule"><i class="material-icons">add</i></button></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <!-- Tableau d'ajustement -->
        <div class="row">
            <div class="col s12">
                <div class="col s6 mrg" id="colTauxAjustement">
                    <div class="row">
                        <label>Taux d'ajustement :</label>
                        <hr>
                    </div>
                    <div class="card">
                        <table id="empTableTaux">
                            <thead>
                                <tr>
                                    <th>Garanties</th>
                                    <th>Taux HT</th>
                                    <th>Taux de taxe</th>
                                    <th>Taux TTC</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>RC Contractuelle</td>
                                    <td>
                                        <input type="text" name="tauxRCCHT" id="tauxRCCHT" placeholder="0.08" />
                                        <span id="tauxRCCHT-error" class="helper-text red-text"></span>
                                    </td>
                                    <td><input type="text" name="tauxRCCTaux" id="tauxRCCTaux" value="Sans taxe" disabled /></td>
                                    <td>
                                        <input type="text" name="tauxRCCTTC" id="tauxRCCTTC" placeholder="0.08" />
                                        <span id="tauxRCCTTC-error" class="helper-text red-text"></span>
                                    </td>
                                </tr>
                                <tr id="RCE1" name="RCE1" style="display : none;">
                                    <td>Autres RC</td>
                                    <td>
                                        <input type="text" name="tauxRCEHT" id="tauxRCEHT" placeholder="0.08" />
                                        <span id="tauxRCEHT-error" class="helper-text red-text"></span>
                                    </td>
                                    <td><input type="text" name="tauxRCETaux" id="tauxRCETaux" value="9" disabled /></td>
                                    <td>
                                        <input type="text" name="tauxRCETTC" id="tauxRCETTC" placeholder="0.08" />
                                        <span id="tauxRCETTC-error" class="helper-text red-text"></span>
                                    </td>
                                </tr>
                                <tr id="PJ1" name="PJ1" style="display : none;">
                                    <td>Protection Juridique</td>
                                    <td><input type="text" name="tauxPJHT" id="tauxPJHT" value="Prime forfaitaire" disabled /></td>
                                    <td><input type="text" name="tauxPJTaux" id="tauxPJTaux" value="13.4" disabled /></td>
                                    <td><input type="text" name="tauxPJTTC" id="tauxPJTTC" value="Prime forfaitaire" disabled /></td>
                                </tr>
                                <tr>
                                    <td>Total</td>
                                    <td>
                                        <input type="text" name="tauxTotalHT" id="tauxTotalHT" placeholder="0.00" />
                                        <span id="tauxTotalHT-error" class="helper-text red-text"></span>
                                    </td>
                                    <td><input type="text" name="tauxTotalTaux" id="tauxTotalTaux" value="//" disabled /></td>
                                    <td>
                                        <input type="text" name="tauxTotalTTC" id="tauxTotalTTC" placeholder="0.00" />
                                        <span id="tauxTotalTTC-error" class="helper-text red-text"></span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- Tableau des cotisations -->
                <div class="col s6 mrg" id="colDetailCot">
                    <div class="row">
                        <label>Détail des cotisations :</label>
                        <hr>
                    </div>
                    <div class="card">
                        <table id="empTableCotisation">
                            <thead>
                                <tr>
                                    <th>Garanties</th>
                                    <th>HT</th>
                                    <th>Taux de taxe</th>
                                    <th>TTC</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>RC Contractuelle</td>
                                    <td>
                                        <input type="text" name="cotRCCHT" id="cotRCCHT" placeholder="00.00" />
                                        <span id="cotRCCHT-error" class="helper-text red-text"></span>
                                    </td>
                                    <td>
                                        <input type="text" name="cotRCCTaux" id="cotRCCTaux" value="Sans taxe" disabled />
                                    </td>
                                    <td>
                                        <input type="text" name="cotRCCTTC" id="cotRCCTTC" placeholder="00.00" />
                                        <span id="cotRCCTTC-error" class="helper-text red-text"></span>
                                    </td>
                                </tr>
                                <tr id="RCE2" name="RCE2" style="display : none;">
                                    <td>Autres RC</td>
                                    <td>
                                        <input type="text" name="cotRCEHT" id="cotRCEHT" placeholder="00.00" />
                                        <span id="cotRCEHT-error" class="helper-text red-text"></span>
                                    </td>
                                    <td>
                                        <input type="text" name="cotRCETaux" id="cotRCETaux" value="9" disabled />
                                    </td>
                                    <td>
                                        <input type="text" name="cotRCETTC" id="cotRCETTC" placeholder="00.00" />
                                        <span id="cotRCETTC-error" class="helper-text red-text"></span>
                                    </td>
                                </tr>
                                <tr id="PJ2" name="PJ2" style="display : none;">
                                    <td>Protection Juridique</td>
                                    <td>
                                        <input type="text" name="cotPJHT" id="cotPJHT" placeholder="100.00" />
                                        <span id="cotPJHT-error" class="helper-text red-text"></span>
                                    </td>
                                    <td>
                                        <input type="text" name="cotPJTaux" id="cotPJTaux" value="13.4" disabled />
                                    </td>
                                    <td>
                                        <input type="text" name="cotPJTTC" id="cotPJTTC" placeholder="113.40" />
                                        <span id="cotPJTTC-error" class="helper-text red-text"></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Frais de répertoire</td>
                                    <td>
                                        <input type="text" name="cotFraisHT" id="cotFraisHT" value="36.00" />
                                        <span id="cotFraisHT-error" class="helper-text red-text"></span>
                                    </td>
                                    <td><input type="text" name="cotFraisTaux" id="cotFraisTaux" value="Sans taxe" disabled />
                                    </td>
                                    <td>
                                        <input type="text" name="cotFraisTTC" id="cotFraisTTC" value="36.00" />
                                        <span id="cotFraisTTC-error" class="helper-text red-text"></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Total</td>
                                    <td>
                                        <input type="text" name="cotTotalHT" id="cotTotalHT" placeholder="0.00" />
                                        <span id="cotTotalHT-error" class="helper-text red-text"></span>
                                    </td>
                                    <td>
                                        <input type="text" name="cotTotalTaux" id="cotTotalTaux" value="//" disabled />
                                    </td>
                                    <td>
                                        <input type="text" name="cotTotalTTC" id="cotTotalTTC" placeholder="0.00" />
                                        <span id="cotTotalTTC-error" class="helper-text red-text"></span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ------------------------------------------- -->
    <!-- Nouvelle section : Génération et sauvegarde -->
    <!-- ------------------------------------------- -->
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">save</i><span style="margin-left: 10px;">Enregistrer et poursuivre le parcours :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez enregistrer toutes modifications sur le formulaire :</h6>
            </div>
        </div>
        <button class="btn" type="submit" id="projetFormBtn">Enregistrer et poursuivre le parcours</button>
    </div>
</form>

<!-- --------------------------- -->
<!-- Début de la liste des Modal -->
<!-- --------------------------- -->
<!-- Modal pour pays zone 1 -->
<div id="modalZone1" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Zone 1 - France Métropolitaine et pays limitrophes</h5>
            <hr>
        </div>
        <div class="row">
            <img src="/images/zone1.png" alt="Liste zone 1" id="imgZone1" style="width:80%;">
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- Modal pour pays zone 2 -->
<div id="modalZone2" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Zone 2 - Union Européenne</h5>
            <hr>
        </div>
        <div class="row">
            <img src="/images/zone2.png" alt="Liste zone 2" id="imgZone2" style="width:80%;">
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- Modal pour pays zone 3 -->
<div id="modalZone3" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Zone 3 - Autres pays Européens sauf Russie et Ukraine</h5>
            <hr>
        </div>
        <div class="row">
            <img src="/images/zone3.png" alt="Liste zone 3" id="imgZone3" style="width:80%;">
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- Modal pour pays zone 4 -->
<div id="modalZone4" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Zone 4 - Pays du Maghreb et Amérique du Nord ( USA / Canada / Mexique )</h5>
            <hr>
        </div>
        <div class="row">
            <img src="/images/zone4.png" alt="Liste zone 4" id="imgZone4" style="width:80%;">
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- Modal pour pays zone 5 -->
<div id="modalZone5" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Zone 5 - Amérique Centrale et Sud / Caraïbes, Asie et Océanie</h5>
            <hr>
        </div>
        <div class="row">
            <img src="/images/zone5.png" alt="Liste zone 5" id="imgZone5" style="width:80%;">
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- Modal pour pays zone 6 -->
<div id="modalZone6" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Zone 6 - Afrique hors Maghreb / Proche Orient / Moyen Orient</h5>
            <hr>
        </div>
        <div class="row">
            <img src="/images/zone6.png" alt="Liste zone 6" id="imgZone6" style="width:80%;">
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- Modal pour pays zone pays Exclus -->
<div id="modalZoneExclus" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Liste des pays exclus</h5>
            <hr>
        </div>
        <div class="row">
            <img src="/images/zone7.png" alt="Liste zone 7" id="imgZone7" style="width:80%;">
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- Modal pour gestion des dates par défaut -->
<div id="modalDate" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Format de saisie date</h5>
            <hr>
        </div>
        <div class="row">
            <h6 class="red-text text-darken-4">Le format de donnée DATE doit respecter cette convention :</h6>
            <p class="indigo-text text-darken-4">- Pour date d'effet et date de fin <b>JJ/MM/AAAA</b><br/></p>
            <p class="indigo-text text-darken-4">- Pour date d'échéance et date de fin <b>JJ/MM</b><br/></p>
        </div>
        <div class="row">
            <h6>Pour des raisons de qualité de la donnée, aucun autre format ne sera possible, vous pouvez toutefois utiliser le bouton :</h6>
            <br>
            <center>
                <button class="circle-null" type="button">x</button>
            </center>
            <br>
            <h6>Vos CP seront alors renseignées avec la mention "A PRECISER" à la place de ladite DATE.</h6>
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- Modal Animaux Vivants -->
<div id="modalAnimauxVivants" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Demande PASS animaux vivants</h5>
            <hr>
        </div>
        <div class="row">
            <h6>Vous devez faire une <strong>demande de dépassement de pouvoirs</strong> pour pouvoir garantir<strong> les animaux vivants</strong></h6>
        </div>
        <div class="row">
            <h6 class="red-text text-darken-4">Veuillez cliquer sur <strong> « Demande PASS » </strong> pour faire la demande sur l'outil <strong>« PASS »</h6>
            <br>
            <button id="depassement" class="btn" onclick="window.open('https://ajir.axa-fr.intraxa/secure/RapidBoard.jspa?rapidView=24786&projectKey=ASIARD&quickFilter=47050', '_blank');"> Demande PASS </button>
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- Modal Contenants Confiés -->
<div id="modalContenantConfie" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Informations sur la garantie "Contenants Confiés"</h5>
            <hr>
        </div>
        <div class="row">
            <button class="btn" id="speClauses">Télécharger le fichier clauses plateforme</button>
        </div>
        <div class="row">
            <img src="/images/garContenantConfie.png" alt="Infos garContenantConfie" id="imgGarContenantConfie" style="width:80%;">
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>

<!-- MODAL modification & liaison tarif -->
<div id="modalModif" class="modal modalAlert">
    <div class="modal-content">
        <h4>Attention</h4>
        <p>
            Si vous modifiez cette information, la prime calculée à l'étape "Tarif" sera incorrecte, ce qui entraînera
            la suppression du tarif de référence associé à ce contrat.
        </p>

        <p>Cela s'applique aux informations suivantes :</p>
        <ul class="modalRed">
            <li>Activité assurée</li>
            <li>Garanties</li>
            <li>Extensions de Garanties impactant le tarif</li>
            <li>Type de Cotisation (avec un type de contrat en cotisation forfaitaire) </li>
        </ul>
    </div>
    <div class="modal-footer">
        <a id="modif-OK" class="modal-close waves-effect btn-flat red darken-1">Modifier dans Tarif</a>
        <a id="modif-NO" class="modal-close waves-effect btn-flat indigo darken-4">Annuler</a>
    </div>
</div>
