diff --git a/aurore_mailall.html b/aurore_mailall.html
index 28dece4..71897d4 100644
--- a/aurore_mailall.html
+++ b/aurore_mailall.html
@@ -6,7 +6,7 @@
 	<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
 	<title></title>
 	<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css"/>
-	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"/>
+	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"/>		
 	<style type="text/css">
 		body {
 			margin: 0;
@@ -14,6 +14,40 @@
 			-webkit-text-size-adjust: 100%;
 			background-color: #192744;
 		}
+		.btn {
+		  -webkit-border-radius: 28;
+		  -moz-border-radius: 28;
+		  border-radius: 28px;
+		  font-family: Arial;
+		  color: #ffffff;
+		  font-size: 16px;
+		  background: #cf0f22;
+		  padding: 10px 20px 10px 20px;
+		  text-decoration: none;
+		}
+
+		.btn:hover {
+		  text-decoration: none;
+		}
+
+		.spacer_big{
+			background-color: transparent;
+			height: 200px; 
+			width: 100%;
+		}
+
+		.spacer_medium{
+			background-color: transparent;
+			height: 100px; 
+			width: 100%;
+		}
+
+		.spacer_small{
+			background-color: transparent;
+			height: 30px; 
+			width: 100%;
+		}
+
 		table,td,tr {
 			vertical-align: top;
 			border-collapse: collapse;
@@ -86,82 +120,75 @@
 </head>
 
 <body>
-	<div style="background-color:transparent;">
-		<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
-			<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;background-image:url('https://perso.crans.org/grisel-davy/images_mail/silhouette-fireworks.jpg');background-position:top center;background-repeat:no-repeat">
-				<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
-					<div style="width:100% !important;">
-						<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
-
-							<div style="height: 50px; width: 100%;">
-								<span></span>
-							</div>
-
-							<div style="height: 50px; width: 100%;">
-								<span></span>
-							</div>
-
-							<div align="center" class="img-container center autowidth" style="padding-right: 20px;padding-left: 20px;">
-								<img align="center" alt="Alternate text" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/logo_black.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 100%; max-width: 385px; display: block;" title="Alternate text" width="385"/>
-							</div>
 
 
-						</div>
-						<div style="height: 400px; width: 100%;">
-							<span></span>
-						</div>
-						<div class="texte_center">
-							<p style="font-size:18px;font-weight: bold;">
-								Avec Aurore nous vous proposons de nombreux services. Tellement de services que vous ne les conaissez surement pas tous. Ces services sont hébergés sur nos serveurs et utilisent des outils libres pour garantire l'intégritée de vos données. Ces services vous sont accessibles à vie, même aprés que votre adhésion expire. 
-							</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<div style="background-color:transparent;">
-		<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
-			<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
-				<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
-					<div style="width:100% !important;">
-						<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
-						</div>
+<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
+	<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;background-image:url('https://perso.crans.org/grisel-davy/images_mail/silhouette-fireworks.jpg	');background-position:top center;background-repeat:no-repeat">
+		<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
+			<div style="width:100% !important;">
+				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
+
+					<div style="height: 50px; width: 100%;">
+						<span></span>
+					</div>
+
+					<div style="height: 50px; width: 100%;">
+						<span></span>
+					</div>
+
+					<div align="center" class="img-container center autowidth" style="padding-right: 20px;padding-left: 20px;">
+						<img align="center" alt="Alternate text" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/logo_black.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 100%; max-width: 385px; display: block;" title="Alternate text" width="385"/>
 					</div>
 				</div>
+				<div class="spacer_big">
+					<span></span>
+				</div>
+				<div class="texte_center">
+					<p style="font-size:18px;font-weight: bold;">
+						Avec Aurore nous vous proposons de nombreux services. Tellement de services que vous ne les conaissez surement pas tous. Ces services sont hébergés sur nos serveurs et utilisent des outils libres pour garantire au mieux l'intégritée de vos données. Ces services vous sont accessibles à tout les adhérents et à vie, même aprés que votre adhésion expire.
+					</p>
+				</div>
+				<div class="spacer_big"><span></span></div>
 			</div>
 		</div>
 	</div>
+</div>
 
-	<div style="background-color:transparent;">
-		<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
-			<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
-				<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
-					<div style="width:100% !important;">
-						<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
-							<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
-								<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/jitsi.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
-							</div>
-							<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
-								<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
-									<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
-										<span style="color: #ffffff; font-size: 15px;">
-											Organiser une visio-conférence pour travailler ou communiquer avec d'autres n'a jamais été aussi facile, grâce à jitsi. Aurore met à ta disposition ce service de visio-conf, accessible à l'adresse <a href="https://jitsi.auro.re">https://jitsi.auro.re</a> 
-										</span>
-									</br>
-								</br>
-								<span>
-									En particulier, pas besoin d'être adhérent à l'association pour l'utiliser et en profiter. 
+<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
+	<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
+		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
+			<div style="width:100% !important;">
+				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
+					<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
+						<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/jitsi.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
+					</div>
+					<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
+						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
+							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
+								<span style="color: #ffffff; font-size: 15px;">
+									Organiser une visio-conférence pour travailler ou communiquer avec d'autres n'a jamais été aussi facile, grâce à jitsi. Jitsi permet la création de vision-conférences sans authentifications. Par conséquent, pas besoin d'être adhérent d'Aurore pour l'utiliser.
 								</span>
 							</p>
 						</div>
 					</div>
+					<div class="spacer_small">
+						<span></span>
+					</div>
+					<div style="text-align:center;">
+						<a class="btn" href="">Acceder à Jitsi</a>
+					</div>
 				</div>
 			</div>
 		</div>
+	</div>
+	<div class="spacer_medium">
+		<span></span>
+	</div>
+</div>
 
-
-		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: center; width: 320px;">
+<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
+	<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
+		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
 			<div style="width:100% !important;">
 				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
 					<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
@@ -171,25 +198,30 @@
 						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
 							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
 								<span style="color: #ffffff; font-size: 15px;">
-									Aurore met à ta disposition gratuitement 30Go de stockage, et ce à vie ! (tu pourras continuer à l'utiliser une fois que tu ne seras plus adhérents à l'association). Une solution simple et sécurisée pour stocker vidéos, photos, documents volumineux et fichiers personnels. Nous utilisons la plateforme nextcloud, qui te permets d'accéder, charger et visualiser tes documents via un navigateurs Web, ou une application client pc, mac os, ios et android.
+									Aurore met à ta disposition gratuitement 30Go de stockage, et ce à vie ! (tu pourras continuer à l'utiliser une fois que tu ne seras plus adhérents à l'association).
+									Une solution simple et sécurisée pour stocker vidéos, photos, documents volumineux et fichiers personnels. Nous utilisons la plateforme nextcloud, qui te permets d'accéder, charger et visualiser tes documents via un navigateurs Web, ou une application client pc, mac os, ios et android.
 								</span>
-							</br>
-						</br>
-						<span>
-							Pour l'utiliser, rendez-vous sur <a href="https://nextcloud.auro.re">https://nextcloud.auro.re</a>
-						</span>
-					</p>
+							</p>
+						</div>
+					</div>
+					<div class="spacer_small">
+						<span></span>
+					</div>
+					<div style="text-align:center;">
+						<a class="btn" href="http://nextcloud.auro.re">Acceder à Nextcloud</a>
+					</div>
 				</div>
 			</div>
 		</div>
 	</div>
-</div>
-</div>
+	<div class="spacer_medium">
+		<span></span>
+	</div>
 </div>
 
 <div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
 	<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
-		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: center; width: 320px;">
+		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
 			<div style="width:100% !important;">
 				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
 					<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
@@ -197,29 +229,26 @@
 					</div>
 					<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
 						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
-							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;"><span style="color: #ffffff; font-size: 15px;">Phabricator est un outil de suivi de projet sur le principe de Kaban. Il permet la gestion de projets complexe via la création et l'assignation de tache. C'est un outil très complet qui convient pour tout les projets du plus simple au plus ambitieux</span></p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-
-		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
-			<div style="width:100% !important;">
-				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
-					<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
-						<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/privatebin.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
-					</div>
-					<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
-						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
-							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;"><span style="color: #ffffff; font-size: 15px;">PrivateBin est un outils de partage de texte simple et sécurisé. Le contenu partagé n'est jamais connu du serveur et peut être partagé facilement via des liens qui peuvent avoir des délais d'expiration. Simple au possible mais très utile.</span></p>
+							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
+								<span style="color: #ffffff; font-size: 15px;">
+									Pour organiser un projet collaboratif plus ou moins complexe, rien de miex que Phabricator. Cet outil permet le suivi des différentes étapes d'un projet avec un système de taches assignées à des membres du projet. Cet outil puissant s'applique à des projets simple comme un projet de cours ou plus complexe comme la gestion d'une association de réseau. Tout les projets d'Aurore sont d'ailleur accessible sur Phabricator. 
+								</span>
+							</p>
 						</div>
 					</div>
+					<div class="spacer_small">
+						<span></span>
+					</div>
+					<div style="text-align:center;">
+						<a class="btn" href="http://phabricator.auro.re">Acceder à Phabricator</a>
+					</div>
 				</div>
 			</div>
 		</div>
 	</div>
+	<div class="spacer_medium">
+		<span></span>
+	</div>
 </div>
 
 <div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
@@ -228,18 +257,34 @@
 			<div style="width:100% !important;">
 				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
 					<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
-						<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/matrix.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
+						<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/gitea.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
 					</div>
 					<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
 						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
-							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;"><span style="color: #ffffff; font-size: 15px;">Matrix est un outil de communication instantanée analogue à IRC ou Discord qui permet la création de canaux de discussion ainsi que des appels audio ou vidéo.</span></p>
+							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
+								<span style="color: #ffffff; font-size: 15px;">
+									Vous conaissez Github, vous préférez Gitlab, vous allez adorer Gitea! Aurore te permet d'heberger tes projets sur notre instance Gitea. Plus simple et léger que Gitlab, Gitea n'en est pas moins puissant et agréable à utiliser. Tu peut également y retrouver les projets de l'associations et y participer.
+								</span>
+							</p>
 						</div>
 					</div>
+					<div class="spacer_small">
+						<span></span>
+					</div>
+					<div style="text-align:center;">
+						<a class="btn" href="https://gitea.auro.re">Acceder à Gitea</a>
+					</div>
 				</div>
 			</div>
 		</div>
+	</div>
+	<div class="spacer_medium">
+		<span></span>
+	</div>
+</div>
 
-
+<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
+	<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
 		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
 			<div style="width:100% !important;">
 				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
@@ -248,15 +293,26 @@
 					</div>
 					<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
 						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
-							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;"><span style="color: #ffffff; font-size: 15px;">
-							Etherpad permet l'édition collaborative de document texte simple. Les pads sont des feuilles de text très rapide à créer et à partager.</span>
-						</p>
+							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
+								<span style="color: #ffffff; font-size: 15px;">
+									Pour travailler à plusieurs sur un document texte simple, rien de plus rapide que Etherpad. Les pads son permanents, ne nécéssitent aucune authentification, premettent le travail à plusieurs en simultané avec une gestion de l'historique.
+								</span>
+							</p>
+						</div>
+					</div>
+					<div class="spacer_small">
+						<span></span>
+					</div>
+					<div style="text-align:center;">
+						<a class="btn" href="https://pad.auro.re">Acceder à Etherpad</a>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>
-</div>
+	<div class="spacer_medium">
+		<span></span>
+	</div>
 </div>
 
 <div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
@@ -267,36 +323,92 @@
 					<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
 						<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/codimd.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
 					</div>
-					<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
-						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
-							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;"><span style="color: #ffffff; font-size: 15px;">CodiMd est un second outil d'édition de document collaboratif en ligne qui permet l'utilisation de texte plus riche. Les documents utilisés par CodiMd sont écrit en Markdown, un langage très proche du langage usuel et qui permet une mise en forme simple mais variée du texte.</span></p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-
-		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
-			<div style="width:100% !important;">
-				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
-					<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
-						<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/gitea.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
-					</div>
 					<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
 						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
 							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
 								<span style="color: #ffffff; font-size: 15px;">
-									Vous conaissez Github, vous préférez Gitlab, vous allez adorer Gitea! Aurore te permet d'haberger tes projets sur notre instance Gitea. Plus simple et léger que Gitlab, Gitea n'en est pas moins puissant et agréable à utiliser. Tu peut également y retrouver les projets de l'associations et y participer à l'adresse <a href="https://gitea.auro.re">https://gitea.auro.re</a>
+									CodiMd reprend le principe d'édition de document en simultané mais permet l'utilisation du language Markdown. En vous connectant sur CodiMD avec vos identifiant Aurore, il est possible de gérer vos documents et assigner des permissions pour le partage.
 								</span>
 							</p>
 						</div>
 					</div>
+					<div class="spacer_small">
+						<span></span>
+					</div>
+					<div style="text-align:center;">
+						<a class="btn" href="https://codimd.auro.re">Acceder à CodiMD</a>
+					</div>
 				</div>
 			</div>
 		</div>
 	</div>
+	<div class="spacer_medium">
+		<span></span>
+	</div>
 </div>
+
+<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
+	<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
+		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
+			<div style="width:100% !important;">
+				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
+					<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
+						<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/privatebin.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
+					</div>
+					<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
+						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
+							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
+								<span style="color: #ffffff; font-size: 15px;">
+									Le principe de PrivateBin est simple: envoit de texte sécurisé de bout en bout. Le document copi-collé est chiffré par le navigateur et déchifré lors de l'ouverture. Le serveur n'a aucun moyen de connaitre le texte envoyé. Simple, rapide, sécurisé. Il est également possible de définir un mot de passe, une auto destruction ou une expiration du document.
+								</span>
+							</p>
+						</div>
+					</div>
+					<div class="spacer_small">
+						<span></span>
+					</div>
+					<div style="text-align:center;">
+						<a class="btn" href="https://privatebin.auro.re">Acceder à PrivateBin</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="spacer_medium">
+		<span></span>
+	</div>
+</div>
+
+<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
+	<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
+		<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
+			<div style="width:100% !important;">
+				<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
+					<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
+						<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://perso.crans.org/grisel-davy/images_mail/riot.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
+					</div>
+					<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
+						<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
+							<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
+								<span style="color: #ffffff; font-size: 15px;">
+									Parler avec ses ami.es c'est cool. Parler sans se faire espionner, c'est mieux! L'outil de communication officiel d'Aurore est Riot (qui s'appel maintenant Element). Via son interface en ligne ou son application, Riot permet la gestions de groupe de discussions sur le même principe que Discord. Tu y retrouvera certaines de tes associations préférée, y compris Aurore évidement. De plus, de nombreux outils permments la connection de Riot avec d'autres système de discussion comme IRC ou Discord pour étendre encore les possibilitées de Riot.
+								</span>
+							</p>
+						</div>
+					</div>
+					<div class="spacer_small">
+						<span></span>
+					</div>
+					<div style="text-align:center;">
+						<a class="btn" href="https://riot.auro.re">Acceder à Riot</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="spacer_medium">
+		<span></span>
+	</div>
 </div>
 
 <div style="background-color:transparent;">
@@ -321,5 +433,6 @@
 			</div>
 		</div>
 	</div>
+</div>
 </body>
 </html>
\ No newline at end of file
