personnal/ecole/views/projetformrc.ejs

1227 lines
71 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<form id="projetForm">
<div id="rcProjetBlockingSummary" class="rc-blocking-summary"></div>
<!-- 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 darchives, 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>
<label class="rc-field-label" for="CA">Montant en euros</label>
<input id="CA" type="text">
<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>
<label class="rc-field-label" for="cotisationIrreductible">Montant en euros</label>
<input id="cotisationIrreductible" type="text">
<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" /></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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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 id="primeRefRow">
<td>Prime HT de référence (tarif choisi)</td>
<td>
<input type="text" name="primeRefHT" id="primeRefHT" readonly />
<span id="primeRefHT-error" class="helper-text red-text"></span>
</td>
<td>
<input type="text" name="primeRefTaxe" id="primeRefTaxe" value="Tarif choisi" disabled />
</td>
<td>
<input type="text" name="primeRefTTC" id="primeRefTTC" value="//" disabled />
</td>
</tr>
<tr>
<td>Total</td>
<td>
<input type="text" name="cotTotalHT" id="cotTotalHT" />
<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" />
<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>