fix icon person

output/4in.misc.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  

output/Katha.Rina.Schroeder.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -549,51 +515,42 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -614,16 +571,14 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -632,13 +587,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div>
@@ -656,16 +609,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -674,13 +625,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div>
@@ -698,16 +647,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -716,13 +663,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div> 
@@ -730,13 +675,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -760,31 +703,26 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  
@@ -802,16 +740,14 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -820,13 +756,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>

output/Mbailloyd.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,96 +512,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -654,21 +602,18 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -676,8 +621,7 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>
@@ -694,8 +638,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -704,8 +647,7 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
 </div> 
@@ -723,56 +665,46 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -796,31 +728,26 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -837,83 +764,67 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div>   

output/Nicolas.damiens.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,28 +352,23 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -397,26 +392,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -435,176 +426,142 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -628,26 +585,22 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -656,13 +609,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -680,46 +631,38 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  

output/Théo.dessay.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -549,46 +515,38 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -599,13 +557,11 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
 </div>
@@ -623,96 +579,78 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -731,26 +669,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -759,23 +693,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div>
@@ -793,16 +723,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -811,13 +739,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -825,13 +751,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
 </div>
@@ -855,36 +779,30 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12
 Marine : 06 32 99 84 98</span>
       </div>
@@ -902,83 +820,67 @@ Marine : 06 32 99 84 98</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/abigael.darvenne.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,46 +353,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -411,16 +403,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -428,13 +418,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -442,13 +430,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div>

output/accordeleon.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,13 +352,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>   
@@ -375,8 +373,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthieu VLC : 06 42 44 79 42</span>
   </div>
 </div>   

output/adelabrianso.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,46 +512,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -603,16 +561,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -621,13 +577,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div>
@@ -645,21 +599,18 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div> 
@@ -667,18 +618,15 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div> 
@@ -696,56 +644,46 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -768,13 +706,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
 </div>   
@@ -791,83 +727,67 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/adrien.claustres.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,96 +353,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -461,26 +443,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -489,18 +467,15 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -518,26 +493,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -546,13 +517,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
@@ -570,26 +539,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -598,23 +563,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -622,23 +583,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div>
@@ -656,16 +613,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -674,13 +629,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 

output/airault.lise.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -539,8 +505,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/al.giordano72.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,16 +353,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -371,13 +369,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div>
@@ -400,8 +396,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -419,21 +414,18 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -442,18 +434,15 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
@@ -461,13 +450,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -486,16 +473,14 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -515,8 +500,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -524,8 +508,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div> 
@@ -533,8 +516,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
 </div>

output/alexis.louapre.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,18 +352,15 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>   
@@ -380,28 +377,23 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -425,26 +417,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -463,36 +451,30 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -501,8 +483,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
 </div>
@@ -519,8 +500,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -538,8 +518,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -562,8 +541,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div>  
@@ -580,8 +558,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
 </div>   
@@ -605,21 +582,18 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olivier : 06 82 50 92 85</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/anne.guyez.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -401,16 +395,14 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div> 
@@ -418,13 +410,11 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -443,56 +433,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -516,16 +496,14 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -534,13 +512,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>
@@ -558,16 +534,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -575,13 +549,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
@@ -589,13 +561,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -613,46 +583,38 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -676,21 +638,18 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis : 06 68 79 86 73</span>
       </div>
     </div>  

output/annegaelle.bajul.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -549,46 +515,38 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -609,96 +567,78 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -716,8 +656,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -726,8 +665,7 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>
@@ -745,61 +683,50 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -826,16 +753,14 @@ Général : Marine 06 32 99 84 98
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24&#34;</span>
       </div>

output/armand.borraz.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,13 +352,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lorraine : 06 71 35 76 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
 </div>   
@@ -377,16 +375,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -394,13 +390,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -408,13 +402,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div>
@@ -433,16 +425,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -450,13 +440,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -464,13 +452,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div>
@@ -494,96 +480,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -602,16 +570,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -620,13 +586,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -644,46 +608,38 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -692,23 +648,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div>
@@ -726,26 +678,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -754,23 +702,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 

output/armand.loris.claveau.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -402,16 +396,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -419,13 +411,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
@@ -449,36 +439,30 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -488,8 +472,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
 </div>
@@ -507,46 +490,38 @@ Camion : Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -564,61 +539,50 @@ Camion : Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -644,83 +608,67 @@ Général : Marine 06 32 99 84 98
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/artistsagainstignorance.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -385,13 +381,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div>
@@ -415,96 +409,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -523,26 +499,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -551,13 +523,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
@@ -575,46 +545,38 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -623,23 +585,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div>
@@ -657,26 +615,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -685,23 +639,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
@@ -725,31 +675,26 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  

output/aslectez.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,16 +512,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -564,13 +528,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>
@@ -588,21 +550,18 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -611,18 +570,15 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
@@ -630,13 +586,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -654,16 +608,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div>  
@@ -671,13 +623,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div>
@@ -696,16 +646,14 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -724,8 +672,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis : 06 68 79 86 73</span>
       </div>
     </div>  
@@ -749,36 +696,30 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12
 Marine : 06 32 99 84 98</span>
       </div>
@@ -796,83 +737,67 @@ Marine : 06 32 99 84 98</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/asurzur.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,16 +512,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -564,13 +528,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
@@ -589,26 +551,22 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -627,8 +585,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div> 
@@ -636,8 +593,7 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
@@ -645,18 +601,15 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div>
@@ -674,46 +627,38 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -731,56 +676,46 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -804,16 +739,14 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -822,13 +755,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -845,8 +776,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
 </div>   
@@ -863,13 +793,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
 </div>   

output/aymeric.lacoste.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -402,16 +396,14 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -435,21 +427,18 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  
@@ -467,46 +456,38 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -530,41 +511,34 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -583,21 +557,18 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -606,13 +577,11 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
 </div> 
@@ -620,13 +589,11 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div>

output/bee-beurre.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,16 +512,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -573,8 +537,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -583,18 +546,15 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div>
@@ -612,16 +572,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div>  
@@ -629,13 +587,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div>
@@ -652,8 +608,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98 Louise : 06 77 62 65 64</span>
       </div>
     </div> 
@@ -661,8 +616,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
 </div> 
@@ -679,8 +633,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis : 06 68 79 86 73</span>
       </div>
     </div>  
@@ -704,31 +657,26 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/bertrand.leclercq31.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -356,46 +356,38 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -416,16 +408,14 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04 (pour stand)
 Matthieu : 06 42 44 79 42 (pour elec)</span>
       </div>
@@ -444,21 +434,18 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -466,18 +453,15 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div>
@@ -495,36 +479,30 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>

output/bhaudry.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
@@ -385,13 +381,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
 </div>
@@ -418,46 +412,38 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -477,8 +463,7 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
 </div> 
@@ -496,21 +481,18 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 0642447942</span>
       </div>
     </div>  

output/bourges.elise.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,26 +353,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -390,8 +386,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -400,13 +395,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
 </div> 
@@ -430,16 +423,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div> 
@@ -447,13 +438,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -477,16 +466,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/c.traizet.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -385,13 +381,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div>
@@ -418,46 +412,38 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -478,36 +464,30 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -528,16 +508,14 @@ Camion : Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  

output/camille.rasse.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -549,46 +515,38 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -610,16 +568,14 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Emmanuel : 06 64 98 45 69</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -639,61 +595,50 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -720,36 +665,30 @@ Général : Marine 06 32 99 84 98
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12
 Marine : 06 32 99 84 98</span>
       </div>
@@ -767,83 +706,67 @@ Marine : 06 32 99 84 98</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/chauvinyann.f4.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,26 +353,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthieu VLC : 06 42 44 79 42</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -390,21 +386,18 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -421,8 +414,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthieu VLC : 06 42 44 79 42</span>
   </div>
 </div>   
@@ -430,8 +422,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
 </div>
@@ -449,21 +440,18 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 0642447942</span>
       </div>
     </div>  

output/chris.louapre.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,26 +512,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -574,18 +536,15 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div>
@@ -603,16 +562,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -621,33 +578,27 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -665,16 +616,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -683,13 +632,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -712,33 +659,27 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div>   
@@ -755,83 +696,67 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/clement.dulot.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -401,176 +395,142 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -593,8 +553,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -603,8 +562,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
 </div> 
@@ -612,13 +570,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -636,16 +592,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div> 
@@ -653,13 +607,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
@@ -677,16 +629,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -695,13 +645,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -725,31 +673,26 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  

output/clovis.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,18 +352,15 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -380,28 +377,23 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -442,8 +434,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
 </div>   
@@ -460,13 +451,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div>   
@@ -486,16 +475,14 @@ Indiquez où poser les affaires dans la salle. </div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -505,13 +492,11 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
 </div> 
@@ -519,13 +504,11 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div>
@@ -549,21 +532,18 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/cyril.hory.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -549,51 +515,42 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -614,16 +571,14 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -632,13 +587,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
 </div> 
@@ -646,13 +599,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div>
@@ -669,8 +620,7 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
 </div>   
@@ -694,16 +644,14 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -712,13 +660,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>
@@ -735,8 +681,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>   
@@ -753,13 +698,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>   
@@ -776,83 +719,67 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/david.lorthois.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
 </div> 
@@ -385,13 +381,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>
@@ -415,96 +409,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -523,21 +499,18 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -546,18 +519,15 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -565,23 +535,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div>
@@ -599,46 +565,38 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -647,23 +605,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div>
@@ -681,26 +635,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -709,23 +659,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
@@ -749,16 +695,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/denieul.audrey.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,26 +353,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -391,36 +387,30 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div>  
@@ -438,176 +428,142 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -626,56 +582,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -699,21 +645,18 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -722,18 +665,15 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
@@ -741,13 +681,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -766,26 +704,22 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -805,16 +739,14 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div> 
@@ -822,13 +754,11 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 

output/edouard.vuillier.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,26 +353,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -391,36 +387,30 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div>  
@@ -438,176 +428,142 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -630,8 +586,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -649,26 +604,22 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthieu VLC : 06 42 44 79 42</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -686,21 +637,18 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -717,8 +665,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -737,16 +684,14 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>

output/elieterver.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,16 +353,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -371,13 +369,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
@@ -396,56 +392,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -469,16 +455,14 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -486,13 +470,11 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -510,61 +492,50 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -591,21 +562,18 @@ Général : Marine 06 32 99 84 98
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis : 06 68 79 86 73</span>
       </div>
     </div>  

output/elodie.toulouze.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -401,16 +395,14 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -419,13 +411,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
@@ -450,26 +440,22 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -489,61 +475,50 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -570,41 +545,34 @@ Général : Marine 06 32 99 84 98
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -623,16 +591,14 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -641,18 +607,15 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>

output/emmanuel.bachelier.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div>  
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
 </div>
@@ -402,16 +398,14 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>

output/fabien.espilit.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,18 +352,15 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -380,28 +377,23 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -425,26 +417,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -462,8 +450,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -481,8 +468,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
 </div>   
@@ -505,8 +491,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -524,26 +509,22 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -568,26 +549,22 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/fanny.delnondedieu.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -401,46 +397,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -458,16 +446,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -476,13 +462,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div>
@@ -500,56 +484,46 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/felix.tauzy.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,21 +512,18 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -578,96 +541,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -686,26 +631,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -714,23 +655,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
@@ -738,13 +675,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>
@@ -762,46 +697,38 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -810,13 +737,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -834,16 +759,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -852,13 +775,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -877,26 +798,22 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -920,31 +837,26 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  

output/fmrtoulouse.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Emmanuel : 06 64 98 45 69</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div>  
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
 </div>
@@ -396,16 +392,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -413,13 +407,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -443,16 +435,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div>  
@@ -460,13 +450,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div>
@@ -484,16 +472,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -502,13 +488,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -526,61 +510,50 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98

output/frederic.daviere.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -385,13 +381,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div>
@@ -418,16 +412,14 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -438,13 +430,11 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -463,16 +453,14 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -492,46 +480,38 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -549,61 +529,50 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -630,31 +599,26 @@ Général : Marine 06 32 99 84 98
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/gaellevives.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div>  
@@ -400,176 +394,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -587,46 +547,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -651,16 +603,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  

output/helenajeannel.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,16 +353,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -380,176 +378,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -567,46 +531,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -625,16 +581,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -642,13 +596,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -672,8 +624,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div>  
@@ -681,8 +632,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div>

output/helene.bravic.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -549,51 +515,42 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -613,8 +570,7 @@ Logistique : Lorraine 06 71 35 76 12
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -623,13 +579,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -647,16 +601,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -665,13 +617,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div>

output/helene.dufournet.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -407,46 +401,38 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -464,56 +450,46 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/igascocl.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -549,51 +515,42 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -614,16 +571,14 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -632,13 +587,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
 </div> 
@@ -646,13 +599,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div>
@@ -670,21 +621,18 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div> 
@@ -692,18 +640,15 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div> 
@@ -727,36 +672,30 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12
 Marine : 06 32 99 84 98</span>
       </div>
@@ -774,83 +713,67 @@ Marine : 06 32 99 84 98</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/ilyesboussahla.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,16 +353,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div> 
@@ -370,13 +368,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
@@ -395,16 +391,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -412,13 +406,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
@@ -426,13 +418,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
 </div>
@@ -456,16 +446,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div>  
@@ -473,13 +461,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div>
@@ -498,16 +484,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -531,26 +515,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/jean.Aubry.solt.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -545,8 +511,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -564,26 +529,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthieu VLC : 06 42 44 79 42</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -601,21 +562,18 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -632,8 +590,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -651,21 +608,18 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 0642447942</span>
       </div>
     </div>  
@@ -689,16 +643,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24&#34;</span>
       </div>

output/jeremie-legrand.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,18 +352,15 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -380,28 +377,23 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -425,16 +417,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -457,8 +447,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olivier : 06 82 50 92 85</span>
   </div>
 </div>   
@@ -476,26 +465,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -520,26 +505,22 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/jodacofo.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,16 +353,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -370,13 +368,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
 </div>
@@ -395,16 +391,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -412,13 +406,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
@@ -442,16 +434,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85</span>
       </div>
     </div> 
@@ -459,13 +449,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -483,16 +471,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -501,13 +487,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -531,26 +515,22 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/jonas.chirouze.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div>  
@@ -400,36 +394,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -454,96 +442,78 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -561,8 +531,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -571,8 +540,7 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div>
@@ -589,8 +557,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -599,8 +566,7 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
@@ -608,8 +574,7 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div>
@@ -627,16 +592,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -655,16 +618,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -689,41 +650,34 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -742,21 +696,18 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -765,13 +716,11 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
 </div> 
@@ -779,13 +728,11 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div>
@@ -802,33 +749,27 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div>   

output/julien.michelon.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,26 +353,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -397,96 +393,78 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -505,21 +483,18 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -528,18 +503,15 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -547,23 +519,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div>
@@ -581,46 +549,38 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -629,23 +589,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div>
@@ -663,26 +619,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -691,23 +643,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 

output/laura.macre2.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -370,8 +370,7 @@ installation signalétique
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -392,16 +391,14 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04 (pour stand)
 Matthieu : 06 42 44 79 42 (pour elec)</span>
       </div>
@@ -420,21 +417,18 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div> 
@@ -442,18 +436,15 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div> 
@@ -472,16 +463,14 @@ Matthieu : 06 42 44 79 42 (pour elec)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Tireuse : Lorraine : 06 71 35 76 12
 Durante : Sylvain : 06 72 29 46 90</span>
       </div>

output/laureenforgues.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,21 +353,18 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  
@@ -385,96 +382,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -493,26 +472,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -521,18 +496,15 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -559,26 +531,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -587,13 +555,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
@@ -611,26 +577,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -639,23 +601,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -663,23 +621,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div>
@@ -697,16 +651,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -715,13 +667,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 

output/laurie.degeorges.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,21 +512,18 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -578,96 +541,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -686,26 +631,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -714,23 +655,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
@@ -738,23 +675,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -772,46 +705,38 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -820,23 +745,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div>
@@ -855,26 +776,22 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -897,33 +814,27 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div>   
@@ -940,83 +851,67 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/lgvincent.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,46 +512,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -603,16 +561,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -631,16 +587,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -649,13 +603,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div>
@@ -672,8 +624,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98 Louise : 06 77 62 65 64</span>
       </div>
     </div>  
@@ -681,8 +632,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div>
@@ -700,56 +650,46 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -772,33 +712,27 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div>   
@@ -815,83 +749,67 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/lolita.bolanos.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  

output/louise.garrigou.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -403,16 +397,14 @@ Indiquez où poser les affaires dans la salle. </div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -422,13 +414,11 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>
@@ -447,56 +437,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  

output/lperbet.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,8 +352,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
 </div>   
@@ -380,51 +379,42 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -446,16 +436,14 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -475,26 +463,22 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -503,13 +487,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -533,31 +515,26 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/lrnt.dcngl.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -355,16 +355,14 @@ Indiquez où poser les affaires dans la salle. </div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -374,13 +372,11 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 
@@ -399,16 +395,14 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -416,13 +410,11 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -441,56 +433,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -514,16 +496,14 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -531,13 +511,11 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
@@ -555,61 +533,50 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -636,21 +603,18 @@ Général : Marine 06 32 99 84 98
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis : 06 68 79 86 73</span>
       </div>
     </div>  

output/luzmerv.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -540,46 +506,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -603,8 +561,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -612,8 +569,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
 </div> 

output/mapi.louapre.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,16 +512,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -564,13 +528,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
@@ -588,26 +550,22 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -616,18 +574,15 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div>
@@ -645,16 +600,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -663,33 +616,27 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
@@ -713,16 +660,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -731,13 +676,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -754,83 +697,67 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/marine.thomasson9.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,8 +352,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>   
@@ -371,36 +370,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -421,16 +414,14 @@ Indiquez où poser les affaires dans la salle. </div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -440,13 +431,11 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>
@@ -472,8 +461,7 @@ installation signalétique
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -494,61 +482,50 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98

output/marion.hergas.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,13 +352,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lorraine : 06 71 35 76 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>   
@@ -391,21 +389,18 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -413,18 +408,15 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div>
@@ -441,8 +433,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
 </div>   

output/marlene.estreboou.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,26 +353,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -391,36 +387,30 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -429,8 +419,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
 </div>
@@ -454,16 +443,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -481,56 +468,46 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/mathieu.bruneau.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,46 +353,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -411,16 +403,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -428,13 +418,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -442,13 +430,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div>

output/mathildeboussac91.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,8 +352,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div> 
@@ -361,8 +360,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
 </div> 
@@ -386,96 +384,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -494,21 +474,18 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -517,18 +494,15 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -536,23 +510,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div>
@@ -570,26 +540,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -598,13 +564,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div> 
@@ -622,16 +586,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -640,13 +602,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -654,13 +614,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
 </div>
@@ -684,41 +642,34 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -737,21 +688,18 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -760,13 +708,11 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
 </div> 
@@ -774,13 +720,11 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div>

output/matth.perrier.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,8 +352,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lorraine : 06 71 35 76 12</span>
   </div>
 </div>   
@@ -377,26 +376,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -413,8 +408,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 06 42 44 79 42</span>
       </div>
     </div>  
@@ -431,8 +425,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Yann : 06 47 92 28 80</span>
   </div>
 </div>   
@@ -449,8 +442,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Matthieu : 0642447942</span>
       </div>
     </div>  

output/matthias.ax.roger.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,28 +352,23 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div>   
@@ -397,36 +392,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div>  
@@ -444,16 +433,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -461,13 +448,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
 </div>
@@ -490,8 +475,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div> 
@@ -499,8 +483,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
@@ -518,16 +501,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -545,16 +526,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -563,13 +542,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 

output/maximemeyerbrusseaux.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,21 +512,18 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -578,96 +541,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -686,26 +631,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -714,23 +655,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
@@ -738,23 +675,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -772,46 +705,38 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -820,23 +745,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div>
@@ -855,26 +776,22 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -897,33 +814,27 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>   
@@ -940,83 +851,67 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/mcagu13.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -407,46 +401,38 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -464,56 +450,46 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -536,83 +512,67 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/monfort.vincent.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,96 +512,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -654,26 +602,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -682,23 +626,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
@@ -706,13 +646,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>
@@ -730,46 +668,38 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -778,13 +708,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -802,16 +730,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -820,13 +746,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
@@ -849,33 +773,27 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div>   
@@ -892,83 +810,67 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/mouilled.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,8 +352,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 76</span>
       </div>
     </div>  
@@ -377,41 +376,34 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -430,16 +422,14 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -448,18 +438,15 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>

output/nadegebesson93.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,16 +353,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div>  
@@ -370,8 +368,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div>
@@ -390,16 +387,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -407,13 +402,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -421,13 +414,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div>
@@ -451,96 +442,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -559,16 +532,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -577,13 +548,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -601,26 +570,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -629,23 +594,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -653,13 +614,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div>
@@ -678,16 +637,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  

output/nathan.peborde.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,46 +353,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -411,56 +403,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -494,16 +476,14 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laura GPS : 06 79 27 36 04</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Tireuse : Lorraine : 06 71 35 76 12
 Durante : Sylvain : 06 72 29 46 90</span>
       </div>

output/nicole.merat.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -546,96 +512,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -654,26 +602,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -682,18 +626,15 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -711,26 +652,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -739,23 +676,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -763,13 +696,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div>
@@ -787,26 +718,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -815,13 +742,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -845,36 +770,30 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12
 Marine : 06 32 99 84 98</span>
       </div>
@@ -892,83 +811,67 @@ Marine : 06 32 99 84 98</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/oceane.esnault.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Jonas : 06 69 74 79 04</span>
       </div>
     </div>  
@@ -390,8 +384,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div>
@@ -409,16 +402,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -445,46 +436,38 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -505,36 +488,30 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>

output/olga.pavia.cerdan.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,16 +353,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -371,13 +369,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
 </div>
@@ -396,16 +392,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -413,13 +407,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -427,13 +419,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>
@@ -457,16 +447,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div>  
@@ -474,13 +462,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div>
@@ -504,31 +490,26 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  

output/olivier.estienne57.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,16 +353,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -380,8 +378,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
 </div>   
@@ -405,21 +402,18 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/paulerwanjourdan.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -545,8 +511,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -564,46 +529,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -611,8 +568,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
 </div>
@@ -633,51 +589,42 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -699,16 +646,14 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -728,56 +673,46 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -800,33 +735,27 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
 </div>   
@@ -843,83 +772,67 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>   

output/petitebade.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -363,56 +363,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -435,8 +425,7 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 76</span>
       </div>
     </div>  
@@ -460,41 +449,34 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -513,16 +495,14 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -531,18 +511,15 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 

output/pierre.renard.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
 </div> 
@@ -385,13 +381,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>
@@ -410,16 +404,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -427,13 +419,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
@@ -441,13 +431,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div>
@@ -471,16 +459,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -498,16 +484,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -515,13 +499,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
@@ -529,13 +511,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div>
@@ -553,61 +533,50 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -628,16 +597,14 @@ Général : Marine 06 32 99 84 98
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -646,13 +613,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 

output/qh.truong89.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,8 +352,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div>   
@@ -370,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div>   
@@ -400,46 +397,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Rémy : 06 31 52 24 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -456,8 +445,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -490,16 +478,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/remy.seksek.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -407,46 +401,38 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -463,8 +449,7 @@ Alexis : 06 79 99 31 24</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -474,8 +459,7 @@ Camion : Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
 </div> 
@@ -499,21 +483,18 @@ Camion : Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olivier : 06 82 50 92 85</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>

output/ruiz.nils.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -402,16 +396,14 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -419,13 +411,11 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
@@ -433,13 +423,11 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Ilyes : 06 76 68 30 66</span>
   </div>
 </div>
@@ -458,56 +446,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -531,16 +509,14 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -549,13 +525,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -573,46 +547,38 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -630,56 +596,46 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  

output/sarah.blosse.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,46 +353,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -409,8 +401,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24</span>
       </div>
     </div> 
@@ -418,8 +409,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
 </div> 
@@ -438,16 +428,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -455,13 +443,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -469,13 +455,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div>
@@ -494,16 +478,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div> 
@@ -511,13 +493,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
 </div> 
@@ -525,13 +505,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
 </div>
@@ -550,56 +528,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  

output/silvia.gil.casals.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -403,16 +397,14 @@ Indiquez où poser les affaires dans la salle. </div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -422,13 +414,11 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
 </div> 
@@ -436,13 +426,11 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sylvain : 06 72 29 46 89</span>
   </div>
 </div>
@@ -466,16 +454,14 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olivier : 06 82 50 92 85</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -494,26 +480,22 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -522,8 +504,7 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
 </div>
@@ -541,16 +522,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div>  
@@ -558,13 +537,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div>
@@ -588,31 +565,26 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/simonrageot.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -545,8 +511,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -567,46 +532,38 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -617,13 +574,11 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
 </div>
@@ -644,51 +599,42 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -710,26 +656,22 @@ Faire le tour des poubelles pour vérfier état (changer sac) et vérifier le tr
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 
 Poubelle : Alexis : 06 79 99 31 24</span>
@@ -749,16 +691,14 @@ Poubelle : Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -767,13 +707,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div> 
@@ -781,13 +719,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -805,61 +741,50 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
 Général : Marine 06 32 99 84 98
@@ -886,36 +811,30 @@ Général : Marine 06 32 99 84 98
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12
 Marine : 06 32 99 84 98</span>
       </div>

output/sophie.rousval.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -354,16 +354,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -371,13 +369,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Emmanuel : 06 64 98 45 69</span>
   </div>
 </div> 
@@ -385,13 +381,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -410,16 +404,14 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>nan</span>
       </div>
     </div>  
@@ -446,16 +438,14 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -466,13 +456,11 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
@@ -490,16 +478,14 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -508,13 +494,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
 </div> 
@@ -532,36 +516,30 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -582,26 +560,22 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  

output/stefan.leguellec.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -352,8 +352,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
 </div>   
@@ -371,36 +370,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -419,36 +412,30 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -468,56 +455,46 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 89</span>
       </div>
     </div>  
@@ -541,96 +518,78 @@ Passer un coup de balai + serpillère. Cleaner les toilettes.</div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -648,8 +607,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -658,8 +616,7 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
 </div> 
@@ -667,8 +624,7 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
 </div>
@@ -686,16 +642,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -712,8 +666,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -722,8 +675,7 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
 </div> 
@@ -741,16 +693,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -769,16 +719,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -803,41 +751,34 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elodie : 06 72 31 32 91</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard Méca : 06 98 39 23 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -856,16 +797,14 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Amélie : 06 60 15 27 60</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -874,18 +813,15 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 

output/sw.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -356,51 +356,42 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -421,16 +412,14 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -438,13 +427,11 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Victor : 06 85 57 26 79</span>
   </div>
 </div> 
@@ -452,13 +439,11 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Voleur Elie : 06 43 71 56 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div>

output/sylvaincluzel.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -361,13 +361,11 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Quang Huy : 06 74 44 36 35</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div>   
@@ -387,16 +385,14 @@ Indiquez où poser les affaires dans la salle. </div>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hutch : 06 89 09 67 29</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Louise : 06 77 62 65 64
 Clovis : 06 68 79 86 73</span>
@@ -406,13 +402,11 @@ Clovis : 06 68 79 86 73</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
 </div> 

output/thibautdethan.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,176 +353,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -540,46 +506,38 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathieu Split : 06 74 24 06 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Abigaël : 06 70 81 08 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nathan : 06 03 95 63 75</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Nathan : 06 03 95 63 75</span>
       </div>
     </div>  
@@ -603,8 +561,7 @@ i.person {
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -612,8 +569,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alicia : 07 50 87 91 54</span>
   </div>
 </div> 
@@ -621,8 +577,7 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
 </div>

output/victor.lafont.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -353,36 +353,30 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Louise : 06 77 62 65 64</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marine : 06 32 99 84 98</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98
 Logistique Lorraine : 06 71 35 76 12</span>
       </div>
@@ -402,16 +396,14 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sarah : 06 89 32 01 39</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09</span>
       </div>
     </div> 
@@ -419,13 +411,11 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
 </div> 
@@ -433,13 +423,11 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div>
@@ -463,16 +451,14 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Clovis 06 68 79 86 73</span>
       </div>
     </div> 
@@ -480,13 +466,11 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
 </div> 
@@ -494,13 +478,11 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>PierreQ : 06 70 43 76 31</span>
   </div>
 </div>
@@ -518,36 +500,30 @@ Logistique Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Alexis : 06 79 99 31 24
 Olivier : 06 82 50 92 85
 Camion : Lorraine : 06 71 35 76 12</span>
@@ -573,16 +549,14 @@ Camion : Lorraine : 06 71 35 76 12</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  

output/web/4in.misc.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -347,176 +347,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  

output/web/Katha.Rina.Schroeder.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -347,176 +347,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -543,51 +509,42 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stephane : 06 11 89 31 83</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -608,16 +565,14 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -626,13 +581,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent DP : 06 24 10 96 05</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
 </div>
@@ -650,16 +603,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -668,13 +619,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>José : 07 69 12 30 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div>
@@ -692,16 +641,14 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85 (si question)
 Clovis : 06 68 79 86 73 (si problème)</span>
       </div>
@@ -710,13 +657,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
 </div> 
@@ -724,13 +669,11 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -754,31 +697,26 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucas : 06 63 77 27 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Sylvain : 06 72 29 46 90</span>
       </div>
     </div>  
@@ -796,16 +734,14 @@ Clovis : 06 68 79 86 73 (si problème)</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -814,13 +750,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>

output/web/Mbailloyd.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -347,176 +347,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -540,96 +506,78 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -648,21 +596,18 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marion brijou : 06 86 53 53 87</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>GPS 06 79 27 36 04</span>
       </div>
     </div>  
@@ -670,8 +615,7 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
 </div>
@@ -688,8 +632,7 @@ Jonas 06 69 74 79 04</span>
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef : 06 66 33 03 09 
 Jonas : 06 69 74 79 04</span>
       </div>
@@ -698,8 +641,7 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
 </div> 
@@ -717,56 +659,46 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène Duf. : 06 30 06 10 70</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fanny : 06 49 95 48 32</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Marlène : 06 83 91 98 02</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>quang Huy : 06 74 44 36 35</span>
       </div>
     </div>  
@@ -790,31 +722,26 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Olga : 06 49 44 08 43</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  
@@ -831,83 +758,67 @@ Jonas : 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div>   

output/web/Nicolas.damiens.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -346,28 +346,23 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jérémie : 06 89 26 95 92</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Matthias : 06 89 04 53 82</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clovis : 06 68 79 86 73</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis FP : 06 95 52 90 88</span>
   </div>
 </div>   
@@ -391,26 +386,22 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Elise : 06 33 49 97 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fabien : 06 79 15 25 84</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -429,176 +420,142 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Theo : 06 51 13 60 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -622,26 +579,22 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Silvia : 06 98 09 84 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Olivier : 06 82 50 92 85
 Alexis : 06 79 99 31 24</span>
       </div>
@@ -650,13 +603,11 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
 </div>
@@ -674,46 +625,38 @@ Alexis : 06 79 99 31 24</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Aymeric Pompom : 06 78 57 28 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne Croute : 06 33 02 77 18</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Alexis Méca : 06 74 57 10 12</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nils : 06 35 38 72 26</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12</span>
       </div>
     </div>  

output/web/Théo.dessay.html

@@ -51,7 +51,7 @@
   -moz-font-feature-settings: "liga";
   -moz-osx-font-smoothing: grayscale;
 }
-i.person {
+.icon.person {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
 }
@@ -347,176 +347,142 @@ i.person {
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jean : 06 58 65 11 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Audrey : 06 71 20 80 36</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armel : 06 35 56 46 52</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Thibaut : 06 70 12 34 65</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Clément : 06 79 53 06 00</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Gaëlle : 06 70 36 77 33</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lolita : 06 73 02 79 22</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lise : 06 60 91 80 69</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Helena : 06 10 50 87 25</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cathy : 06 95 60 93 11</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Katharina „Tshik Tshik“ : 49176 43 49 76 81</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Hélène B : 06 85 17 16 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Lucile poupoule : 06 16 92 33 72</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stanislaw  : 06 75 27 65 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicolas : 06 88 18 89 44</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Edouard : 06 47 49 38 68</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Marine : 06 32 99 84 98</span>
       </div>
     </div>  
@@ -543,46 +509,38 @@ installation signalétique
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Brian : 06 31 36 26 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cédric : 06 85 75 55 08</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Océane : 07 81 36 48 86</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Bertrand : 07 88 61 03 28</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lieu : Marine 06 32 99 84 98
 Bar : Stef 06 66 33 03 09
 Logistique : Lorraine 06 71 35 76 12
@@ -593,13 +551,11 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Sophie : 06 16 48 88 23</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Fred : 07 85 46 09 59</span>
   </div>
 </div>
@@ -617,96 +573,78 @@ Logistique : Lorraine 06 71 35 76 12
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Jonas : 06 69 74 79 04</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nadège : 06 78 64 72 56</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Julien : 06 34 54 45 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>David : 06 20 63 29 57</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand FP : 06 03 46 59 48</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicholas : 07 77 82 44 89</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Gaëlle : 06 66 96 14 07</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Stefan : 06 66 33 03 09</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -725,26 +663,22 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -753,23 +687,19 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div>
@@ -787,16 +717,14 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mathilde : 07 71 14 41 46</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Stef 06 66 33 03 09 
 Jonas 06 69 74 79 04</span>
       </div>
@@ -805,13 +733,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Félix : 06 38 30 68 67</span>
   </div>
 </div> 
@@ -819,13 +745,11 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adrien : 06 71 80 48 30</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laureen : 07 78 10 47 37</span>
   </div>
 </div>
@@ -849,36 +773,30 @@ Jonas 06 69 74 79 04</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Simon : 06 35 10 27 15</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
 </div> 
     <div class="agenda-creneau-details--title">Le responsable</div>
     <div class="agenda-creneau-details--content">
       <div class="benevole">
-        
-<i class="person"></i>
+        <i class="icon person"></i>
         <span>Lorraine 06 71 35 76 12
 Marine : 06 32 99 84 98</span>
       </div>
@@ -896,83 +814,67 @@ Marine : 06 32 99 84 98</span>
 <div class="agenda-creneau-details--content">
   
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Armand TB : 06 46 24 64 37</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Manuel : 06 12 80 61 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Adela : 346 65 22 14 80</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Mapi : 06 68 21 46 26</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Anne-Sophie : 06 23 39 86 03</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent Shérifa : 06 20 10 63 58</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Paul-Erwan : 07 87 76 64 76</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Cyril : 06 73 51 44 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Laurie : 07 77 23 11 34</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Isabel : 06 95 04 77 60</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Vincent M. : 06 25 57 25 99</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Camille : 06 98 35 89 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Christophe : 06 11 27 49 27</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maxime : 06 16 13 39 41</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Nicole : 06 34 10 06 88</span>
   </div>
   <div class="benevole">
-    
-<i class="person"></i>
+    <i class="icon person"></i>
     <span>Maël : 06 10 31 87 30</span>
   </div>
 </div>