From c1eb819c6ffb7b1dd762ede9b0f3e25f4cc8b3ad Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Thu, 12 May 2016 13:04:09 +0200
Subject: [PATCH] Export excel en passant par .csv (dans automate.php)

---
 automate.php                       | 97 ++++++++++++++++++++++++++++--
 doc/phone_log.json                 | 66 ++++++++++----------
 doc/phone_log_dict.json            |  4 +-
 js/includes/input-html-data-min.js |  2 +-
 js/includes/input-html-data.js     | 16 ++---
 5 files changed, 136 insertions(+), 49 deletions(-)

diff --git a/automate.php b/automate.php
index 771d13d..2eb5963 100755
--- a/automate.php
+++ b/automate.php
@@ -69,12 +69,10 @@
 
 	/* [3] Test de la vérification du format de fichier pour l'upload
 	=========================================================*/
-	?>
-	 	<!-- <form action='' method='POST' enctype='multipart/form-data'>
-	 		<input type='file' name='file'>
-	 		<input type='submit' value='Upload'>
-	 	</form> -->
-	 <?php
+		// 	<!-- <form action='' method='POST' enctype='multipart/form-data'>
+	 // 		<input type='file' name='file'>
+	 // 		<input type='submit' value='Upload'>
+		// 	</form>
 	// var_dump($_FILES);
 	//
 	// if( isset($_FILES) ){
@@ -85,5 +83,92 @@
 	//
 	// }
 
+	$phone_log = json_decode( file_get_contents('doc/phone_log.json'),      true );
+	$dict      = json_decode( file_get_contents('doc/phone_log_dict.json'), true );
+
+	// Contiendra le résultat
+	$output = array( 'call_log' => '', 'contacts' => '' );
+
+
+
+	/* [1] Journal d'appel
+	=========================================================*/
+	foreach($phone_log['call_log'] as $i=>$log){
+
+		/* (1) Colonnes */
+		$logid = 0;
+		if( $i == 0 )
+			foreach($log as $key=>$val){
+				$output['call_log'] .= ($logid<count($log)-1) ? '"'.$key.'",' : '"'.$key.'"'."\r\n";
+				$logid++;
+			}
+
+		/* (2) Valeurs */
+		$logid = 0;
+		foreach($log as $key=>$val){
+
+			if( isset($dict['call_log'][$key][$val]) )
+				$output['call_log'] .= '"'.$dict['call_log'][$key][$val].'"';
+			else
+				$output['call_log'] .= '"'.$val.'"';
+
+			// Si pas dernier, on met une virgule, sinon retour à la ligne
+			$output['call_log'] .= ($logid<count($log)-1) ? ',' : ''."\r\n";
+
+			$logid++;
+		}
+
+	}
+
+
+	/* [2] Contacts
+	=========================================================*/
+	foreach($phone_log['contacts'] as $i=>$log){
+
+		/* (1) Colonnes */
+		$logid = 0;
+		if( $i == 0 )
+			foreach($log as $key=>$val){
+				$output['contacts'] .= ($logid<count($log)-1) ? '"'.$key.'",' : $key.'"'."\r\n";
+				$logid++;
+			}
+
+		/* (2) Valeurs */
+		$logid = 0;
+		foreach($log as $key=>$val){
+
+			if( isset($dict['contacts'][$key][$val]) )
+				$output['contacts'] .= '"'.$dict['contacts'][$key][$val].'"';
+			else
+				$output['contacts'] .= '"'.$val.'"';
+
+			// Si pas dernier, on met une virgule, sinon retour à la ligne
+			$output['contacts'] .= ($logid<count($log)-1) ? ',' : ''."\r\n";
+
+			$logid++;
+		}
+
+	}
+
+
+
+	/* [3] Création de l'archive
+	=========================================================*/
+	$zip = new ZipArchive();
+	$fname = '/tmp/'.time().'.zip';
+	$zip->open($fname,  ZipArchive::CREATE);
+
+	foreach($output as $name=>$content)
+		$zip->addFromString($name.'.csv', $content);
+
+	$zip->close();
+
+	/* [4] On lance le téléchargement
+	=========================================================*/
+	header("Content-type: application/zip");
+	header("Content-Disposition: attachment; filename=phone_data.zip");
+	header("Pragma: no-cache");
+	header("Expires: 0");
+	readfile($fname);
 
 ?>
diff --git a/doc/phone_log.json b/doc/phone_log.json
index 9792bd1..72c95f2 100644
--- a/doc/phone_log.json
+++ b/doc/phone_log.json
@@ -1,27 +1,27 @@
 {
     "call_log": [
-        { "contact":"1",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"2",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"3",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"4",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"5",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"6",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"7",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"8",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"9",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"10", "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"11", "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"INCOMING", "type":"SMS"   },
-        { "contact":"12", "date":"2014-02-28T15:00:10", "duration":"125", "direction":"OUTGOING", "type":"PHONE" },
-        { "contact":"13", "date":"2014-02-15T23:06:46", "duration":"0",   "direction":"INGOING",  "type":"PHONE" },
-        { "contact":"14", "date":"2014-02-15T23:06:18", "duration":"0",   "direction":"INGOING",  "type":"PHONE" },
-        { "contact":"15", "date":"2014-02-15T21:08:34", "duration":"349", "direction":"OUTGOING", "type":"PHONE" },
-        { "contact":"16", "date":"2014-02-15T20:51:38", "duration":"0",   "direction":"OUTGOING", "type":"PHONE" },
-        { "contact":"17", "date":"2014-02-15T19:06:33", "duration":"657", "direction":"OUTGOING", "type":"PHONE" },
-        { "contact":"18", "date":"2014-02-15T19:06:33", "duration":"657", "direction":"MISSED",   "type":"PHONE" },
-        { "contact":"19", "date":"2014-02-15T19:06:33", "duration":"657", "direction":"OUTGOING", "type":"PHONE" },
-        { "contact":"20", "date":"2014-02-15T19:06:33", "duration":"657", "direction":"OUTGOING", "type":"PHONE" },
-        { "contact":"21", "date":"2014-02-15T17:24:18", "duration":"276", "direction":"OUTGOING", "type":"PHONE" },
-        { "contact":"22", "date":"2014-02-15T16:34:29", "duration":"36",  "direction":"OUTGOING", "type":"PHONE" }
+        { "contact":"1",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"2",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"3",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"4",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"5",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"6",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"7",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"8",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"9",  "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"10", "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"11", "date":"2014-05-28T14:43:25", "duration":"0",   "direction":"0", "type":"0" },
+        { "contact":"12", "date":"2014-02-28T15:00:10", "duration":"125", "direction":"1", "type":"1" },
+        { "contact":"13", "date":"2014-02-15T23:06:46", "duration":"0",   "direction":"0", "type":"1" },
+        { "contact":"14", "date":"2014-02-15T23:06:18", "duration":"0",   "direction":"0", "type":"1" },
+        { "contact":"15", "date":"2014-02-15T21:08:34", "duration":"349", "direction":"1", "type":"1" },
+        { "contact":"16", "date":"2014-02-15T20:51:38", "duration":"0",   "direction":"1", "type":"1" },
+        { "contact":"17", "date":"2014-02-15T19:06:33", "duration":"657", "direction":"1", "type":"1" },
+        { "contact":"18", "date":"2014-02-15T19:06:33", "duration":"657", "direction":"2", "type":"1" },
+        { "contact":"19", "date":"2014-02-15T19:06:33", "duration":"657", "direction":"1", "type":"1" },
+        { "contact":"20", "date":"2014-02-15T19:06:33", "duration":"657", "direction":"1", "type":"1" },
+        { "contact":"21", "date":"2014-02-15T17:24:18", "duration":"276", "direction":"1", "type":"1" },
+        { "contact":"22", "date":"2014-02-15T16:34:29", "duration":"36",  "direction":"1", "type":"1" }
     ],
 
     "contacts": [
@@ -36,17 +36,17 @@
         { "contact":"9",  "number":"0502031653", "name":"", "sexe":"0", "age":"9",  "studies":"9",  "reltype":"9",  "dist":"8"  },
         { "contact":"10", "number":"0502031809", "name":"", "sexe":"0", "age":"10", "studies":"10", "reltype":"10", "dist":"9"  },
         { "contact":"11", "number":"0502031965", "name":"", "sexe":"0", "age":"11", "studies":"11", "reltype":"11", "dist":"10" },
-        { "contact":"12", "number":"0502032121", "name":"", "sexe":"0", "age":"12", "studies":"12", "reltype":"12", "dist":"11" },
-        { "contact":"13", "number":"0502032277", "name":"", "sexe":"0", "age":"13", "studies":"13", "reltype":"13", "dist":"12" },
-        { "contact":"14", "number":"0502032433", "name":"", "sexe":"0", "age":"14", "studies":"14", "reltype":"14", "dist":"13" },
-        { "contact":"15", "number":"0502032589", "name":"", "sexe":"0", "age":"15", "studies":"15", "reltype":"15", "dist":"14" },
-        { "contact":"16", "number":"0502032745", "name":"", "sexe":"0", "age":"16", "studies":"16", "reltype":"16", "dist":"15" },
-        { "contact":"17", "number":"0502032901", "name":"", "sexe":"0", "age":"17", "studies":"17", "reltype":"17", "dist":"16" },
-        { "contact":"18", "number":"0502033057", "name":"", "sexe":"0", "age":"18", "studies":"18", "reltype":"18", "dist":"17" },
-        { "contact":"19", "number":"0502033213", "name":"", "sexe":"0", "age":"19", "studies":"19", "reltype":"19", "dist":"18" },
-        { "contact":"20", "number":"0502033369", "name":"", "sexe":"0", "age":"20", "studies":"20", "reltype":"20", "dist":"19" },
-        { "contact":"21", "number":"0502033525", "name":"", "sexe":"0", "age":"21", "studies":"21", "reltype":"21", "dist":"20" },
-        { "contact":"22", "number":"0502033681", "name":"", "sexe":"0", "age":"22", "studies":"22", "reltype":"22", "dist":"21" }
+        { "contact":"12", "number":"0502032121", "name":"", "sexe":"1", "age":"12", "studies":"12", "reltype":"12", "dist":"11" },
+        { "contact":"13", "number":"0502032277", "name":"", "sexe":"1", "age":"13", "studies":"13", "reltype":"13", "dist":"12" },
+        { "contact":"14", "number":"0502032433", "name":"", "sexe":"1", "age":"14", "studies":"14", "reltype":"14", "dist":"13" },
+        { "contact":"15", "number":"0502032589", "name":"", "sexe":"1", "age":"15", "studies":"15", "reltype":"15", "dist":"14" },
+        { "contact":"16", "number":"0502032745", "name":"", "sexe":"1", "age":"16", "studies":"16", "reltype":"16", "dist":"15" },
+        { "contact":"17", "number":"0502032901", "name":"", "sexe":"1", "age":"17", "studies":"17", "reltype":"17", "dist":"16" },
+        { "contact":"18", "number":"0502033057", "name":"", "sexe":"1", "age":"18", "studies":"18", "reltype":"18", "dist":"17" },
+        { "contact":"19", "number":"0502033213", "name":"", "sexe":"1", "age":"19", "studies":"19", "reltype":"19", "dist":"18" },
+        { "contact":"20", "number":"0502033369", "name":"", "sexe":"1", "age":"20", "studies":"20", "reltype":"20", "dist":"19" },
+        { "contact":"21", "number":"0502033525", "name":"", "sexe":"1", "age":"21", "studies":"21", "reltype":"21", "dist":"20" },
+        { "contact":"22", "number":"0502033681", "name":"", "sexe":"1", "age":"22", "studies":"22", "reltype":"22", "dist":"21" }
 
     ]
 
diff --git a/doc/phone_log_dict.json b/doc/phone_log_dict.json
index 9946c51..c53337b 100644
--- a/doc/phone_log_dict.json
+++ b/doc/phone_log_dict.json
@@ -18,7 +18,9 @@
             "10": "55 à 60", "11": "60 à 65", "12": "65 à 70", "13": "70 à 75", "14": "75 à 80",
             "15": "80 à 85", "16": "85 à 90", "17": "90 à 95", "18": "95 à 100"
         },
+        
         "studies": {
+            ".": "Non défini"
 
         },
 
@@ -37,7 +39,7 @@
 
         "dist": {
             "0": "- de 5 minutes",
-            "1": "de 5 à 15 minutes",
+            "1": "de 5 à  15 minutes",
             "2": "de 15 à 60 minutes",
             "3": "+ d'une heure"
         }
diff --git a/js/includes/input-html-data-min.js b/js/includes/input-html-data-min.js
index 218aa14..da2a4ca 100644
--- a/js/includes/input-html-data-min.js
+++ b/js/includes/input-html-data-min.js
@@ -1,3 +1,3 @@
 var contactBuilder=new HTMLBuilder;contactBuilder.setLayout("<h4 data-icon='o' class='new-contact color2'> \n\t<input type='hidden' data-name='uid' value='@uid'>\n\t<input type='hidden' data-name='call' value='@call'>\n\t<input type='hidden' data-name='sms' value='@sms'>\n\t<input type='hidden' data-name='countcall' value='@countcall'>\n\t<input type='hidden' data-name='countsms' value='@countsms'>\n\t<input type='text' data-name='number'    placeholder='Num\u00e9ro de t\u00e9l\u00e9phone' value='@number'    > \n\t<input type='text' data-name='username'  placeholder='Pseudo'              value='@username'  > \n\t<span class='switch-left'></span> \n\t<input type='text' data-name='firstname' placeholder='Pr\u00e9nom'              value='@firstname' > \n\t<span class='switch-both'></span> \n\t<input type='text' data-name='lastname'  placeholder='Nom'                 value='@lastname'  > \n\t<input type='submit' class='primary sub-number'                            value='Enregistrer'>\n</h4>\n\n");
 var miniFicheBuilder=new HTMLBuilder;miniFicheBuilder.setLayout("<article class='mini-fiche-relation'>\n\t<input type='hidden' data-name='uid' value='@uid'>\n\t<span data-space></span>\n\t<h4 data-icon='a' class='color2'>@name</h4>\n\t<h5 class='nobold color0'>\t\t@countcall appels\t</h5>\t<h5 class='nobold color0'>\t\t@countsms sms\t</h5>\t<h5 class='nobold color0'>\n\t\t<input type='radio'                name='sexe_min_@uid' data-name='sexe' id='sexeH_min_@uid' value='H'><label for='sexeH_min_@uid'>Homme</label>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='sexe_min_@uid' data-name='sexe' id='sexeF_min_@uid' value='F'><label for='sexeF_min_@uid'>Femme</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='age'>\n\t\t\t<option value='.' disabled selected>Age:</option>\n\t\t\t<option value='1' >5 \u00e0 10 ans</option>\n\t\t\t<option value='2' >10 \u00e0 15 ans</option>\n\t\t\t<option value='3' >15 \u00e0 20 ans</option>\n\t\t\t<option value='4' >20 \u00e0 25 ans</option>\n\t\t\t<option value='5' >25 \u00e0 30 ans</option>\n\t\t\t<option value='6' >30 \u00e0 35 ans</option>\n\t\t\t<option value='7' >35 \u00e0 40 ans</option>\n\t\t\t<option value='8' >40 \u00e0 45 ans</option>\n\t\t\t<option value='9' >45 \u00e0 50 ans</option>\n\t\t\t<option value='10'>50 \u00e0 55 ans</option>\n\t\t\t<option value='11'>55 \u00e0 60 ans</option>\n\t\t\t<option value='12'>60 \u00e0 65 ans</option>\n\t\t\t<option value='13'>65 \u00e0 70 ans</option>\n\t\t\t<option value='14'>70 \u00e0 75 ans</option>\n\t\t\t<option value='15'>75 \u00e0 80 ans</option>\n\t\t\t<option value='16'>80 \u00e0 85 ans</option>\n\t\t\t<option value='17'>85 \u00e0 90 ans</option>\n\t\t\t<option value='18'>90 \u00e0 95 ans</option>\n\t\t\t<option value='19'>95 \u00e0 100 ans</option>\n\t\t</select></span>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='studies'>\n\t\t\t<option value='.' disabled selected>Niveau d'\u00e9tudes maximal:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='01'>Pas de scolarit\u00e9</option>\n\t\t\t<option value='02'>Aucun dipl\u00f4me mais scolarit\u00e9 jusqu'en \u00e9cole primaire ou au coll\u00e8ge</option>\n\t\t\t<option value='03'>Aucun dipl\u00f4me mais scolarit\u00e9 au-del\u00e0 du coll\u00e8ge</option>\n\t\t\t<option value='04'>Certificat d'\u00e9tudes primaires (CEP)</option>\n\t\t\t<option value='05'>BEPC, brevet \u00e9l\u00e9mentaire, brevet des coll\u00e8ges</option>\n\t\t\t<option value='06'>Certificat d'aptitudes professionnelles (CAP), brevet de compagnon, y compris CAPA</option>\n\t\t\t<option value='07'>Brevet d'\u00e9tudes professionnelles (BEP), y compris BEPA et dipl\u00f4mes agricoles (BAA, BPA)</option>\n\t\t\t\t<option value='07' class='pad'>Dipl\u00f4mes sociaux (aide-soignante, auxiliaire de pu\u00e9riculture, travailleuse familiale)</option>\n\t\t\t<option value='08'>Baccalaur\u00e9at g\u00e9n\u00e9ral, brevet sup\u00e9rieur</option>\n\t\t\t\t<option class='pad' value='08'>BAC ( L, ES, S ou A, B , C, D, D\u2019, E )</option>\n\t\t\t<option value='09'>Bac technologique ou professionnel, brevet professionnel ou de technicien</option>\n\t\t\t\t<option class='pad' value='09'>BAC (STI, STL, SMS, STT ou F, G, H)</option>\n\t\t\t\t<option class='pad' value='09'>BEC, BEI, BEH, capacit\u00e9 en droit</option>\n\t\t\t\t<option class='pad' value='09'>Brevet de technicien agricole (BTA)</option>\n\t\t\t<option value='10'>Dipl\u00f4me universitaire de 1er cycle</option>\n\t\t\t\t<option class='pad' value='10'>BTS, DUT, DEUG</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me des professions sociales ou de sant\u00e9, d'infirmier(\u00e8re)</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me universitaire prop\u00e9deutique, DUEL, DUES, DEUG, PCEM</option>\n\t\t\t<option value='11'>Dipl\u00f4me universitaire de 2\u00e8me ou 3\u00e8me cycle</option>\n\t\t\t\t<option class='pad' value='11'>MASTER, DOCTORAT (y compris m\u00e9decine, pharmacie, dentaire),</option>\n\t\t\t\t<option class='pad' value='11'>Ma\u00eetrise, DEA, DESS,</option>\n\t\t\t\t<option class='pad' value='11'>CAPES, CAPET, agr\u00e9gation</option>\n\t\t\t\t<option class='pad' value='11'>Dipl\u00f4me d'ing\u00e9nieur, d'une grande \u00e9cole, etc.</option>\n\t\t</select></span>\n\t</h5>\n\t<h4 data-icon='a'>Type de relation</h4>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype0_mini_@uid' value='0'><label for='reltype0_mini_@uid'>P\u00e8re, m\u00e8re ou \u00e9quivalent</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype1_mini_@uid' value='1'><label for='reltype1_mini_@uid'>Fr\u00e8re ou soeur</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype2_mini_@uid' value='2'><label for='reltype2_mini_@uid'>Autre membre de la famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype3_mini_@uid' value='3'><label for='reltype3_mini_@uid'>Relation amoureuse</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype4_mini_@uid' value='4'><label for='reltype4_mini_@uid'>Coll\u00e8gue</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype5_mini_@uid' value='5'><label for='reltype5_mini_@uid'>Voisin</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype6_mini_@uid' value='6'><label for='reltype6_mini_@uid'>Ami</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype7_mini_@uid' value='7'><label for='reltype7_mini_@uid'>Ami proche</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype8_mini_@uid' value='8'><label for='reltype8_mini_@uid'>Relation de service (m\u00e9decin, ...)</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype9_mini_@uid' value='9'><label for='reltype9_mini_@uid'>Inconnu</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_@uid' data-name='reltype' id='reltype10_mini_@uid' value='10'><label for='reltype10_mini_@uid'>Autre : <input type='text' data-name='reltypeSpecial' placeholder='co\u00e9quipier de tennis, ..' value='@reltypespecial'></label><br>\n\t</h5>\n\t<h4 data-icon='m'>O\u00f9 habite t-elle/il\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\t\u00c0 combien de temps est-ce de chez vous ?<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_min_@uid' data-name='loc' id='locA_min_@uid' value='0'><label for='locA_min_@uid'>- de 5 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_min_@uid' data-name='loc' id='locB_min_@uid' value='1'><label for='locB_min_@uid'>de 5 \u00e0 15 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_min_@uid' data-name='loc' id='locC_min_@uid' value='2'><label for='locC_min_@uid'>de 15 \u00e0 60 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_min_@uid' data-name='loc' id='locD_min_@uid' value='3'><label for='locD_min_@uid'>+ d'une heure</label><br>\n\t</h5>\n</article>");
-var ficheBuilder=new HTMLBuilder;ficheBuilder.setLayout("<article class='fiche-relation'>\n\t<input type='hidden' data-name='contact' value='@contact'>\n\t<input type='hidden' data-name='uid' value='@uid'>\n\t<h4 data-icon='a' class='color2'>@name</h4>\n\t<h5 class='nobold color0'>\t\t@countcall appels\t</h5>\t<h5 class='nobold color0'>\t\t@countsms sms\t</h5>\t<h5 class='nobold color0'>\n\t\t<input type='radio'                   name='sexe_@uid' data-name='sexe' id='sexeH_@uid' value='H'><label for='sexeH_@uid'>Homme</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='sexe_@uid' data-name='sexe' id='sexeF_@uid' value='F'><label for='sexeF_@uid'>Femme</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='age'>\n\t\t\t<option value='.' disabled selected>Age:</option>\n\t\t\t<option value='1' >5 \u00e0 10 ans</option>\n\t\t\t<option value='2' >10 \u00e0 15 ans</option>\n\t\t\t<option value='3' >15 \u00e0 20 ans</option>\n\t\t\t<option value='4' >20 \u00e0 25 ans</option>\n\t\t\t<option value='5' >25 \u00e0 30 ans</option>\n\t\t\t<option value='6' >30 \u00e0 35 ans</option>\n\t\t\t<option value='7' >35 \u00e0 40 ans</option>\n\t\t\t<option value='8' >40 \u00e0 45 ans</option>\n\t\t\t<option value='9' >45 \u00e0 50 ans</option>\n\t\t\t<option value='10'>50 \u00e0 55 ans</option>\n\t\t\t<option value='11'>55 \u00e0 60 ans</option>\n\t\t\t<option value='12'>60 \u00e0 65 ans</option>\n\t\t\t<option value='13'>65 \u00e0 70 ans</option>\n\t\t\t<option value='14'>70 \u00e0 75 ans</option>\n\t\t\t<option value='15'>75 \u00e0 80 ans</option>\n\t\t\t<option value='16'>80 \u00e0 85 ans</option>\n\t\t\t<option value='17'>85 \u00e0 90 ans</option>\n\t\t\t<option value='18'>90 \u00e0 95 ans</option>\n\t\t\t<option value='19'>95 \u00e0 100 ans</option>\n\t\t</select></span>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='job'>\n\t\t\t<option value='.' disabled selected>Derni\u00e8re profession exerc\u00e9e:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='1-' disabled>Agriculateur exploitants</option>\n\t\t\t\t<option value='10'>Agriculteurs exploitants (Agriculteurs, mara\u00eechers, viticulteurs\u2026)</option>\n\t\t\t<option value='2-' disabled>Artisans, commer\u00e7ants et chefs d'entreprises</option>\n\t\t\t\t<option value='21'>Artisans (Ma\u00e7ons, \u00e9lectriciens, couturiers, boulangers, garagistes, coiffeurs\u2026)</option>\n\t\t\t\t<option value='22'>Commer\u00e7ants et assimil\u00e9s (Commer\u00e7ants en d\u00e9tail ou en gros, buralistes, cafetiers, agents immobiliers\u2026)</option>\n\t\t\t\t<option value='23'>Chefs d'entreprise de 10 salari\u00e9s ou plus</option>\n\t\t\t<option value='3-' disabled>Cadres et professions intellectuelles sup\u00e9rieures</option>\n\t\t\t\t<option value='31'>Professions lib\u00e9rales et assimil\u00e9s (M\u00e9decins, avocats, notaires, architectes lib\u00e9raux\u2026)</option>\n\t\t\t\t<option value='32'>Cadres de la fonction publique, professions intellectuelles et artistiques (Personnels administratifs</option>\n\t\t\t\t\t<option class='pad' value='32'>de cat\u00e9gorie A, professeurs de l\u2019enseignement secondaire ou sup\u00e9rieur, m\u00e9decins hospitaliers, artistes\u2026)</option>\n\t\t\t\t<option value='36'>Cadres d'entreprise (Cadres administratifs, cadres commerciaux, ing\u00e9nieurs\u2026)</option>\n\t\t\t<option value='4-' disabled>Professions Interm\u00e9diaires</option>\n\t\t\t\t<option value='41'>Professions interm\u00e9diaires de l'enseignement, de la sant\u00e9, de la fonction publique et assimil\u00e9s </option>\n\t\t\t\t\t<option class='pad' value='41'>(Personnels administratifs de cat\u00e9gorie B, instituteurs, infirmiers, travailleurs sociaux\u2026)</option>\n\t\t\t\t<option value='46'>Professions interm\u00e9diaires administratives et commerciales des entreprises (Comptables, charg\u00e9s de client\u00e8les\u2026)</option>\n\t\t\t\t<option value='47'>Techniciens (Techniciens d\u2019\u00e9tudes, techniciens de contr\u00f4le, dessinateurs en b\u00e2timent, g\u00e9om\u00e8tres\u2026)</option>\n\t\t\t\t<option value='48'>Contrema\u00eetres, agents de ma\u00eetrise (Conducteurs de travaux, chefs d\u2019\u00e9quipe\u2026)</option>\n\t\t\t<option value='5-' disabled>Employ\u00e9s</option>\n\t\t\t\t<option value='51'>Employ\u00e9s de la fonction publique (Personnels de cat\u00e9gorie C, agents administratifs, agents de service\u2026)</option>\n\t\t\t\t<option value='54'>Employ\u00e9s administratifs d'entreprise (Secr\u00e9taires, agents d\u2019accueil\u2026)</option>\n\t\t\t\t<option value='55'>Employ\u00e9s de commerce (Vendeurs, caissiers\u2026)</option>\n\t\t\t\t<option value='56'>Personnels des services directs aux particuliers (Serveurs, coiffeurs, assistantes maternelles\u2026)</option>\n\t\t\t<option value='6-' disabled>Ouvriers</option>\n\t\t\t\t<option value='61'>Ouvriers qualifi\u00e9s de type industriel ou artisanal (M\u00e9caniciens, chauffeurs, cuisiniers\u2026)</option>\n\t\t\t\t<option value='66'>Ouvriers non qualifi\u00e9s de type industriel ou artisanal (Ouvrier de production, man\u0153uvres\u2026)</option>\n\t\t\t\t<option value='69'>Ouvriers agricoles (Bergers, ouvriers de la viticulture, b\u00fbcherons, ouvrier forestiers\u2026)</option>\n\t\t\t<option value='7-' disabled>Retrait\u00e9s</option>\n\t\t\t\t<option value='71'>Anciens agriculteurs exploitants</option>\n\t\t\t\t<option value='72'>Anciens artisans, commer\u00e7ants, chefs d'entreprise</option>\n\t\t\t\t<option value='73'>Anciens cadres</option>\n\t\t\t\t<option value='74'>Anciennes professions interm\u00e9diaires</option>\n\t\t\t\t<option value='75'>Anciens employ\u00e9s</option>\n\t\t\t\t<option value='76'>Anciens ouvriers</option>\n\t\t\t<option value='8-' disabled>Sans activit\u00e9 professionnelle</option>\n\t\t\t\t<option value='81'>Ch\u00f4meurs n'ayant jamais travaill\u00e9</option>\n\t\t\t\t<option value='82'>Inactifs divers (autres que retrait\u00e9s)</option>\n\t\t</select></span>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSituation familiale:<br>\n\t\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitA_@uid' value='0'><label for='famsitA_@uid'>Seul</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitB_@uid' value='1'><label for='famsitB_@uid'>En couple sans enfants</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitC_@uid' value='2'><label for='famsitC_@uid'>En couple avec enfants</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='studies'>\n\t\t\t<option value='.' disabled selected>Niveau d'\u00e9tudes maximal:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='01'>Pas de scolarit\u00e9</option>\n\t\t\t<option value='02'>Aucun dipl\u00f4me mais scolarit\u00e9 jusqu'en \u00e9cole primaire ou au coll\u00e8ge</option>\n\t\t\t<option value='03'>Aucun dipl\u00f4me mais scolarit\u00e9 au-del\u00e0 du coll\u00e8ge</option>\n\t\t\t<option value='04'>Certificat d'\u00e9tudes primaires (CEP)</option>\n\t\t\t<option value='05'>BEPC, brevet \u00e9l\u00e9mentaire, brevet des coll\u00e8ges</option>\n\t\t\t<option value='06'>Certificat d'aptitudes professionnelles (CAP), brevet de compagnon, y compris CAPA</option>\n\t\t\t<option value='07'>Brevet d'\u00e9tudes professionnelles (BEP), y compris BEPA et dipl\u00f4mes agricoles (BAA, BPA)</option>\n\t\t\t\t<option value='07' class='pad'>Dipl\u00f4mes sociaux (aide-soignante, auxiliaire de pu\u00e9riculture, travailleuse familiale)</option>\n\t\t\t<option value='08'>Baccalaur\u00e9at g\u00e9n\u00e9ral, brevet sup\u00e9rieur</option>\n\t\t\t\t<option class='pad' value='08'>BAC ( L, ES, S ou A, B , C, D, D\u2019, E )</option>\n\t\t\t<option value='09'>Bac technologique ou professionnel, brevet professionnel ou de technicien</option>\n\t\t\t\t<option class='pad' value='09'>BAC (STI, STL, SMS, STT ou F, G, H)</option>\n\t\t\t\t<option class='pad' value='09'>BEC, BEI, BEH, capacit\u00e9 en droit</option>\n\t\t\t\t<option class='pad' value='09'>Brevet de technicien agricole (BTA)</option>\n\t\t\t<option value='10'>Dipl\u00f4me universitaire de 1er cycle</option>\n\t\t\t\t<option class='pad' value='10'>BTS, DUT, DEUG</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me des professions sociales ou de sant\u00e9, d'infirmier(\u00e8re)</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me universitaire prop\u00e9deutique, DUEL, DUES, DEUG, PCEM</option>\n\t\t\t<option value='11'>Dipl\u00f4me universitaire de 2\u00e8me ou 3\u00e8me cycle</option>\n\t\t\t\t<option class='pad' value='11'>MASTER, DOCTORAT (y compris m\u00e9decine, pharmacie, dentaire),</option>\n\t\t\t\t<option class='pad' value='11'>Ma\u00eetrise, DEA, DESS,</option>\n\t\t\t\t<option class='pad' value='11'>CAPES, CAPET, agr\u00e9gation</option>\n\t\t\t\t<option class='pad' value='11'>Dipl\u00f4me d'ing\u00e9nieur, d'une grande \u00e9cole, etc.</option>\n\t\t</select></span>\n\t</h5>\n\t<h4 data-icon='a'>Type de relation</h4>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype0_@uid' value='0'><label for='reltype0_@uid'>P\u00e8re, m\u00e8re ou \u00e9quivalent</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype1_@uid' value='1'><label for='reltype1_@uid'>Fr\u00e8re ou soeur</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype2_@uid' value='2'><label for='reltype2_@uid'>Autre membre de la famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype3_@uid' value='3'><label for='reltype3_@uid'>Relation amoureuse</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype4_@uid' value='4'><label for='reltype4_@uid'>Coll\u00e8gue</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype5_@uid' value='5'><label for='reltype5_@uid'>Voisin</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype6_@uid' value='6'><label for='reltype6_@uid'>Ami</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype7_@uid' value='7'><label for='reltype7_@uid'>Copain</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype8_@uid' value='8'><label for='reltype8_@uid'>Autre : <input type='text' data-name='reltypeSpecial' placeholder='co\u00e9quipier de tennis, ..' value='@reltypespecial'></label><br>\n\t</h5>\n\t<h4 data-icon='m'>O\u00f9 habite t-elle/il\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\t<input type='text' data-name='city' placeholder='Ville' value='@city'>\n\t\t<input type='text' data-name='cp' placeholder='Code postal' value='@cp'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t\u00c0 combien de temps est-ce de chez vous ?<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_@uid' data-name='loc' id='locA_@uid' value='0'><label for='locA_@uid'>- de 5 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_@uid' data-name='loc' id='locB_@uid' value='1'><label for='locB_@uid'>de 5 \u00e0 15 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_@uid' data-name='loc' id='locC_@uid' value='2'><label for='locC_@uid'>de 15 \u00e0 60 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_@uid' data-name='loc' id='locD_@uid' value='3'><label for='locD_@uid'>+ d'une heure</label><br>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tDepuis quand connaissez-vous cette personne ?<br><br>\n\t\t<input type='number'               style='width: 5em;' data-name='duration' min='0' max='11'  step='1' placeholder='mois' value='@duration0'>mois\n\t\tet &nbsp;&nbsp;&nbsp;<input type='number' style='width: 5em;' data-name='duration' min='0' max='100' step='1' placeholder='ann\u00e9es' value='@duration1'>ans.\n\t</h5>\n\t<h4 data-icon='d'>Contexte de rencontre</h4>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte0_@uid' value='0'><label for='contexte0_@uid'>De la m\u00eame famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte1_@uid' value='1'><label for='contexte1_@uid'>Grandi ensemble</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte2_@uid' value='2'><label for='contexte2_@uid'>Par mon mari/ma femme/relation amoureuse</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte3_@uid' value='3'><label for='contexte3_@uid'>Par mes parents</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte4_@uid' value='4'><label for='contexte4_@uid'>Par mes enfants</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte5_@uid' value='5'><label for='contexte5_@uid'>Par un ami</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte6_@uid' value='6'><label for='contexte6_@uid'>Comme voisin</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte7_@uid' value='7'><label for='contexte7_@uid'>Par d\u2019autres membres de la famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte8_@uid' value='8'><label for='contexte8_@uid'>Etudes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte9_@uid' value='9'><label for='contexte9_@uid'>Etudes sup\u00e9rieures</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte10_@uid' value='10'><label for='contexte10_@uid'>Au travail</label><br>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte11_@uid' value='11'><label for='contexte11_@uid'>Internet (quel contexte\u00a0? pr\u00e9ciser <input type='text' data-name='contextSpecial' placeholder='facebook, youtube, twitter, ..' value='@contextspecial0'>)</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte12_@uid' value='12'><label for='contexte12_@uid'>Par une association (quel type : <input type='text' data-name='contextSpecial' placeholder='aide \u00e0 la personne, sport, ..' value='@contextspecial1'>)</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte13_@uid' value='13'><label for='contexte13_@uid'>Autre\u00a0: <input type='text' data-name='contextSpecial' placeholder='vacances, ..' value='@contextspecial2'></label><br>\n\t</h5>\n\t<h4 data-icon='b'>Avec quelle fr\u00e9quence discutez-vous avec cette personne\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\tFace \u00e0 face<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq' id='freq01_@uid' value='0'><label for='freq01_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq' id='freq02_@uid' value='1'><label for='freq02_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq' id='freq03_@uid' value='2'><label for='freq03_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq' id='freq04_@uid' value='3'><label for='freq04_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tT\u00e9l\u00e9phone ou skype et \u00e9quivalent<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq' id='freq11_@uid' value='4'><label for='freq11_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq' id='freq12_@uid' value='5'><label for='freq12_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq' id='freq13_@uid' value='6'><label for='freq13_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq' id='freq14_@uid' value='7'><label for='freq14_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSMS, et \u00e9quivalents<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq' id='freq21_@uid' value='8'><label for='freq21_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq' id='freq22_@uid' value='9'><label for='freq22_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq' id='freq23_@uid' value='10'><label for='freq23_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq' id='freq24_@uid' value='11'><label for='freq24_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tCourrier \u00e9lectronique<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq' id='freq31_@uid' value='12'><label for='freq31_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq' id='freq32_@uid' value='13'><label for='freq32_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq' id='freq33_@uid' value='14'><label for='freq33_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq' id='freq34_@uid' value='15'><label for='freq34_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tFacebook ou autre r\u00e9seau social<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq' id='freq41_@uid' value='16'><label for='freq41_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq' id='freq42_@uid' value='17'><label for='freq42_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq' id='freq43_@uid' value='18'><label for='freq43_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq' id='freq44_@uid' value='19'><label for='freq44_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h4 data-icon='r'>Comment \u00eates-vous \u00ab\u00a0connect\u00e9\u00a0\u00bb \u00e0 cette personne\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\tSes coordonn\u00e9es sont dans votre carnet d\u2019adresse<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_@uid' data-name='connect' id='connect11_@uid' value='0'><label for='connect11_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_@uid' data-name='connect' id='connect12_@uid' value='1'><label for='connect12_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSon num\u00e9ro de mobile est enregistr\u00e9 sur votre mobile (ou vous-m\u00eames \u00eates sur le sien)<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_@uid' data-name='connect' id='connect21_@uid' value='2'><label for='connect21_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_@uid' data-name='connect' id='connect22_@uid' value='3'><label for='connect22_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tElle figure parmi vos amis facebook<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_@uid' data-name='connect' id='connect31_@uid' value='4'><label for='connect31_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_@uid' data-name='connect' id='connect32_@uid' value='5'><label for='connect32_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tElle figure parmi vos amis facebook et vous interagissez avec elle sur ce dispositif r\u00e9guli\u00e8rement<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_@uid' data-name='connect' id='connect41_@uid' value='6'><label for='connect41_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_@uid' data-name='connect' id='connect42_@uid' value='7'><label for='connect42_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous le suivez sur Twitter<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_@uid' data-name='connect' id='connect51_@uid' value='8'><label for='connect51_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_@uid' data-name='connect' id='connect52_@uid' value='9'><label for='connect52_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez avec cette personne sur Twitter<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_@uid' data-name='connect' id='connect61_@uid' value='10'><label for='connect61_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_@uid' data-name='connect' id='connect62_@uid' value='11'><label for='connect62_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez dans autre r\u00e9seau social : <input type='text' data-name='connectSpecial' value='@connectspecial0'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez dans un autre dispositif (blogs, jeu vid\u00e9o ou autre) : <input type='text' data-name='connectSpecial' value='@connectspecial1'>\n\t</h5>\n</article>\n");
+var ficheBuilder=new HTMLBuilder;ficheBuilder.setLayout("<article class='fiche-relation'>\n\t<input type='hidden' data-name='contact' value='@contact'>\n\t<input type='hidden' data-name='uid' value='@uid'>\n\t<h4 data-icon='a' class='color2'>@name</h4>\n\t<h5 class='nobold color0'>\t\t@countcall appels\t</h5>\t<h5 class='nobold color0'>\t\t@countsms sms\t</h5>\t<h5 class='nobold color0'>\n\t\t<input type='radio'                   name='sexe_@uid' data-name='sexe' id='sexeH_@uid' value='H'><label for='sexeH_@uid'>Homme</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='sexe_@uid' data-name='sexe' id='sexeF_@uid' value='F'><label for='sexeF_@uid'>Femme</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='age'>\n\t\t\t<option value='.' disabled selected>Age:</option>\n\t\t\t<option value='1' >5 \u00e0 10 ans</option>\n\t\t\t<option value='2' >10 \u00e0 15 ans</option>\n\t\t\t<option value='3' >15 \u00e0 20 ans</option>\n\t\t\t<option value='4' >20 \u00e0 25 ans</option>\n\t\t\t<option value='5' >25 \u00e0 30 ans</option>\n\t\t\t<option value='6' >30 \u00e0 35 ans</option>\n\t\t\t<option value='7' >35 \u00e0 40 ans</option>\n\t\t\t<option value='8' >40 \u00e0 45 ans</option>\n\t\t\t<option value='9' >45 \u00e0 50 ans</option>\n\t\t\t<option value='10'>50 \u00e0 55 ans</option>\n\t\t\t<option value='11'>55 \u00e0 60 ans</option>\n\t\t\t<option value='12'>60 \u00e0 65 ans</option>\n\t\t\t<option value='13'>65 \u00e0 70 ans</option>\n\t\t\t<option value='14'>70 \u00e0 75 ans</option>\n\t\t\t<option value='15'>75 \u00e0 80 ans</option>\n\t\t\t<option value='16'>80 \u00e0 85 ans</option>\n\t\t\t<option value='17'>85 \u00e0 90 ans</option>\n\t\t\t<option value='18'>90 \u00e0 95 ans</option>\n\t\t\t<option value='19'>95 \u00e0 100 ans</option>\n\t\t</select></span>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='job'>\n\t\t\t<option value='.' disabled selected>Derni\u00e8re profession exerc\u00e9e:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='.' disabled>Agriculateur exploitants</option>\n\t\t\t\t<option value='10'>Agriculteurs exploitants (Agriculteurs, mara\u00eechers, viticulteurs\u2026)</option>\n\t\t\t<option value='.' disabled>Artisans, commer\u00e7ants et chefs d'entreprises</option>\n\t\t\t\t<option value='21'>Artisans (Ma\u00e7ons, \u00e9lectriciens, couturiers, boulangers, garagistes, coiffeurs\u2026)</option>\n\t\t\t\t<option value='22'>Commer\u00e7ants et assimil\u00e9s (Commer\u00e7ants en d\u00e9tail ou en gros, buralistes, cafetiers, agents immobiliers\u2026)</option>\n\t\t\t\t<option value='23'>Chefs d'entreprise de 10 salari\u00e9s ou plus</option>\n\t\t\t<option value='.' disabled>Cadres et professions intellectuelles sup\u00e9rieures</option>\n\t\t\t\t<option value='31'>Professions lib\u00e9rales et assimil\u00e9s (M\u00e9decins, avocats, notaires, architectes lib\u00e9raux\u2026)</option>\n\t\t\t\t<option value='32'>Cadres de la fonction publique, professions intellectuelles et artistiques (Personnels administratifs</option>\n\t\t\t\t\t<option class='pad' value='32'>de cat\u00e9gorie A, professeurs de l\u2019enseignement secondaire ou sup\u00e9rieur, m\u00e9decins hospitaliers, artistes\u2026)</option>\n\t\t\t\t<option value='36'>Cadres d'entreprise (Cadres administratifs, cadres commerciaux, ing\u00e9nieurs\u2026)</option>\n\t\t\t<option value='.' disabled>Professions Interm\u00e9diaires</option>\n\t\t\t\t<option value='41'>Professions interm\u00e9diaires de l'enseignement, de la sant\u00e9, de la fonction publique et assimil\u00e9s </option>\n\t\t\t\t\t<option class='pad' value='41'>(Personnels administratifs de cat\u00e9gorie B, instituteurs, infirmiers, travailleurs sociaux\u2026)</option>\n\t\t\t\t<option value='46'>Professions interm\u00e9diaires administratives et commerciales des entreprises (Comptables, charg\u00e9s de client\u00e8les\u2026)</option>\n\t\t\t\t<option value='47'>Techniciens (Techniciens d\u2019\u00e9tudes, techniciens de contr\u00f4le, dessinateurs en b\u00e2timent, g\u00e9om\u00e8tres\u2026)</option>\n\t\t\t\t<option value='48'>Contrema\u00eetres, agents de ma\u00eetrise (Conducteurs de travaux, chefs d\u2019\u00e9quipe\u2026)</option>\n\t\t\t<option value='.' disabled>Employ\u00e9s</option>\n\t\t\t\t<option value='51'>Employ\u00e9s de la fonction publique (Personnels de cat\u00e9gorie C, agents administratifs, agents de service\u2026)</option>\n\t\t\t\t<option value='54'>Employ\u00e9s administratifs d'entreprise (Secr\u00e9taires, agents d\u2019accueil\u2026)</option>\n\t\t\t\t<option value='55'>Employ\u00e9s de commerce (Vendeurs, caissiers\u2026)</option>\n\t\t\t\t<option value='56'>Personnels des services directs aux particuliers (Serveurs, coiffeurs, assistantes maternelles\u2026)</option>\n\t\t\t<option value='.' disabled>Ouvriers</option>\n\t\t\t\t<option value='61'>Ouvriers qualifi\u00e9s de type industriel ou artisanal (M\u00e9caniciens, chauffeurs, cuisiniers\u2026)</option>\n\t\t\t\t<option value='66'>Ouvriers non qualifi\u00e9s de type industriel ou artisanal (Ouvrier de production, man\u0153uvres\u2026)</option>\n\t\t\t\t<option value='69'>Ouvriers agricoles (Bergers, ouvriers de la viticulture, b\u00fbcherons, ouvrier forestiers\u2026)</option>\n\t\t\t<option value='.' disabled>Retrait\u00e9s</option>\n\t\t\t\t<option value='71'>Anciens agriculteurs exploitants</option>\n\t\t\t\t<option value='72'>Anciens artisans, commer\u00e7ants, chefs d'entreprise</option>\n\t\t\t\t<option value='73'>Anciens cadres</option>\n\t\t\t\t<option value='74'>Anciennes professions interm\u00e9diaires</option>\n\t\t\t\t<option value='75'>Anciens employ\u00e9s</option>\n\t\t\t\t<option value='76'>Anciens ouvriers</option>\n\t\t\t<option value='.' disabled>Sans activit\u00e9 professionnelle</option>\n\t\t\t\t<option value='81'>Ch\u00f4meurs n'ayant jamais travaill\u00e9</option>\n\t\t\t\t<option value='82'>Inactifs divers (autres que retrait\u00e9s)</option>\n\t\t</select></span>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSituation familiale:<br>\n\t\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitA_@uid' value='0'><label for='famsitA_@uid'>Seul</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitB_@uid' value='1'><label for='famsitB_@uid'>En couple sans enfants</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitC_@uid' value='2'><label for='famsitC_@uid'>En couple avec enfants</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='studies'>\n\t\t\t<option value='.' disabled selected>Niveau d'\u00e9tudes maximal:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='01'>Pas de scolarit\u00e9</option>\n\t\t\t<option value='02'>Aucun dipl\u00f4me mais scolarit\u00e9 jusqu'en \u00e9cole primaire ou au coll\u00e8ge</option>\n\t\t\t<option value='03'>Aucun dipl\u00f4me mais scolarit\u00e9 au-del\u00e0 du coll\u00e8ge</option>\n\t\t\t<option value='04'>Certificat d'\u00e9tudes primaires (CEP)</option>\n\t\t\t<option value='05'>BEPC, brevet \u00e9l\u00e9mentaire, brevet des coll\u00e8ges</option>\n\t\t\t<option value='06'>Certificat d'aptitudes professionnelles (CAP), brevet de compagnon, y compris CAPA</option>\n\t\t\t<option value='07'>Brevet d'\u00e9tudes professionnelles (BEP), y compris BEPA et dipl\u00f4mes agricoles (BAA, BPA)</option>\n\t\t\t\t<option value='07' class='pad'>Dipl\u00f4mes sociaux (aide-soignante, auxiliaire de pu\u00e9riculture, travailleuse familiale)</option>\n\t\t\t<option value='08'>Baccalaur\u00e9at g\u00e9n\u00e9ral, brevet sup\u00e9rieur</option>\n\t\t\t\t<option class='pad' value='08'>BAC ( L, ES, S ou A, B , C, D, D\u2019, E )</option>\n\t\t\t<option value='09'>Bac technologique ou professionnel, brevet professionnel ou de technicien</option>\n\t\t\t\t<option class='pad' value='09'>BAC (STI, STL, SMS, STT ou F, G, H)</option>\n\t\t\t\t<option class='pad' value='09'>BEC, BEI, BEH, capacit\u00e9 en droit</option>\n\t\t\t\t<option class='pad' value='09'>Brevet de technicien agricole (BTA)</option>\n\t\t\t<option value='10'>Dipl\u00f4me universitaire de 1er cycle</option>\n\t\t\t\t<option class='pad' value='10'>BTS, DUT, DEUG</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me des professions sociales ou de sant\u00e9, d'infirmier(\u00e8re)</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me universitaire prop\u00e9deutique, DUEL, DUES, DEUG, PCEM</option>\n\t\t\t<option value='11'>Dipl\u00f4me universitaire de 2\u00e8me ou 3\u00e8me cycle</option>\n\t\t\t\t<option class='pad' value='11'>MASTER, DOCTORAT (y compris m\u00e9decine, pharmacie, dentaire),</option>\n\t\t\t\t<option class='pad' value='11'>Ma\u00eetrise, DEA, DESS,</option>\n\t\t\t\t<option class='pad' value='11'>CAPES, CAPET, agr\u00e9gation</option>\n\t\t\t\t<option class='pad' value='11'>Dipl\u00f4me d'ing\u00e9nieur, d'une grande \u00e9cole, etc.</option>\n\t\t</select></span>\n\t</h5>\n\t<h4 data-icon='a'>Type de relation</h4>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype0_@uid' value='0'><label for='reltype0_@uid'>P\u00e8re, m\u00e8re ou \u00e9quivalent</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype1_@uid' value='1'><label for='reltype1_@uid'>Fr\u00e8re ou soeur</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype2_@uid' value='2'><label for='reltype2_@uid'>Autre membre de la famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype3_@uid' value='3'><label for='reltype3_@uid'>Relation amoureuse</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype4_@uid' value='4'><label for='reltype4_@uid'>Coll\u00e8gue</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype5_@uid' value='5'><label for='reltype5_@uid'>Voisin</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype6_@uid' value='6'><label for='reltype6_@uid'>Ami</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype7_@uid' value='7'><label for='reltype7_@uid'>Copain</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype8_@uid' value='8'><label for='reltype8_@uid'>Autre : <input type='text' data-name='reltypeSpecial' placeholder='co\u00e9quipier de tennis, ..' value='@reltypespecial'></label><br>\n\t</h5>\n\t<h4 data-icon='m'>O\u00f9 habite t-elle/il\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\t<input type='text' data-name='city' placeholder='Ville' value='@city'>\n\t\t<input type='text' data-name='cp' placeholder='Code postal' value='@cp'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t\u00c0 combien de temps est-ce de chez vous ?<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_@uid' data-name='loc' id='locA_@uid' value='0'><label for='locA_@uid'>- de 5 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_@uid' data-name='loc' id='locB_@uid' value='1'><label for='locB_@uid'>de 5 \u00e0 15 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_@uid' data-name='loc' id='locC_@uid' value='2'><label for='locC_@uid'>de 15 \u00e0 60 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_@uid' data-name='loc' id='locD_@uid' value='3'><label for='locD_@uid'>+ d'une heure</label><br>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tDepuis quand connaissez-vous cette personne ?<br><br>\n\t\t<input type='number'               style='width: 5em;' data-name='duration' min='0' max='11'  step='1' placeholder='mois' value='@duration0'>mois\n\t\tet &nbsp;&nbsp;&nbsp;<input type='number' style='width: 5em;' data-name='duration' min='0' max='100' step='1' placeholder='ann\u00e9es' value='@duration1'>ans.\n\t</h5>\n\t<h4 data-icon='d'>Contexte de rencontre</h4>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte0_@uid' value='0'><label for='contexte0_@uid'>De la m\u00eame famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte1_@uid' value='1'><label for='contexte1_@uid'>Grandi ensemble</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte2_@uid' value='2'><label for='contexte2_@uid'>Par mon mari/ma femme/relation amoureuse</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte3_@uid' value='3'><label for='contexte3_@uid'>Par mes parents</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte4_@uid' value='4'><label for='contexte4_@uid'>Par mes enfants</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte5_@uid' value='5'><label for='contexte5_@uid'>Par un ami</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte6_@uid' value='6'><label for='contexte6_@uid'>Comme voisin</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte7_@uid' value='7'><label for='contexte7_@uid'>Par d\u2019autres membres de la famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte8_@uid' value='8'><label for='contexte8_@uid'>Etudes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte9_@uid' value='9'><label for='contexte9_@uid'>Etudes sup\u00e9rieures</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte10_@uid' value='10'><label for='contexte10_@uid'>Au travail</label><br>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte11_@uid' value='11'><label for='contexte11_@uid'>Internet (quel contexte\u00a0? pr\u00e9ciser <input type='text' data-name='contextSpecial' placeholder='facebook, youtube, twitter, ..' value='@contextspecial0'>)</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte12_@uid' value='12'><label for='contexte12_@uid'>Par une association (quel type : <input type='text' data-name='contextSpecial' placeholder='aide \u00e0 la personne, sport, ..' value='@contextspecial1'>)</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte13_@uid' value='13'><label for='contexte13_@uid'>Autre\u00a0: <input type='text' data-name='contextSpecial' placeholder='vacances, ..' value='@contextspecial2'></label><br>\n\t</h5>\n\t<h4 data-icon='b'>Avec quelle fr\u00e9quence discutez-vous avec cette personne\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\tFace \u00e0 face<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq' id='freq01_@uid' value='0'><label for='freq01_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq' id='freq02_@uid' value='1'><label for='freq02_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq' id='freq03_@uid' value='2'><label for='freq03_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq' id='freq04_@uid' value='3'><label for='freq04_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tT\u00e9l\u00e9phone ou skype et \u00e9quivalent<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq' id='freq11_@uid' value='4'><label for='freq11_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq' id='freq12_@uid' value='5'><label for='freq12_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq' id='freq13_@uid' value='6'><label for='freq13_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq' id='freq14_@uid' value='7'><label for='freq14_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSMS, et \u00e9quivalents<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq' id='freq21_@uid' value='8'><label for='freq21_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq' id='freq22_@uid' value='9'><label for='freq22_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq' id='freq23_@uid' value='10'><label for='freq23_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq' id='freq24_@uid' value='11'><label for='freq24_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tCourrier \u00e9lectronique<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq' id='freq31_@uid' value='12'><label for='freq31_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq' id='freq32_@uid' value='13'><label for='freq32_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq' id='freq33_@uid' value='14'><label for='freq33_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq' id='freq34_@uid' value='15'><label for='freq34_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tFacebook ou autre r\u00e9seau social<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq' id='freq41_@uid' value='16'><label for='freq41_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq' id='freq42_@uid' value='17'><label for='freq42_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq' id='freq43_@uid' value='18'><label for='freq43_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq' id='freq44_@uid' value='19'><label for='freq44_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h4 data-icon='r'>Comment \u00eates-vous \u00ab\u00a0connect\u00e9\u00a0\u00bb \u00e0 cette personne\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\tSes coordonn\u00e9es sont dans votre carnet d\u2019adresse<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_@uid' data-name='connect' id='connect11_@uid' value='0'><label for='connect11_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_@uid' data-name='connect' id='connect12_@uid' value='1'><label for='connect12_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSon num\u00e9ro de mobile est enregistr\u00e9 sur votre mobile (ou vous-m\u00eames \u00eates sur le sien)<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_@uid' data-name='connect' id='connect21_@uid' value='2'><label for='connect21_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_@uid' data-name='connect' id='connect22_@uid' value='3'><label for='connect22_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tElle figure parmi vos amis facebook<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_@uid' data-name='connect' id='connect31_@uid' value='4'><label for='connect31_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_@uid' data-name='connect' id='connect32_@uid' value='5'><label for='connect32_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tElle figure parmi vos amis facebook et vous interagissez avec elle sur ce dispositif r\u00e9guli\u00e8rement<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_@uid' data-name='connect' id='connect41_@uid' value='6'><label for='connect41_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_@uid' data-name='connect' id='connect42_@uid' value='7'><label for='connect42_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous le suivez sur Twitter<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_@uid' data-name='connect' id='connect51_@uid' value='8'><label for='connect51_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_@uid' data-name='connect' id='connect52_@uid' value='9'><label for='connect52_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez avec cette personne sur Twitter<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_@uid' data-name='connect' id='connect61_@uid' value='10'><label for='connect61_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_@uid' data-name='connect' id='connect62_@uid' value='11'><label for='connect62_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez dans autre r\u00e9seau social : <input type='text' data-name='connectSpecial' value='@connectspecial0'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez dans un autre dispositif (blogs, jeu vid\u00e9o ou autre) : <input type='text' data-name='connectSpecial' value='@connectspecial1'>\n\t</h5>\n</article>\n");
diff --git a/js/includes/input-html-data.js b/js/includes/input-html-data.js
index 73cff19..538e47e 100644
--- a/js/includes/input-html-data.js
+++ b/js/includes/input-html-data.js
@@ -243,40 +243,40 @@ ficheBuilder.setLayout(
             "\t\t<span class='select-container'><select data-name='job'>\n"+
                 "\t\t\t<option value='.' disabled selected>Dernière profession exercée:</option>\n"+
                 "\t\t\t<option value='0'>Inconnue</option>\n"+
-                "\t\t\t<option value='1-' disabled>Agriculateur exploitants</option>\n"+
+                "\t\t\t<option value='.' disabled>Agriculateur exploitants</option>\n"+
                     "\t\t\t\t<option value='10'>Agriculteurs exploitants (Agriculteurs, maraîchers, viticulteurs…)</option>\n"+
-                "\t\t\t<option value='2-' disabled>Artisans, commerçants et chefs d'entreprises</option>\n"+
+                "\t\t\t<option value='.' disabled>Artisans, commerçants et chefs d'entreprises</option>\n"+
                     "\t\t\t\t<option value='21'>Artisans (Maçons, électriciens, couturiers, boulangers, garagistes, coiffeurs…)</option>\n"+
                     "\t\t\t\t<option value='22'>Commerçants et assimilés (Commerçants en détail ou en gros, buralistes, cafetiers, agents immobiliers…)</option>\n"+
                     "\t\t\t\t<option value='23'>Chefs d'entreprise de 10 salariés ou plus</option>\n"+
-                "\t\t\t<option value='3-' disabled>Cadres et professions intellectuelles supérieures</option>\n"+
+                "\t\t\t<option value='.' disabled>Cadres et professions intellectuelles supérieures</option>\n"+
                     "\t\t\t\t<option value='31'>Professions libérales et assimilés (Médecins, avocats, notaires, architectes libéraux…)</option>\n"+
                     "\t\t\t\t<option value='32'>Cadres de la fonction publique, professions intellectuelles et artistiques (Personnels administratifs</option>\n"+
                         "\t\t\t\t\t<option class='pad' value='32'>de catégorie A, professeurs de l’enseignement secondaire ou supérieur, médecins hospitaliers, artistes…)</option>\n"+
                     "\t\t\t\t<option value='36'>Cadres d'entreprise (Cadres administratifs, cadres commerciaux, ingénieurs…)</option>\n"+
-                "\t\t\t<option value='4-' disabled>Professions Intermédiaires</option>\n"+
+                "\t\t\t<option value='.' disabled>Professions Intermédiaires</option>\n"+
                     "\t\t\t\t<option value='41'>Professions intermédiaires de l'enseignement, de la santé, de la fonction publique et assimilés </option>\n"+
                         "\t\t\t\t\t<option class='pad' value='41'>(Personnels administratifs de catégorie B, instituteurs, infirmiers, travailleurs sociaux…)</option>\n"+
                     "\t\t\t\t<option value='46'>Professions intermédiaires administratives et commerciales des entreprises (Comptables, chargés de clientèles…)</option>\n"+
                     "\t\t\t\t<option value='47'>Techniciens (Techniciens d’études, techniciens de contrôle, dessinateurs en bâtiment, géomètres…)</option>\n"+
                     "\t\t\t\t<option value='48'>Contremaîtres, agents de maîtrise (Conducteurs de travaux, chefs d’équipe…)</option>\n"+
-                "\t\t\t<option value='5-' disabled>Employés</option>\n"+
+                "\t\t\t<option value='.' disabled>Employés</option>\n"+
                     "\t\t\t\t<option value='51'>Employés de la fonction publique (Personnels de catégorie C, agents administratifs, agents de service…)</option>\n"+
                     "\t\t\t\t<option value='54'>Employés administratifs d'entreprise (Secrétaires, agents d’accueil…)</option>\n"+
                     "\t\t\t\t<option value='55'>Employés de commerce (Vendeurs, caissiers…)</option>\n"+
                     "\t\t\t\t<option value='56'>Personnels des services directs aux particuliers (Serveurs, coiffeurs, assistantes maternelles…)</option>\n"+
-                "\t\t\t<option value='6-' disabled>Ouvriers</option>\n"+
+                "\t\t\t<option value='.' disabled>Ouvriers</option>\n"+
                     "\t\t\t\t<option value='61'>Ouvriers qualifiés de type industriel ou artisanal (Mécaniciens, chauffeurs, cuisiniers…)</option>\n"+
                     "\t\t\t\t<option value='66'>Ouvriers non qualifiés de type industriel ou artisanal (Ouvrier de production, manœuvres…)</option>\n"+
                     "\t\t\t\t<option value='69'>Ouvriers agricoles (Bergers, ouvriers de la viticulture, bûcherons, ouvrier forestiers…)</option>\n"+
-                "\t\t\t<option value='7-' disabled>Retraités</option>\n"+
+                "\t\t\t<option value='.' disabled>Retraités</option>\n"+
                     "\t\t\t\t<option value='71'>Anciens agriculteurs exploitants</option>\n"+
                     "\t\t\t\t<option value='72'>Anciens artisans, commerçants, chefs d'entreprise</option>\n"+
                     "\t\t\t\t<option value='73'>Anciens cadres</option>\n"+
                     "\t\t\t\t<option value='74'>Anciennes professions intermédiaires</option>\n"+
                     "\t\t\t\t<option value='75'>Anciens employés</option>\n"+
                     "\t\t\t\t<option value='76'>Anciens ouvriers</option>\n"+
-                "\t\t\t<option value='8-' disabled>Sans activité professionnelle</option>\n"+
+                "\t\t\t<option value='.' disabled>Sans activité professionnelle</option>\n"+
                     "\t\t\t\t<option value='81'>Chômeurs n'ayant jamais travaillé</option>\n"+
                     "\t\t\t\t<option value='82'>Inactifs divers (autres que retraités)</option>\n"+
             "\t\t</select></span>\n"+