Refactored services directory tree.

.project

@@ -3,7 +3,6 @@
 	<name>LSEUWeb</name>
 	<comment></comment>
 	<projects>
-		<project>kiss4web</project>
 	</projects>
 	<buildSpec>
 		<buildCommand>

.settings/org.eclipse.ltk.core.refactoring.prefs

@@ -0,0 +1,2 @@
+eclipse.preferences.version=1
+org.eclipse.ltk.core.refactoring.enable.project.refactoring.history=false

.settings/org.eclipse.wst.common.component

@@ -3,38 +3,34 @@
     
     
     
+    
     <wb-module deploy-name="JugaWeb">
                         
+        
         <wb-resource deploy-path="/WEB-INF/classes" source-path="/test"/>
                         
+        
         <wb-resource deploy-path="/WEB-INF/classes" source-path="/src"/>
                         
+        
         <wb-resource deploy-path="/" source-path="/webapp"/>
                                                 
         
         
-        <dependent-module archiveName="kiss4web.jar" deploy-path="/WEB-INF/lib" handle="module:/resource/kiss4web/kiss4web">
-                                                
-            
-            
-            <dependency-type>uses</dependency-type>
-                                            
-        
-        
-        </dependent-module>
-                                        
-        
         
         
         <property name="java-output-path" value="/JugaWeb/build/classes"/>
+                
         <property name="context-root" value="StatoolInfosWeb"/>
                                             
     
     
     
+    
     </wb-module>
                     
 
 
 
+
 </project-modules>

src/website/accueil.xhtml

@@ -31,27 +31,27 @@
 			<h3>Les services</h3>
 			<p><span style="display: inline-block; width: 80px;">Audio :</span>
 				<a href="https://audio.libre-service.eu/" class="button-hero-square" role="button" style="margin-right: 10px;">Utiliser</a>
-				<a href="/services/audio.xhtml" class="button-hero-square" role="button">Découvrir</a>
+				<a href="/services/audio/" class="button-hero-square" role="button">Découvrir</a>
 			</p>
 			<p><span style="display: inline-block; width: 80px;">Minetest :</span>
 				<a href="https://minetest.libre-service.eu/" class="button-hero-square" role="button" style="margin-right: 10px;">Utiliser</a>
-				<a href="/services/minetest.xhtml" class="button-hero-square" role="button">Découvrir</a>
+				<a href="/services/minetest/" class="button-hero-square" role="button">Découvrir</a>
 			</p>
 			<p><span style="display: inline-block; width: 80px;">Pad :</span>
 				<a href="https://pad.libre-service.eu/" class="button-hero-square" role="button" style="margin-right: 10px;">Utiliser</a>
-				<a href="/services/pad.xhtml" class="button-hero-square" role="button">Découvrir</a>
+				<a href="/services/pad/" class="button-hero-square" role="button">Découvrir</a>
 			</p>
 			<p><span style="display: inline-block; width: 80px;">Paste :</span>
 				<a href="https://paste.libre-service.eu/" class="button-hero-square" role="button" style="margin-right: 10px;">Utiliser</a>
-				<a href="/services/paste.xhtml" class="button-hero-square" role="button">Découvrir</a>
+				<a href="/services/paste/" class="button-hero-square" role="button">Découvrir</a>
 			</p>
 			<p><span style="display: inline-block; width: 80px;">QRcode :</span>
 				<a href="https://qrcode.libre-service.eu/" class="button-hero-square" role="button" style="margin-right: 10px;">Utiliser</a>
-				<a href="/services/qrcode.xhtml" class="button-hero-square" role="button">Découvrir</a> 
+				<a href="/services/qrcode/" class="button-hero-square" role="button">Découvrir</a> 
 			</p>
 			<p><span style="display: inline-block; width: 80px;">Visio :</span>
 				<a href="https://visio.libre-service.eu/" class="button-hero-square" role="button" style="margin-right: 10px;">Utiliser</a>
-				<a href="/services/visio.xhtml" class="button-hero-square" role="button">Découvrir</a>
+				<a href="/services/visio/" class="button-hero-square" role="button">Découvrir</a>
 			</p>
 		</div>
 	</div>
@@ -96,7 +96,7 @@
 	</p> 
 	<p>02 avril 2022 : visio mensuelle avec l'équipe de Libre-service.eu à 11h00 sur <a href="https://visio.libre-service.eu/contact">notre salon dédié</a>&#160;&#160;<span class="fa fa-users" style="font-size: large;"></span>
 	</p> 
-	<p>26 mars 2022 : Libre-service.eu ouvre un nouveau service de <a href="/services/pad.xhtml">traitement de texte collaboratif</a> basé sur Etherpad <span class="fa fa-gnu" style="font-size: x-large;"></span>
+	<p>26 mars 2022 : Libre-service.eu ouvre un nouveau service de <a href="/services/pad/">traitement de texte collaboratif</a> basé sur Etherpad <span class="fa fa-gnu" style="font-size: x-large;"></span>
 	</p> 
 	<p>05 mars 2022 : visio mensuelle avec l'équipe de Libre-service.eu à 11h00 sur <a href="https://visio.libre-service.eu/contact">notre salon dédié</a>&#160;&#160;<span class="fa fa-users" style="font-size: large;"></span>
 	</p> 
@@ -106,7 +106,7 @@
 	</p> 
 	<p>24 décembre 2021 : Libre-service.eu vous souhaite de bonnes fêtes de fin d'année dans un monde libre, éthique et loyal <span style="font-size: x-large;">☃ 🎉</span>
 	</p> 
-	<p>23 décembre 2021 : Libre-service.eu ouvre un nouveau service <a href="/services/minetest.xhtml">Minetest</a> basé sur Mineclone2.
+	<p>23 décembre 2021 : Libre-service.eu ouvre un nouveau service <a href="/services/minetest/">Minetest</a> basé sur Mineclone2.
 	</p> 
 	<p>21 décembre 2021 : Libre-service.eu rejoint officiellement le <a href="https://www.chatons.org/">collectif CHATONS</a> <a href="https://www.chatons.org/"><img src="/commons/logo_chatons2-128x.png" alt="Logo CHATONS" style="width: 35px; vertical-align: middle;"/></a>
 	</p> 

src/website/charter/webCharterView.xhtml

@@ -28,7 +28,7 @@
 
 			<nav class="headerbox-menu">
 				<a class="headerbox-menu-button" href="/accueil.xhtml" role="button">Accueil</a>
-				<a class="headerbox-menu-button" href="/services.xhtml" role="button">Services libres</a>
+				<a class="headerbox-menu-button" href="/services/" role="button">Services libres</a>
 				<a class="headerbox-menu-button" href="/apropos.xhtml" role="button">À propos</a>
 			 	<a class="headerbox-menu-button" href="/cgu.xhtml" role="button">Conditions d’utilisation</a>
 			</nav>

src/website/services/IndexXhtml.java

@@ -16,7 +16,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with LibreServiceEUWeb.  If not, see <http://www.gnu.org/licenses/>.
  */
-package website;
+package website.services;
 
 import java.io.IOException;
 
@@ -35,10 +35,10 @@ import website.charter.WebCharterView;
 /**
  * The Class AccueilPage.
  */
-public class ServicesPage extends HttpServlet
+public class IndexXhtml extends HttpServlet
 {
     private static final long serialVersionUID = -8225743451426546008L;
-    private static Logger logger = LoggerFactory.getLogger(ServicesPage.class);
+    private static Logger logger = LoggerFactory.getLogger(IndexXhtml.class);
 
     /**
      * {@inheritDoc}
@@ -59,7 +59,7 @@ public class ServicesPage extends HttpServlet
             // ==============
             TagDataManager data = new TagDataManager();
 
-            String page = PresenterUtils.dynamize("/website/services.xhtml", data).toString();
+            String page = PresenterUtils.dynamize("/website/services/services.xhtml", data).toString();
 
             String html = WebCharterView.build(page);
 

src/website/services/audio/IndexXhtml.java

@@ -16,7 +16,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with LibreServiceEUWeb.  If not, see <http://www.gnu.org/licenses/>.
  */
-package website.services;
+package website.services.audio;
 
 import java.io.IOException;
 
@@ -35,10 +35,10 @@ import website.charter.WebCharterView;
 /**
  * The Class AccueilPage.
  */
-public class AudioPage extends HttpServlet
+public class IndexXhtml extends HttpServlet
 {
     private static final long serialVersionUID = -8225743451426546008L;
-    private static Logger logger = LoggerFactory.getLogger(AudioPage.class);
+    private static Logger logger = LoggerFactory.getLogger(IndexXhtml.class);
 
     /**
      * {@inheritDoc}
@@ -58,7 +58,7 @@ public class AudioPage extends HttpServlet
             // ==============
             TagDataManager data = new TagDataManager();
 
-            String page = PresenterUtils.dynamize("/website/services/audio.xhtml", data).toString();
+            String page = PresenterUtils.dynamize("/website/services/audio/audio.xhtml", data).toString();
 
             String html = WebCharterView.build(page);
 

src/website/services/audio/audio.xhtml

@@ -16,8 +16,8 @@
 	<h2>Description</h2>
 	<div class="clearfix">
 		<div style="float: right;">
-			<img src="/services/mumble2b.png" alt="L'interface graphique Mumble" style="height: 380px;" />
-			<p><img src="/services/mumble1.png" alt="Informations de connexion" style="" /></p>
+			<img src="/services/audio/mumble2b.png" alt="L'interface graphique Mumble" style="height: 380px;" />
+			<p><img src="/services/audio/mumble1.png" alt="Informations de connexion" style="" /></p>
 		</div>
 		<p>Audio.libre-service.eu est un service d'audio-conférence basé sur le logiciel libre <a href="https://www.mumble.info/">Mumble</a>.</p>
 		<p>Quelques caractéristiques :</p>

src/website/services/minetest/IndexXhtml.java

@@ -16,7 +16,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with LibreServiceEUWeb.  If not, see <http://www.gnu.org/licenses/>.
  */
-package website.services;
+package website.services.minetest;
 
 import java.io.IOException;
 
@@ -35,10 +35,10 @@ import website.charter.WebCharterView;
 /**
  * The Class MinetestPage.
  */
-public class MinetestPage extends HttpServlet
+public class IndexXhtml extends HttpServlet
 {
     private static final long serialVersionUID = -8225743451426546008L;
-    private static Logger logger = LoggerFactory.getLogger(MinetestPage.class);
+    private static Logger logger = LoggerFactory.getLogger(IndexXhtml.class);
 
     /**
      * {@inheritDoc}
@@ -58,7 +58,7 @@ public class MinetestPage extends HttpServlet
             // ==============
             TagDataManager data = new TagDataManager();
 
-            String page = PresenterUtils.dynamize("/website/services/minetest.xhtml", data).toString();
+            String page = PresenterUtils.dynamize("/website/services/minetest/minetest.xhtml", data).toString();
 
             String html = WebCharterView.build(page);
 

src/website/services/minetest/minetest.xhtml

@@ -14,10 +14,10 @@
 	<h1>Le service Minetest.libre-service.eu</h1>
 
 	<div style="float: right;">
-		<img src="/services/minetest-soleil-800x.jpg" alt="Coucher de soleil dans le monde de Libremine" style="height: 200px;" /><br/>
-		<img src="/services/minetest-lapin-800x.jpg" alt="Rencontre avec un lapin dans le monde de Libremine" style="height: 200px;" /><br/>
-		<img src="/services/minetest-vache-800x.jpg" alt="Rencontre avec une vache dans le monde de Libremine" style="height: 200px;" /><br/>
-		<img src="/services/minetest-pyramide-800x.jpg" alt="En quête d'une pyramide dans le monde de Libremine" style="height: 200px;" />
+		<img src="/services/minetest/img-soleil-800x.jpg" alt="Coucher de soleil dans le monde de Libremine" style="height: 200px;" /><br/>
+		<img src="/services/minetest/img-lapin-800x.jpg" alt="Rencontre avec un lapin dans le monde de Libremine" style="height: 200px;" /><br/>
+		<img src="/services/minetest/img-vache-800x.jpg" alt="Rencontre avec une vache dans le monde de Libremine" style="height: 200px;" /><br/>
+		<img src="/services/minetest/img-pyramide-800x.jpg" alt="En quête d'une pyramide dans le monde de Libremine" style="height: 200px;" />
 	</div>
 	<h2>Description</h2>
 	<div class="clearfix">

src/website/services/pad/IndexXhtml.java

@@ -16,7 +16,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with LibreServiceEUWeb.  If not, see <http://www.gnu.org/licenses/>.
  */
-package website.services;
+package website.services.pad;
 
 import java.io.IOException;
 
@@ -35,10 +35,10 @@ import website.charter.WebCharterView;
 /**
  * The Class PadPage.
  */
-public class PadPage extends HttpServlet
+public class IndexXhtml extends HttpServlet
 {
     private static final long serialVersionUID = -8225743451426546008L;
-    private static Logger logger = LoggerFactory.getLogger(PadPage.class);
+    private static Logger logger = LoggerFactory.getLogger(IndexXhtml.class);
 
     /**
      * {@inheritDoc}
@@ -59,7 +59,7 @@ public class PadPage extends HttpServlet
             // ==============
             TagDataManager data = new TagDataManager();
 
-            String page = PresenterUtils.dynamize("/website/services/pad.xhtml", data).toString();
+            String page = PresenterUtils.dynamize("/website/services/pad/pad.xhtml", data).toString();
 
             String html = WebCharterView.build(page);
 

src/website/services/pad/pad.xhtml

@@ -17,7 +17,7 @@
 	<div class="clearfix">
 		<p>Pad.libre-service.eu est un service de rédaction collaborative de texte basé sur le logiciel libre <a href="https://etherpad.org/">Etherpad</a>.</p>
 		<div style="float: right; margin-left: 10px;">
-			<img src="/services/etherpad_demo.gif" alt="Démonstration du service" style="width: 700px;" />
+			<img src="/services/pad/etherpad_demo.gif" alt="Démonstration du service" style="width: 700px;" />
 		</div>
 		<p>Quelques caractéristiques :</p>
 		<ul>

src/website/services/paste/IndexXhtml.java

@@ -16,7 +16,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with LibreServiceEUWeb.  If not, see <http://www.gnu.org/licenses/>.
  */
-package website.services;
+package website.services.paste;
 
 import java.io.IOException;
 
@@ -35,10 +35,10 @@ import website.charter.WebCharterView;
 /**
  * The Class AccueilPage.
  */
-public class QrcodePage extends HttpServlet
+public class IndexXhtml extends HttpServlet
 {
     private static final long serialVersionUID = -8225743451426546008L;
-    private static Logger logger = LoggerFactory.getLogger(QrcodePage.class);
+    private static Logger logger = LoggerFactory.getLogger(IndexXhtml.class);
 
     /**
      * {@inheritDoc}
@@ -59,7 +59,7 @@ public class QrcodePage extends HttpServlet
             // ==============
             TagDataManager data = new TagDataManager();
 
-            String page = PresenterUtils.dynamize("/website/services/qrcode.xhtml", data).toString();
+            String page = PresenterUtils.dynamize("/website/services/paste/paste.xhtml", data).toString();
 
             String html = WebCharterView.build(page);
 

src/website/services/paste/paste.xhtml

@@ -16,8 +16,8 @@
 	<h2>Description</h2>
 	<div class="clearfix">
 		<div style="float: right; margin-left: 10px;">
-			<img src="/services/paste1.png" alt="Copie d'écran" style="width: 550px;" />
-			<p><img src="/services/paste2.png" alt="Copie d'écran" style="width: 550px;" /></p>
+			<img src="/services/paste/paste1.png" alt="Copie d'écran" style="width: 550px;" />
+			<p><img src="/services/paste/paste2.png" alt="Copie d'écran" style="width: 550px;" /></p>
 		</div>
 		<p>Paste.libre-service.eu est un service de transfert de texte chiffré basé sur le logiciel libre <a href="https://privatebin.info">PrivateBin</a>.</p>
 		<p>Quelques caractéristiques :</p>

src/website/services/qrcode/IndexXhtml.java

@@ -16,7 +16,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with LibreServiceEUWeb.  If not, see <http://www.gnu.org/licenses/>.
  */
-package website.services;
+package website.services.qrcode;
 
 import java.io.IOException;
 
@@ -35,10 +35,10 @@ import website.charter.WebCharterView;
 /**
  * The Class AccueilPage.
  */
-public class VisioPage extends HttpServlet
+public class IndexXhtml extends HttpServlet
 {
     private static final long serialVersionUID = -8225743451426546008L;
-    private static Logger logger = LoggerFactory.getLogger(VisioPage.class);
+    private static Logger logger = LoggerFactory.getLogger(IndexXhtml.class);
 
     /**
      * {@inheritDoc}
@@ -59,7 +59,7 @@ public class VisioPage extends HttpServlet
             // ==============
             TagDataManager data = new TagDataManager();
 
-            String page = PresenterUtils.dynamize("/website/services/visio.xhtml", data).toString();
+            String page = PresenterUtils.dynamize("/website/services/qrcode/qrcode.xhtml", data).toString();
 
             String html = WebCharterView.build(page);
 

src/website/services/qrcode/qrcode.xhtml

@@ -16,7 +16,7 @@
 	<h2>Description</h2>
 
 	<div class="clearfix">
-		<img src="/services/qrcode1.png" alt="Copie d'écran" style="height: 380px; float: right;" />
+		<img src="/services/qrcode/qrcode1.png" alt="Copie d'écran" style="height: 380px; float: right;" />
 		<p><a href="https://qrcode.libre-service.eu/">QRcode.libre-service.eu</a> est un service de génération de code QR basé sur le logiciel libre <a href="https://code.antopie.org/miraty/libreqr/">LibreQR</a>.</p>
 		<p>Quelques caractéristiques :</p>
 		<ul>
@@ -32,7 +32,7 @@
 		<blockquote style="width: 600px;">Un code QR, en anglais QR code, en forme longue quick response code, « code à réponse rapide », est un type de code-barres à deux dimensions (ou code matriciel) — format optique lisible par machine pouvant être visualisé sur l'écran d’un appareil mobile ou imprimé sur papier — constitué de modules-carrés noirs disposés dans un carré à fond blanc. Ces points définissent l'information que contient le code.</blockquote>
 	</div>
 	<p>Exemple de QRcode généré par le service :</p>
-	<img src="/services/qrcode2.png" alt="Copie d'écran" style="padding-left: 100px;" />
+	<img src="/services/qrcode/qrcode2.png" alt="Copie d'écran" style="padding-left: 100px;" />
 
 	<h2>Les sources</h2>
 	<p>Les codes sources du service qrcode.libre-service.eu sont disponibles sur <a href="https://forge.devinsy.fr/explore/repos?q=qrcode.libre-service.eu">notre forge</a>.</p>

src/website/services/services.xhtml

@@ -14,24 +14,28 @@
 	<h1>Les services</h1>
 	<p>Liste de tous les services proposés par Libre-service.eu :</p>
 	<div style="display: inline-block; vertical-align: top; margin-right: 40px;">
-		<h3><a href="/services/audio.xhtml">Audio.libre-service.eu</a></h3>
-		<img src="/services/mumble2b.png" alt="Copie d'écran de audio.libre-service.eu" style="width: 400px; margin-right: 40px; margin-bottom: 40px;" />
+		<h3><a href="./audio/">Audio.libre-service.eu</a></h3>
+		<img src="./audio/mumble2b.png" alt="Copie d'écran de audio.libre-service.eu" style="width: 400px; margin-right: 40px; margin-bottom: 40px;" />
 	</div>
 	<div style="display: inline-block; vertical-align: top; margin-right: 40px;">
-		<h3><a href="/services/qrcode.xhtml">QRcode.libre-service.eu</a></h3>
-		<img src="/services/qrcode00.png" alt="Copie d'écran de qrcode.libre-service.eu" style="width: 400px; margin-right: 40px; margin-bottom: 40px;" />
+		<h3><a href="./qrcode/">QRcode.libre-service.eu</a></h3>
+		<img src="./qrcode/qrcode00.png" alt="Copie d'écran de qrcode.libre-service.eu" style="width: 400px; margin-right: 40px; margin-bottom: 40px;" />
 	</div>
 	<div style="display: inline-block; vertical-align: top; margin-right: 40px;">
-		<h3><a href="/services/paste.xhtml">Paste.libre-service.eu</a></h3>
-		<img src="/services/paste00.png" alt="Copie d'écran de paste.libre-service.eu" style="width: 400px; margin-right: 40px;" />
+		<h3><a href="./paste/">Paste.libre-service.eu</a></h3>
+		<img src="./paste/paste00.png" alt="Copie d'écran de paste.libre-service.eu" style="width: 400px; margin-right: 40px;" />
 	</div>
 	<div style="display: inline-block; vertical-align: top; margin-right: 40px;">
-		<h3><a href="/services/visio.xhtml">Visio.libre-service.eu</a></h3>
-		<img src="/services/visio00.png" alt="Copie d'écran de visio.libre-service.eu" style="width: 400px; margin-right: 40px;" />
+		<h3><a href="./pad/">Pad.libre-service.eu</a></h3>
+		<img src="./pad/etherpad_demo.gif" alt="Copie d'écran de pad.libre-service.eu" style="width: 400px; margin-right: 40px;" />
 	</div>
 	<div style="display: inline-block; vertical-align: top; margin-right: 40px;">
-		<h3><a href="/services/minetest.xhtml">Minetest.libre-service.eu</a></h3>
-		<img src="/services/minetest-pyramide-800x.jpg" alt="Copie d'écran de minetest.libre-service.eu" style="width: 400px; margin-right: 40px;" />
+		<h3><a href="./minetest/">Minetest.libre-service.eu</a></h3>
+		<img src="./minetest/img-pyramide-800x.jpg" alt="Copie d'écran de minetest.libre-service.eu" style="width: 400px; margin-right: 40px;" />
+	</div>
+	<div style="display: inline-block; vertical-align: top; margin-right: 40px;">
+		<h3><a href="./visio/">Visio.libre-service.eu</a></h3>
+		<img src="./visio/visio00.png" alt="Copie d'écran de visio.libre-service.eu" style="width: 400px; margin-right: 40px;" />
 	</div>
 </body>
 </html>

src/website/services/visio/IndexXhtml.java

@@ -16,7 +16,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with LibreServiceEUWeb.  If not, see <http://www.gnu.org/licenses/>.
  */
-package website.services;
+package website.services.visio;
 
 import java.io.IOException;
 
@@ -35,10 +35,10 @@ import website.charter.WebCharterView;
 /**
  * The Class AccueilPage.
  */
-public class PastePage extends HttpServlet
+public class IndexXhtml extends HttpServlet
 {
     private static final long serialVersionUID = -8225743451426546008L;
-    private static Logger logger = LoggerFactory.getLogger(PastePage.class);
+    private static Logger logger = LoggerFactory.getLogger(IndexXhtml.class);
 
     /**
      * {@inheritDoc}
@@ -59,7 +59,7 @@ public class PastePage extends HttpServlet
             // ==============
             TagDataManager data = new TagDataManager();
 
-            String page = PresenterUtils.dynamize("/website/services/paste.xhtml", data).toString();
+            String page = PresenterUtils.dynamize("/website/services/visio/visio.xhtml", data).toString();
 
             String html = WebCharterView.build(page);
 

src/website/services/visio/visio.xhtml

@@ -16,7 +16,7 @@
 	<h2>Description</h2>
 	<div class="clearfix">
 		<div style="float: right; margin-left: 10px;">
-			<img src="/services/visio1.png" alt="Copie d'écran" style="width: 500px;" />
+			<img src="/services/visio/visio1.png" alt="Copie d'écran" style="width: 500px;" />
 		</div>
 		<p>Visio.libre-service.eu est un service de visio-conférence basé sur le logiciel libre <a href="https://jitsi.org/">Jitsi Meet</a>.</p>
 		<p>À la fois professionnel et très simple d'utilisation, c'est un logiciel reconnu et à utiliser sans réserve.</p>
@@ -39,10 +39,10 @@
 	
 	Quelques copies d'écran pour découvrir la richesse de l'outil et vous donnez envie de l'utiliser !
 	<p>
-		<img src="/services/visio-chat.png" alt="Le chat" style="width: 450px;" />
-		<img src="/services/visio-options.png" alt="Les options" style="width: 450px;" />
-		<img src="/services/visio-sondage.png" alt="Un sondage" style="width: 450px;" />
-		<img src="/services/visio-moderation.png" alt="La modératoin" style="width: 450px;" />
+		<img src="/services/visio/visio-chat.png" alt="Le chat" style="width: 450px;" />
+		<img src="/services/visio/visio-options.png" alt="Les options" style="width: 450px;" />
+		<img src="/services/visio/visio-sondage.png" alt="Un sondage" style="width: 450px;" />
+		<img src="/services/visio/visio-moderation.png" alt="La modératoin" style="width: 450px;" />
 	</p>
 
 	<h2>Les sources</h2>